/* CreditArmor Core — header v3: live wordmark | partner badge side by side, grouped dropdown nav, white links */
header.nav.ca-nav2 .nav-inner { height: 74px; gap: 28px; }

/* Brand lockup */
.ca-brand { flex: 0 0 auto; flex-direction: row !important; align-items: center; gap: 16px; }
.ca-brand .l1 { display: block !important; font-size: 32px; line-height: 1; white-space: nowrap; }
.ca-badge { display: flex; align-items: center; padding-left: 16px; border-left: 1px solid var(--edge); height: 44px; }
.ca-badge img { display: block; height: 44px; width: auto; max-width: 200px; object-fit: contain; object-position: left center; }
.ca-badge .ca-pname { display: none; font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--bone); white-space: nowrap; }
.ca-badge.no-logo img { display: none; }
.ca-badge.no-logo .ca-pname { display: block; }

/* Nav links */
header.nav.ca-nav2 nav.links { gap: 30px; flex: 1 1 auto; justify-content: center; align-items: center; }
header.nav.ca-nav2 nav.links > a,
header.nav.ca-nav2 .ca-dd > summary { font-family: var(--font-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #fff; white-space: nowrap; text-decoration: none; padding: 6px 0; cursor: pointer; }
header.nav.ca-nav2 nav.links > a:hover, header.nav.ca-nav2 .ca-dd > summary:hover { color: var(--ember); }
header.nav.ca-nav2 .ca-login-m { display: none; }

/* Dropdowns (details/summary: works with mouse, keyboard and touch) */
.ca-dd { position: relative; }
.ca-dd > summary { list-style: none; display: flex; align-items: center; gap: 6px; }
.ca-dd > summary::-webkit-details-marker { display: none; }
.ca-dd > summary::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.ca-dd[open] > summary::after { transform: rotate(-135deg) translateY(-1px); }
.ca-dd-menu { position: absolute; top: calc(100% + 14px); left: -18px; min-width: 220px; background: var(--carbon); border: 1px solid var(--edge); border-top: 2px solid var(--blood); padding: 8px 0; z-index: 200; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.ca-dd-menu a { display: block; padding: 10px 18px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap; }
.ca-dd-menu a:hover, .ca-dd-menu a.active { color: var(--ember); background: rgba(255,255,255,.03); }
header.nav.ca-nav2 .ca-dd-menu a.active::after { display: none; }

/* Right side */
header.nav.ca-nav2 .nav-cta { flex: 0 0 auto; gap: 20px; }
header.nav.ca-nav2 .ca-login { font-family: var(--font-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap; }
header.nav.ca-nav2 .ca-login:hover { color: var(--ember); }
header.nav.ca-nav2 .nav-cta .btn { white-space: nowrap; }

/* Partner strip (mobile only): full badge under the header, scrolls away */
.ca-partner-strip { display: none; background: var(--carbon); border-bottom: 1px solid var(--edge); padding: 10px 0; }
.ca-partner-strip img { display: block; height: 40px; width: auto; max-width: 100%; }

/* Tablet / mobile: collapse to Menu panel with accordions */
@media (max-width: 1100px) {
  header.nav.ca-nav2 nav.links { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--ink); flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid var(--edge); padding: 6px 28px 20px; justify-content: flex-start; max-height: calc(100vh - 74px); overflow-y: auto; }
  header.nav.ca-nav2 nav.links.open { display: flex; }
  header.nav.ca-nav2 nav.links > a, header.nav.ca-nav2 .ca-dd > summary { padding: 15px 0; border-bottom: 1px solid var(--edge); font-size: 13px; justify-content: space-between; }
  header.nav.ca-nav2 nav.links a.active::after { display: none; }
  .ca-dd-menu { position: static; border: 0; box-shadow: none; background: transparent; padding: 0 0 6px 14px; min-width: 0; }
  .ca-dd-menu a { padding: 12px 0; border-bottom: 1px solid var(--edge); }
  header.nav.ca-nav2 .ca-login-m { display: block; }
  header.nav.ca-nav2 .ca-login { display: none; }
  header.nav.ca-nav2 .menu-btn { display: block; }
}
@media (max-width: 720px) {
  header.nav.ca-nav2 .nav-inner { height: 64px; }
  .ca-brand .l1 { font-size: 26px; }
  /* header shows only the partner's circle photo; full badge moves to the strip */
  .ca-brand .ca-badge { padding-left: 12px; height: 36px; width: 49px; overflow: hidden; }
  .ca-brand .ca-badge img { height: 36px; max-width: none; }
  .ca-brand .ca-badge.no-logo { width: auto; }
  body.ca-partner .ca-partner-strip { display: block; }
  header.nav.ca-nav2 nav.links { max-height: calc(100vh - 64px); }
}
@media (max-width: 380px) { .ca-brand .l1 { font-size: 22px; } }

/* Footer brand */
.foot-grid .ca-brand { align-items: center; }

/* Header v4 (2026-10-28): full-width bar, flat top-level nav, readable partner badge */
header.nav.ca-nav2 .nav-inner.wrap{max-width:none;width:100%;padding-left:clamp(20px,2.5vw,48px);padding-right:clamp(20px,2.5vw,48px)}
header.nav.ca-nav2 nav.links{gap:clamp(18px,1.8vw,34px)}
@media (min-width:1560px){header.nav.ca-nav2 .nav-inner{height:96px}.ca-badge{height:80px}.ca-badge img{height:80px;max-width:300px}}
@media (min-width:1367px) and (max-width:1559px){header.nav.ca-nav2 .nav-inner{height:84px}.ca-badge{height:64px}.ca-badge img{height:64px;max-width:240px}}
@media (min-width:1101px) and (max-width:1366px){
  header.nav.ca-nav2 .nav-inner{height:84px}.ca-badge{height:64px}.ca-badge img{height:64px;max-width:240px}
  header.nav.ca-nav2 nav.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--edge);padding:6px 28px 20px;justify-content:flex-start;max-height:calc(100vh - 84px);overflow-y:auto}
  header.nav.ca-nav2 nav.links.open{display:flex}
  header.nav.ca-nav2 nav.links > a{padding:15px 0;border-bottom:1px solid var(--edge);font-size:13px}
  header.nav.ca-nav2 nav.links a.active::after{display:none}
  header.nav.ca-nav2 .ca-login-m{display:block}
  header.nav.ca-nav2 .ca-login{display:none}
  header.nav.ca-nav2 .menu-btn{display:block}
}
@media (min-width:721px) and (max-width:1100px){.ca-badge{height:56px}.ca-badge img{height:56px;max-width:220px}}

/* Phone (<=720): wordmark + full badge side by side in one taller bar; hamburger icon; no strip */
@media (max-width:720px){
  header.nav.ca-nav2 .nav-inner{height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;gap:10px}
  .ca-brand{gap:10px;min-width:0;flex:1 1 auto}
  .ca-brand .l1{font-size:22px}
  .ca-brand .ca-badge{display:flex!important;width:auto!important;height:auto!important;padding-left:10px;overflow:visible!important;min-width:0;flex:1 1 auto}
  .ca-brand .ca-badge img{height:auto!important;width:100%;max-width:240px;max-height:64px;object-fit:contain}
  body.ca-partner .ca-partner-strip{display:none!important}
  header.nav.ca-nav2 .menu-btn{font-size:0;width:44px;height:44px;padding:0;position:relative;flex:0 0 44px}
  header.nav.ca-nav2 .menu-btn::before{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;background:#fff;box-shadow:0 -7px 0 #fff,0 7px 0 #fff;transform:translateY(-50%)}
  header.nav.ca-nav2 nav.links{max-height:calc(100vh - 90px)}
}
@media (max-width:380px){
  .ca-brand .l1{font-size:18px!important}
  header.nav.ca-nav2 .nav-inner{padding-left:14px;padding-right:14px;gap:8px}
  .ca-brand{gap:8px}
  .ca-brand .ca-badge{padding-left:8px}
  header.nav.ca-nav2 .menu-btn{width:40px;height:40px;flex-basis:40px}
}
/* Hero top gap: design uses 96px section padding; too much under the header on phones/tablets */
@media (max-width:720px){ section.hero{padding-top:32px} }
@media (min-width:721px) and (max-width:1100px){ section.hero{padding-top:56px} }

/* 0.6.4 — utility bar above the header (phone + social), like creditlawcenter.com. Scrolls away; the nav stays sticky. */
.ca-util { background: var(--carbon); border-bottom: 1px solid var(--edge); }
.ca-util-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 40px; padding: 6px clamp(20px, 2.5vw, 48px); }
.ca-util-phone { font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; color: var(--smoke); white-space: nowrap; }
.ca-util-phone a { color: #fff; font-weight: 600; text-decoration: none; margin-left: 6px; }
.ca-util-phone a:hover { color: var(--ember); }
.ca-util-social { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ca-util-social a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--edge); border-radius: 50%; color: var(--silver); transition: color .15s, border-color .15s, background .15s; }
.ca-util-social a:hover { color: #fff; border-color: var(--blood); background: var(--blood); }
.ca-util-social svg { width: 14px; height: 14px; fill: currentColor; }
@media (max-width: 720px) {
  .ca-util-in { padding: 6px 18px; }
  .ca-util-phone { font-size: 11px; }
  .ca-util-social { gap: 6px; }
  .ca-util-social a { width: 26px; height: 26px; }
}
@media (max-width: 480px) { .ca-util-phone .ca-util-lbl { display: none; } }

/* 0.6.5/0.6.6 — header + utility bar pulled back in to the content width (Josh 11/3; was full-bleed since Header v4). Background stays full width.
   "body" prefix beats the old Header v4 copy still in build2026's Customizer CSS. */
body header.nav.ca-nav2 .nav-inner.wrap { max-width: 1360px; width: auto; margin: 0 auto; padding-left: 28px; padding-right: 28px; }
body .ca-util-in { max-width: 1360px; margin: 0 auto; padding-left: 28px; padding-right: 28px; }
@media (min-width: 1560px) { body header.nav.ca-nav2 .nav-inner { height: 84px; } body .ca-badge { height: 64px; } body .ca-badge img { height: 64px; max-width: 240px; } }
@media (max-width: 720px) { body header.nav.ca-nav2 .nav-inner.wrap, body .ca-util-in { padding-left: 18px; padding-right: 18px; } }

/* 0.6.6 — Weglot's floating language switcher sat under the SalesIQ chat button (bottom right). Move it bottom-left, brand-styled. */
aside.country-selector.weglot-default { right: auto !important; left: 18px !important; bottom: 18px !important; z-index: 9990 !important;
  background: var(--carbon) !important; border: 1px solid var(--edge) !important; border-radius: 0 !important; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
aside.country-selector.weglot-default .wgcurrent, aside.country-selector.weglot-default ul { background: var(--carbon) !important; border: 0 !important; }
aside.country-selector.weglot-default .wgcurrent a, aside.country-selector.weglot-default .wgcurrent span,
aside.country-selector.weglot-default label, aside.country-selector.weglot-default li a {
  color: #fff !important; font-family: var(--font-mono) !important; font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase; }
aside.country-selector.weglot-default li a:hover { color: var(--ember) !important; }
aside.country-selector.weglot-default .wgcurrent::after { filter: invert(1); }

/* 0.6.7 — Zoho SalesIQ float button + "We're online" bubble in Credit Armor colors (Zoho default was blue).
   The open chat window is an iframe; its colors are set in SalesIQ (brand personalization), not here. */
.zsiq_theme1 .zsiq_flt_rel { background: #FF0606 !important; box-shadow: 0 8px 24px rgba(0,0,0,.45) !important; }
.zsiq_theme1 .siqico-chat:before, .zsiq_theme1 .siqico-close:before { color: #fff !important; }
.zsiq_theme1 .zsiq_cnt { background: #131316 !important; border: 1px solid #2a2a31 !important; border-radius: 0 !important; box-shadow: 0 8px 24px rgba(0,0,0,.45) !important; }
.zsiq_theme1 .zsiq_cnt:after { background: #131316 !important; border-color: #2a2a31 !important; }
.zsiq_theme1 .zsiq_cnt #zsiq_maintitle { color: #fff !important; font-family: var(--font-display) !important; font-size: 18px !important; letter-spacing: .06em; }
.zsiq_theme1 .zsiq_cnt #zsiq_byline { color: #9ba0aa !important; font-family: var(--font-mono) !important; font-size: 11px !important; }
.zsiq_theme1 .zsiq_cnt .zsiq_close { color: #9ba0aa !important; }