/*
 * DTA Premium V31 polish
 * - Cân lại panel giải thưởng / thống kê
 * - Làm mới section dịch vụ cho gọn và thẩm mỹ hơn
 * - Đồng bộ hover / active trạng thái header
 */

/* =========================
   HEADER POLISH
   ========================= */
body.dta-premium-v31 .nav-wrap{
  gap:22px;
  border-radius:28px;
  box-shadow:0 18px 48px rgba(15,73,143,.10), inset 0 1px 0 rgba(255,255,255,.92);
}
body.dta-premium-v31 .main-nav{
  gap:10px !important;
}
body.dta-premium-v31 .main-nav > a,
body.dta-premium-v31 .nav-service-trigger{
  min-height:48px;
  padding:0 18px !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  background:transparent !important;
  color:#193a67 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
body.dta-premium-v31 .main-nav > a::before,
body.dta-premium-v31 .nav-service-trigger::before{
  content:none !important;
}
body.dta-premium-v31 .main-nav > a:hover,
body.dta-premium-v31 .main-nav > a:focus-visible,
body.dta-premium-v31 .nav-service-trigger:hover,
body.dta-premium-v31 .nav-service-trigger:focus-visible,
body.dta-premium-v31 .main-nav > a.active,
body.dta-premium-v31 .nav-service-trigger.active,
body.dta-premium-v31 .nav-dropdown.current-menu-item .nav-service-trigger{
  color:#2991cb !important;
  border-color:rgba(10,99,221,.15) !important;
  background:linear-gradient(135deg, rgba(226,242,255,.95), rgba(246,250,255,.98)) !important;
  box-shadow:0 10px 22px rgba(14,86,175,.08) !important;
  transform:none !important;
}
body.dta-premium-v31 .nav-submenu{
  margin-top:2px;
  border-radius:22px;
}
body.dta-premium-v31 .nav-submenu a{
  border-radius:14px;
}

/* =========================
   HERO INSIGHT PANEL POLISH
   ========================= */
body.dta-premium-v31 .hero-insight-panel{
  align-items:stretch;
  gap:22px !important;
  padding:28px !important;
  border-radius:30px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,251,255,.78)) !important;
  box-shadow:0 24px 60px rgba(18,72,137,.10) !important;
}
body.dta-premium-v31 .hero-awards{
  align-items:center !important;
  gap:20px !important;
  padding:22px 26px !important;
  border:1px solid rgba(23,119,225,.10);
  border-right:1px solid rgba(23,119,225,.10) !important;
  border-radius:26px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.dta-premium-v31 .hero-award-symbol{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:#4f7fe6;
  background:linear-gradient(145deg,#eef6ff,#dff0ff);
  box-shadow:0 14px 34px rgba(41,120,223,.16);
  font-size:30px;
}
body.dta-premium-v31 .hero-awards strong{
  margin-bottom:12px !important;
  font-size:19px !important;
  font-weight:900 !important;
}
body.dta-premium-v31 .hero-awards ul{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding-left:22px !important;
  font-size:15px !important;
  line-height:1.5 !important;
  color:#637b98 !important;
}
body.dta-premium-v31 .hero-stats{
  gap:16px !important;
}
body.dta-premium-v31 .hero-stats > div{
  min-height:156px;
  align-content:center;
  padding:18px 16px !important;
  border:1px solid rgba(23,119,225,.10);
  border-radius:26px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 14px 34px rgba(18,72,137,.06);
}
body.dta-premium-v31 .hero-stats > div:hover{
  transform:translateY(-4px);
  background:linear-gradient(135deg,#ffffff 0%,#eef7ff 100%);
}
body.dta-premium-v31 .hero-stats .stat-icon{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#eef6ff,#dff0ff) !important;
  box-shadow:0 10px 24px rgba(41,120,223,.14);
  font-size:14px !important;
}
body.dta-premium-v31 .hero-stats strong{
  font-size:31px !important;
  letter-spacing:-.04em;
}
body.dta-premium-v31 .hero-stats > div > span:last-child{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

/* =========================
   SERVICES SECTION POLISH
   ========================= */
body.dta-premium-v31 .services.services-simple{
  padding:106px 0 104px;
  background:linear-gradient(160deg,#f7fbff 0%,#ffffff 42%,#eef5ff 100%);
}
body.dta-premium-v31 .services.services-simple::before{
  right:-10%;
  top:8%;
  width:520px;
  height:520px;
  border-width:62px;
  opacity:.55;
}
body.dta-premium-v31 .services-head{
  align-items:flex-end !important;
  margin-bottom:40px !important;
}
body.dta-premium-v31 .services-head-main{
  max-width:760px;
}
body.dta-premium-v31 .services-head-main .eyebrow{
  margin-bottom:18px !important;
  padding:11px 16px !important;
}
body.dta-premium-v31 .services-head h2{
  margin:0;
  font-size:clamp(52px,5.3vw,86px) !important;
  line-height:1.4 !important;
  letter-spacing:-.05em !important;
  text-wrap:balance;
}
body.dta-premium-v31 .services-all-btn{
  min-height:56px !important;
  padding:0 22px !important;
  border-radius:18px !important;
  border:1px solid rgba(8,119,236,.14) !important;
  background:rgba(255,255,255,.92) !important;
  color:#2991cb !important;
  box-shadow:0 12px 28px rgba(18,72,137,.07) !important;
}
body.dta-premium-v31 .service-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px !important;
  perspective:none !important;
}
body.dta-premium-v31 .service-card-simple,
body.dta-premium-v31 .service-card-simple.featured,
body.dta-premium-v31 .service-card-simple.emphasis{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:320px !important;
  padding:28px 82px 28px 28px !important;
  border:1px solid rgba(19,112,214,.10) !important;
  border-radius:30px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.97), rgba(242,248,255,.92)) !important;
  box-shadow:0 20px 44px rgba(18,72,137,.06) !important;
  overflow:hidden !important;
  transform:none !important;
}
body.dta-premium-v31 .service-card-simple::before,
body.dta-premium-v31 .service-card-simple.featured::before,
body.dta-premium-v31 .service-card-simple.emphasis::before{
  content:"" !important;
  position:absolute;
  right:-52px;
  bottom:-62px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(71,167,255,.18), rgba(71,167,255,0) 68%) !important;
  transition:transform .3s ease;
}
body.dta-premium-v31 .service-card-simple::after,
body.dta-premium-v31 .service-card-simple.featured::after,
body.dta-premium-v31 .service-card-simple.emphasis::after{
  content:"↗" !important;
  position:absolute !important;
  top:50% !important;
  right:22px !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  color:#2991cb !important;
  background:linear-gradient(145deg,#eef6ff,#dff0ff) !important;
  opacity:1 !important;
  box-shadow:0 10px 24px rgba(41,120,223,.14);
  font-weight:900 !important;
  transition:transform .25s ease, background .25s ease, color .25s ease !important;
}
body.dta-premium-v31 .service-card-simple:hover,
body.dta-premium-v31 .service-card-simple.featured:hover,
body.dta-premium-v31 .service-card-simple.emphasis:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(8,119,236,.20) !important;
  box-shadow:0 28px 55px rgba(18,72,137,.10) !important;
}
body.dta-premium-v31 .service-card-simple:hover::before,
body.dta-premium-v31 .service-card-simple.featured:hover::before,
body.dta-premium-v31 .service-card-simple.emphasis:hover::before{
  transform:scale(1.14);
}
body.dta-premium-v31 .service-card-simple:hover::after,
body.dta-premium-v31 .service-card-simple.featured:hover::after,
body.dta-premium-v31 .service-card-simple.emphasis:hover::after{
  color:#fff !important;
  background:linear-gradient(135deg,#2991cb,#2991cb) !important;
  transform:translateY(-50%) translateX(2px) !important;
}
body.dta-premium-v31 .service-card-simple .service-icon,
body.dta-premium-v31 .service-card-simple.featured .service-icon,
body.dta-premium-v31 .service-card-simple.emphasis .service-icon{
  width:62px !important;
  height:62px !important;
  margin-bottom:30px !important;
  border-radius:20px !important;
  color:#0a6ee3 !important;
  background:linear-gradient(145deg,#ffffff,#dff1ff) !important;
  border:1px solid rgba(8,119,236,.08) !important;
  box-shadow:0 14px 30px rgba(8,119,236,.12) !important;
}
body.dta-premium-v31 .service-card-simple h3,
body.dta-premium-v31 .service-card-simple.featured h3,
body.dta-premium-v31 .service-card-simple.emphasis h3{
  margin:0 0 14px !important;
  padding-right:0 !important;
  font-size:21px !important;
  line-height:1.3 !important;
  letter-spacing:-.03em !important;
}
body.dta-premium-v31 .service-card-simple p,
body.dta-premium-v31 .service-card-simple.featured p,
body.dta-premium-v31 .service-card-simple.emphasis p{
  margin:0 !important;
  color:#6d829d !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

@media (max-width:1200px){
  body.dta-premium-v31 .service-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  body.dta-premium-v31 .services-head h2{
    font-size:clamp(44px,5.4vw,72px) !important;
  }
}

@media (max-width:991px){
  body.dta-premium-v31 .main-nav{
    gap:0 !important;
  }
  body.dta-premium-v31 .main-nav > a,
  body.dta-premium-v31 .nav-service-trigger{
    min-height:unset;
    padding:14px 16px !important;
    border-radius:14px !important;
  }
  body.dta-premium-v31 .hero-insight-panel{
    grid-template-columns:1fr !important;
  }
  body.dta-premium-v31 .hero-awards{
    border-right:1px solid rgba(23,119,225,.10) !important;
  }
}

@media (max-width:767px){
  body.dta-premium-v31 .hero-insight-panel{
    padding:18px !important;
    border-radius:24px !important;
  }
  body.dta-premium-v31 .hero-awards{
    grid-template-columns:1fr !important;
    padding:18px !important;
  }
  body.dta-premium-v31 .hero-award-symbol{
    width:58px;
    height:58px;
    border-radius:18px;
    font-size:24px;
  }
  body.dta-premium-v31 .hero-awards strong{
    font-size:17px !important;
  }
  body.dta-premium-v31 .hero-awards ul{
    font-size:14px !important;
    gap:8px !important;
  }
  body.dta-premium-v31 .hero-stats{
    grid-template-columns:1fr !important;
  }
  body.dta-premium-v31 .hero-stats > div{
    min-height:unset;
    padding:16px !important;
  }
  body.dta-premium-v31 .services.services-simple{
    padding:76px 0 72px;
  }
  body.dta-premium-v31 .services-head{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px !important;
  }
  body.dta-premium-v31 .services-head h2{
    font-size:clamp(38px,9.5vw,52px) !important;
  }
  body.dta-premium-v31 .service-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body.dta-premium-v31 .service-card-simple,
  body.dta-premium-v31 .service-card-simple.featured,
  body.dta-premium-v31 .service-card-simple.emphasis{
    min-height:auto !important;
    padding:24px 78px 24px 22px !important;
    border-radius:24px !important;
  }
  body.dta-premium-v31 .service-card-simple::after,
  body.dta-premium-v31 .service-card-simple.featured::after,
  body.dta-premium-v31 .service-card-simple.emphasis::after{
    right:18px !important;
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
  }
}