/* Pankaj Bhatia | consistent cross-page responsive header
   Fixes the label overflow visible in Life/CI/Visitors/Travel subpage headers.
   Shared site layout CSS; not a YourQuote widget theme. */
.header .header-row { box-sizing:border-box!important; min-width:0!important; width:100%!important; }
.header .header-row > * { box-sizing:border-box!important; }
.header .brand { display:flex!important; align-items:center!important; min-width:0!important; flex:0 1 auto!important; }
.header .brand .brand-logo { display:block!important; width:220px!important; max-width:100%!important; height:auto!important; max-height:65px!important; object-fit:contain!important; object-position:left center!important; }
.header .header-actions { display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; }
.header .header-actions .header-phone-large { display:flex!important; align-items:center!important; justify-content:flex-start!important; width:auto!important; height:auto!important; min-height:44px!important; padding:3px 6px!important; gap:8px!important; text-decoration:none!important; white-space:nowrap!important; }
.header .header-phone-copy { display:flex!important; flex-direction:column!important; min-width:0!important; gap:2px!important; }
.header .header-phone-copy small { display:block!important; font-size:11px!important; font-weight:700!important; line-height:1.2!important; }
.header .header-phone-copy strong { display:block!important; font-size:19px!important; font-weight:850!important; line-height:1.14!important; white-space:nowrap!important; }
.header .header-whatsapp-cta { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; flex:0 0 auto!important; min-height:44px!important; width:auto!important; height:auto!important; padding:8px 11px!important; text-decoration:none!important; font-size:13px!important; }
.header .header-whatsapp-cta .whatsapp-label { display:inline!important; white-space:nowrap!important; }
.header .header-actions>.btn-primary { flex:0 0 auto; }
.header .mobile-nav[hidden] { display:none!important; }
@media (max-width:1550px) and (min-width:861px) {
 .header .desktop-nav {display:none!important;}
 .header .mobile-toggle {display:inline-flex!important; flex:0 0 44px!important; margin-left:4px!important;}
}
@media (min-width:861px) {
 .header .header-row {min-height:78px!important; gap:16px!important;}
 .header .mobile-phone-strip {display:none!important;}
}
@media(max-width:860px) {
 .header .header-row { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:9px!important; padding:0 13px!important; min-height:66px!important; height:66px!important; }
 .header .brand { flex:1 1 auto!important; max-width:calc(100% - 100px)!important; width:auto!important; overflow:hidden!important; }
 .header .brand .brand-logo { width:min(210px,100%)!important; max-width:100%!important; height:auto!important; max-height:53px!important; }
 .header .desktop-nav {display:none!important;}
 .header .header-actions { display:flex!important; align-items:center!important; flex:0 0 40px!important; width:40px!important; margin:0!important; gap:0!important; }
 /* Phone is already prominent in the navy top bar. Do not duplicate it over the logo. */
 .header .header-actions .header-phone-large {display:none!important;}
 .header .header-actions>.btn-primary {display:none!important;}
 .header .header-whatsapp-cta {display:inline-flex!important; flex:0 0 40px!important; width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; border-radius:11px!important; font-size:0!important;}
 .header .header-whatsapp-cta .whatsapp-label {display:none!important;}
 .header .header-whatsapp-cta .icon {width:20px!important;height:20px!important;flex:0 0 20px!important;}
 .header .mobile-toggle {display:inline-flex!important; justify-content:center!important; align-items:center!important; flex:0 0 40px!important; width:40px!important; min-width:40px!important; height:40px!important; padding:0!important; margin:0!important;}
 .header .mobile-phone-strip {display:none!important;}
 .header .mobile-nav:not([hidden]) {display:block!important;}
 .top-strip a[href^="tel:"] {font-weight:800; font-size:15px;}
}
@media(max-width:359px) {
 .header .header-row {padding:0 9px!important;gap:6px!important;}
 .header .brand {max-width:calc(100% - 92px)!important;}
 .header .brand .brand-logo {width:min(182px,100%)!important;}
 .header .header-whatsapp-cta, .header .mobile-toggle {width:38px!important;min-width:38px!important;flex-basis:38px!important;height:38px!important;}
}

/* 2026-10-17: Optical logo size correction. The transparent padded original is
   preserved in assets; this uses a tightly-trimmed copy without distortion. */
.header .brand{min-width:0!important;overflow:visible!important;flex:0 1 auto!important;}
.header .brand .brand-logo{width:280px!important;max-width:100%!important;max-height:70px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;}
@media (max-width:860px){
  .header .header-row{min-height:72px!important;height:72px!important;gap:8px!important;}
  .header .brand{flex:1 1 auto!important;max-width:calc(100% - 100px)!important;}
  .header .brand .brand-logo{width:min(250px,100%)!important;max-height:62px!important;object-fit:contain!important;}
}
@media (max-width:359px){
  .header .header-row{padding:0 9px!important;gap:6px!important;}
  .header .brand{max-width:calc(100% - 92px)!important;}
  .header .brand .brand-logo{width:min(208px,100%)!important;max-height:56px!important;}
}