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

/* British Council-inspired country label, positioned next to the firm identity. */
.site-header .nav-wrap { position:relative; }
.site-header .header-country-label {
  position:absolute;
  top:43px;
  left:clamp(305px,29vw,380px);
  z-index:2;
  color:#05cbeb;
  font:800 22px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  pointer-events:none;
}

/* Brand-consistent emphasis on the Foreign Part menu item. */
.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;
}

/* Keep the ninth nav item legible without forcing overflow on laptops. */
.site-header .main-nav .clr-about-nav-link {font-weight:900!important; white-space:nowrap;}
@media (min-width:1024px) and (max-width:1460px) {
  .site-header .main-nav>a,
  .site-header .main-nav .nav-dropdown-toggle,
  .site-header .main-nav .nav-page-link {padding-left:9px!important;padding-right:9px!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:1023px) {
  .site-header .header-country-label {font-size:17px;left: min(340px, 42vw);top:34px;}
}
@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;
  }
  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;}
}