.elementor-22 .elementor-element.elementor-element-4e0a59a{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:039px;--padding-left:25px;--padding-right:25px;}.elementor-22 .elementor-element.elementor-element-4e0a59a:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-4e0a59a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141821;}.elementor-22 .elementor-element.elementor-element-4e0a59a::before, .elementor-22 .elementor-element.elementor-element-4e0a59a > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4e0a59a > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4e0a59a > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4e0a59a > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4e0a59a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(140deg, #141821D6 15%, #14182100 86%);}.elementor-22 .elementor-element.elementor-element-dc3183a{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-dc3183a:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-dc3183a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242B39;}.elementor-22 .elementor-element.elementor-element-9922441{text-align:center;}.elementor-22 .elementor-element.elementor-element-9922441 .elementor-heading-title{font-weight:600;}.elementor-22 .elementor-element.elementor-element-a7581dc .elementor-icon-list-icon i{color:#FFFFFF;font-size:14px;}.elementor-22 .elementor-element.elementor-element-a7581dc .elementor-icon-list-icon svg{fill:#FFFFFF;--e-icon-list-icon-size:14px;}.elementor-22 .elementor-element.elementor-element-a7581dc .elementor-icon-list-icon{width:14px;}.elementor-22 .elementor-element.elementor-element-a13c682{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-cebb60d{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-cebb60d:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-cebb60d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242B39;}.elementor-22 .elementor-element.elementor-element-4e2c8b4{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-22 .elementor-element.elementor-element-4e2c8b4:after{content:"0.66";}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__thumbnail__link{width:100%;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__meta-data span + span:before{content:"•";}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__text{margin-top:20px;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__badge{right:0;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__title, .elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__title a{font-size:18px;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-4e0a59a{--min-height:600px;}.elementor-22 .elementor-element.elementor-element-dc3183a{--padding-top:10px;--padding-bottom:10px;--padding-left:25px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-cebb60d{--padding-top:10px;--padding-bottom:10px;--padding-left:25px;--padding-right:10px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-4e0a59a{--min-height:550px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-dc3183a{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-9922441{text-align:center;}.elementor-22 .elementor-element.elementor-element-9922441 .elementor-heading-title{font-size:22px;}.elementor-22 .elementor-element.elementor-element-cebb60d{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-22 .elementor-element.elementor-element-4e2c8b4:after{content:"0.5";}.elementor-22 .elementor-element.elementor-element-4e2c8b4 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-4e2c8b4 *//* ======= Grid & Container (Dark) ======= */
.box-bloghome.elementor-widget-posts .elementor-posts{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}
@media (max-width:1024px){
  .box-bloghome.elementor-widget-posts .elementor-posts{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:640px){
  .box-bloghome.elementor-widget-posts .elementor-posts{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* ======= Card ======= */
.box-bloghome .elementor-post__card{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:#141821;                /* box dark */
  color:#e6ebf2;                      /* text chính */
  border:1px solid #223057;           /* viền lạnh */
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.box-bloghome .elementor-post__card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 46px rgba(0,0,0,.45);
  border-color:#2a3b63;
}

/* ======= Thumbnail (không dịch ảnh khi hover) ======= */
.box-bloghome .elementor-post__thumbnail{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
}
.box-bloghome .elementor-post__thumbnail img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:filter .4s ease;        /* chỉ làm sáng nhẹ khi hover */
}
.box-bloghome .elementor-post__card:hover .elementor-post__thumbnail img{
  filter:brightness(1.05);
}
.box-bloghome .elementor-post__thumbnail::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.18) 100%);
  pointer-events:none;
  mix-blend-mode:multiply;
}

/* ======= Badge chuyên mục ======= */
.box-bloghome .elementor-post__badge{
  position:absolute;
  top:12px; left:12px; z-index:2;
  background:#1b294a;
  color:#e6ebf2;
  font-size:12px; line-height:1;
  padding:8px 10px; border-radius:999px;
  letter-spacing:.2px; font-weight:700;
  border:1px solid #2a3b63;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  overflow:hidden;
}
.box-bloghome .elementor-post__badge::before,
.box-bloghome .elementor-post__badge::after{ content:none; }

/* ======= Avatar (fix lỗi dư góc tròn) ======= */
.box-bloghome .elementor-post__avatar{ display:none !important; }

/* ======= Text ======= */
.box-bloghome .elementor-post__text{
  padding:16px 18px 6px 18px;
}
.box-bloghome .elementor-post__title{
  margin:0 0 8px 0; font-weight:800;
  font-size: clamp(18px, 2vw, 20px);
  line-height:1.3;
}
.box-bloghome .elementor-post__title a{
  color:#e6ebf2; text-decoration:none;
  background:linear-gradient(#6ea8fe,#6ea8fe) 0 100%/0 2px no-repeat;
  transition:background-size .35s ease,color .2s ease;
}
.box-bloghome .elementor-post__card:hover .elementor-post__title a{
  background-size:100% 2px;
}
.box-bloghome .elementor-post__title,
.box-bloghome .elementor-post__title a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ======= Excerpt ======= */
.box-bloghome .elementor-post__excerpt{
  color:#9aa4b2;
  font-size:14.5px; line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  margin:0 0 10px 0;
}

/* ======= Read More ======= */
.box-bloghome .elementor-post__read-more{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:800; font-size:13px; letter-spacing:.3px;
  color:#cfe0ff;
  text-decoration:none;
  padding:10px 12px; border-radius:999px;
  border:1px solid #223057;
  transition:background .2s ease, transform .2s ease, border-color .2s ease, color .2s ease;
}
.box-bloghome .elementor-post__read-more::after{
  content:"›"; font-size:16px; transform:translateY(-.5px);
}
.box-bloghome .elementor-post__read-more:hover{
  background:rgba(110,168,254,.08);
  border-color:#2a3b63;
  color:#6ea8fe;
  transform:translateX(2px);
}

/* ======= Meta bar ======= */
.box-bloghome .elementor-post__meta-data{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  padding:12px 18px 16px 18px;
  border-top:1px dashed #223057;
  color:#9aa4b2;
  font-size:12.5px; letter-spacing:.2px;
}
.box-bloghome .elementor-post-date::before{ content:"🗓️"; margin-right:8px; }
.box-bloghome .elementor-post-avatar::before{ content:"💬"; margin-right:6px; }

/* ======= No thumbnail ======= */
.box-bloghome .elementor-post__card:not(:has(.elementor-post__thumbnail)){
  grid-template-rows:1fr auto;
}
.box-bloghome .elementor-post__card:not(:has(.elementor-post__thumbnail)) .elementor-post__text{
  padding-top:20px;
}

/* ======= Focus states ======= */
.box-bloghome .elementor-post__card a:focus-visible{
  outline:2px solid #6ea8fe; outline-offset:2px; border-radius:8px;
}

/* ======= Khoảng cách override Elementor ======= */
.box-bloghome.elementor-widget-posts .elementor-posts-container{
  row-gap:24px !important;
}

/* ======= (Optional) Nền tổng trang dark giống ảnh ======= */
/* body{ background:#0b1020; color:#e6ebf2; } *//* End custom CSS */