/*!
 * Foundation Fix — v3.3.8
 * Resolve 6 blockers visuais identificados no audit live:
 *  1) Logo SVG (quadrado branco no header)
 *  2) Banner geo discreto (era 35% da tela mobile)
 *  3) Manchete que cabe sem corte
 *  4) Eyebrow (categoria) visível na hero
 *  5) Footer legível (cinza-em-navy)
 *  6) Favicon Cruzeiro (handled em functions.php + inc/)
 */

/* ── 1) LOGO ─────────────────────────────────────────────────────────────── */
.site-header .site-branding { display:flex; align-items:center; min-height:56px; }
.site-header .site-branding a,
.site-header .custom-logo-link {
  display:inline-flex; align-items:center; gap:.6rem;
  text-decoration:none; color:#FCC419;
  font-family: "Bebas Neue","Inter Tight",Inter,sans-serif;
  font-weight:800; font-size:clamp(20px,2.2vw,26px);
  letter-spacing:.04em; text-transform:uppercase; line-height:1;
}
.site-header .custom-logo,
.site-header .site-branding img {
  max-height:44px; width:auto; height:auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
/* fallback quando logo não carrega: emblema SVG inline + nome */
.site-header .site-branding a:not(:has(img))::before {
  content:"";
  display:inline-block; width:36px; height:36px; flex:0 0 36px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path d='M40 6L72 24V56L40 74 8 56V24Z' fill='%23FCC419' stroke='%230A1F4E' stroke-width='3'/><text x='40' y='50' text-anchor='middle' font-family='Arial Black,sans-serif' font-size='28' font-weight='900' fill='%230A1F4E'>C</text></svg>") center/contain no-repeat;
}

/* ── 2) BANNER GEOLOCALIZAÇÃO — barra fina no rodapé ─────────────────────── */
#cdp-geo-consent-banner {
  position: fixed !important;
  left: 12px !important; right: 12px !important; bottom: 12px !important;
  top: auto !important;
  max-width: 720px; margin: 0 auto !important;
  background: rgba(10,31,78,.96) !important;
  color: #fff !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(8px);
  font-size: 13px; line-height: 1.35;
  z-index: 9999 !important;
}
#cdp-geo-consent-banner .cdp-consent-inner {
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
#cdp-geo-consent-banner p {
  margin:0; flex:1 1 280px; font-size:13px; color:#e6eaf0;
}
#cdp-geo-consent-banner p strong { color:#FCC419; font-weight:700; }
#cdp-geo-consent-banner .cdp-consent-actions {
  display:flex; gap:8px; flex:0 0 auto;
}
#cdp-geo-consent-banner .cdp-btn {
  font-size:12px !important; padding:8px 14px !important;
  border-radius:999px !important; font-weight:700 !important;
  border:none !important; cursor:pointer; line-height:1;
  font-family:Inter,sans-serif !important;
}
#cdp-geo-consent-banner .cdp-btn--primary {
  background:#FCC419 !important; color:#0A1F4E !important;
}
#cdp-geo-consent-banner .cdp-btn--ghost {
  background:transparent !important; color:#cfd8e6 !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
@media (max-width: 560px) {
  #cdp-geo-consent-banner { left:8px; right:8px; bottom:8px; padding:10px; }
  #cdp-geo-consent-banner p { font-size:12px; flex:1 1 100%; }
  #cdp-geo-consent-banner .cdp-consent-actions { width:100%; justify-content:flex-end; }
}

/* ── 3) MANCHETE PRINCIPAL — cabe sem corte ──────────────────────────────── */
.cdp-hero__main .cdp-hero__title,
.cdp-block-feature__main .cdp-card__title,
.cdp-hero-card--main h1,
.cdp-hero-card--main h2 {
  font-family: "Inter Tight",Inter,sans-serif !important;
  font-size: clamp(22px, 2.4vw, 38px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -.012em !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: balance;
}
.cdp-hero__main .cdp-hero__excerpt,
.cdp-block-feature__main .cdp-card__excerpt {
  font-size: 14px; line-height:1.45; color:#e6eaf0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
/* manchetes secundárias da hero (3 cards à direita) */
.cdp-hero__side .cdp-card__title,
.cdp-hero-card--side h3 {
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* ── 4) EYEBROW (categoria) visível ──────────────────────────────────────── */
.cdp-card__cat,
.cdp-hero__cat,
.cdp-eyebrow {
  display:inline-block !important;
  background:#FCC419 !important;
  color:#0A1F4E !important;
  font: 700 11px/1 "Inter",sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  padding:5px 9px !important;
  border-radius:3px !important;
  margin-bottom:10px !important;
  text-decoration:none !important;
}
/* substitui a barrinha vertical vazia se existir */
.cdp-hero__main > span:empty,
.cdp-block-feature__main > span:empty { display:none !important; }

/* ── 5) FOOTER legível ───────────────────────────────────────────────────── */
.site-footer, .cdp-footer, footer.site-footer {
  background:#06163a !important; color:#cfd8e6 !important;
}
.site-footer *, .cdp-footer * { color:#cfd8e6 !important; }
.site-footer a, .cdp-footer a { color:#FCC419 !important; text-decoration:none; }
.site-footer a:hover, .cdp-footer a:hover { text-decoration:underline; }
.site-footer h2, .site-footer h3, .site-footer h4,
.cdp-footer h2, .cdp-footer h3, .cdp-footer h4 {
  color:#fff !important; font-family:"Inter Tight",sans-serif;
  font-weight:800; text-transform:uppercase; letter-spacing:.05em;
  font-size:14px; margin-bottom:12px;
}

/* ── BÔNUS: hover suave em todos os cards ─────────────────────────────────── */
.cdp-card, .cdp-block-feature__main { transition: transform .2s ease, box-shadow .2s ease; }
.cdp-card:hover, .cdp-block-feature__main:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(10,31,78,.18);
}