/* CLR & Associates additive header / homepage refinements, 2026-10-13.
   Scoped overrides preserve all existing admin, accounts, forms and JS. */

/* More attractive colorful logo treatment with subtle 3D feel. */
.site-header .brand{position:relative; z-index:3;}
.site-header .brand-seal{
  position:relative;
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.33), rgba(255,255,255,0) 32%),
    linear-gradient(145deg, rgba(7,35,66,.98), rgba(7,22,43,.98));
  box-shadow:
    0 14px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 3px rgba(7,203,235,.08);
  overflow:hidden;
}
.site-header .brand-seal::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(94,225,220,.18), rgba(247,196,92,.08), rgba(239,125,78,.14));
  pointer-events:none;
}
.site-header .brand-seal::after{
  content:"";
  position:absolute;
  top:6px;
  left:10px;
  width:28px;
  height:13px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  filter:blur(1px);
  transform:rotate(-18deg);
  pointer-events:none;
}
.site-header .brand-seal img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.32)) saturate(1.18) contrast(1.06);
}

/* British Council-inspired Bangladesh label with separator line. */
.site-header .nav-wrap { position:relative; }
.site-header .header-country-label {
  position:absolute;
  top:26px;
  left:clamp(360px,35vw,470px);
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:#11d7f6;
  font:800 21px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  pointer-events:none;
}
.site-header .header-country-label::before{
  content:"";
  width:2px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(94,225,220,.65));
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 0 14px rgba(17,215,246,.10);
}

/* Make all desktop nav items visually uniform. */
.site-header .main-nav > a,
.site-header .main-nav .nav-dropdown-toggle,
.site-header .main-nav .nav-page-link,
.site-header .main-nav .nav-page-link span,
.site-header .main-nav .clr-about-nav-link,
.site-header .main-nav .diaspora-nav-link span,
.site-header .main-nav .legal-partner-nav-link span{
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}
.site-header .main-nav .nav-dropdown-toggle,
.site-header .main-nav .nav-page-link{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  color:#fff!important;
}
.site-header .main-nav .nav-page-link i,
.site-header .main-nav .nav-dropdown-toggle i{
  font-style:normal;
  font-size:11px!important;
  line-height:1;
  transform:translateY(1px);
}
.site-header .main-nav .foreign-nav-dropdown .nav-page-link,
.site-header .main-nav .foreign-nav-dropdown .nav-page-link span,
body[data-page="legal-health"] .main-nav a[href*="foreigner"] {
  font-weight:900!important;
}
.site-header .main-nav .clr-about-nav-link {white-space:nowrap;}
@media (min-width:1024px) and (max-width:1480px) {
  .site-header .main-nav>a,
  .site-header .main-nav .nav-dropdown-toggle,
  .site-header .main-nav .nav-page-link {padding-left:8px!important;padding-right:8px!important;}
}

/* British Council-style pill in the hero row; this links to the existing request form. */
body[data-page="home"] .hero .hero-appointment-action {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:0 0 auto;
  min-height:50px;
  padding:12px 24px;
  border-radius:999px;
  border:1px solid #7656c0;
  background:#23095b;
  color:#fff!important;
  font:700 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  transition:background .2s ease,transform .2s ease;
  cursor:pointer;
}
body[data-page="home"] .hero .hero-appointment-action:hover {
  background:#361485;
  transform:translateY(-2px);
}
body[data-page="home"] .hero .hero-appointment-action:focus-visible {
  outline:3px solid #f5cb68;
  outline-offset:3px;
}
body[data-page="home"] .hero .hero-appointment-action .appointment-arrow{font-size:17px;line-height:1;}

/* Modest reduction to Get Legal Help floating action, retaining large tap target. */
body[data-page="home"] .floating-legal-hook {
  width:216px!important;
  min-width:216px!important;
  max-width:216px!important;
  min-height:65px!important;
  padding:10px 12px 10px 58px!important;
  border-radius:21px!important;
}
body[data-page="home"] .floating-legal-hook .hook-icon {
  left:10px!important;
  width:36px!important;
  height:36px!important;
  font-size:17px!important;
}
body[data-page="home"] .floating-legal-hook .hook-label {
  font-size:13px!important;
  line-height:1.12!important;
}

body[data-page="home"] .clr-about-intro {
  margin:4px 0 14px;
  font-size:16px;
  font-weight:750;
  color:#2b4554;
}
body[data-page="home"] #about {scroll-margin-top:calc(var(--clr-sticky-height, 150px) + 12px);}

@media (max-width:1150px) {
  .site-header .header-country-label {
    left:clamp(330px,34vw,390px);
    top:28px;
    font-size:18px;
    gap:14px;
  }
  .site-header .header-country-label::before{height:28px;}
}
@media (max-width:1023px) {
  .site-header .brand-seal{width:52px!important;height:52px!important;}
  .site-header .header-country-label {
    font-size:16px;
    left:min(350px, 44vw);
    top:30px;
    gap:12px;
  }
  .site-header .header-country-label::before{height:24px;}
}
@media (max-width:760px) {
  /* Place Bangladesh below the brand area, without covering menu or language buttons. */
  body[data-page="home"] .site-header .header-country-label,
  body[data-page="legal-health"] .site-header .header-country-label {
    font-size:13px!important;
    top:5px;
    left:auto;
    right:84px;
    gap:8px;
  }
  .site-header .header-country-label::before{height:18px;width:1.5px;}
  body[data-page="home"] .hero .hero-appointment-action {
    display:flex!important;
    width:100%;
    min-height:48px;
    margin-top:12px;
    padding:11px 14px;
    font-size:13px;
  }
  body[data-page="home"] .floating-legal-hook {
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    min-height:47px!important;
    padding:7px 7px 7px 41px!important;
    border-radius:15px!important;
  }
  body[data-page="home"] .floating-legal-hook .hook-icon {width:28px!important;height:28px!important;left:7px!important;font-size:13px!important;}
  body[data-page="home"] .floating-legal-hook .hook-label {font-size:10.5px!important;}
}
@media (max-width:395px) {
  .site-header .header-country-label {font-size:11px!important;right:79px!important;gap:7px;}
}