/* ============ redesign.css — "Trust financiar" (Faza 1) ============ */
/* Enqueued LAST -> overrides the Azura framework. */
:root{
  --c4y-navy:#0A2540; --c4y-navy2:#123a5f; --c4y-navy-dark:#07192b;
  --c4y-gold:#F5B942; --c4y-ice:#E8EEF7; --c4y-green:#1a9d5a; --c4y-muted:#5b6b7f;

  /* remap Azura M3 primary ramp: purple/blue -> navy.
     !important needed: the customizer emits an inline <style id="azura-saved-colors">
     :root{...} block AFTER this file, so equal-specificity :root would otherwise win. */
  --primary-10:#061523 !important; --primary-20:#082038 !important; --primary-30:#0A2540 !important;
  --primary-40:#0A2540 !important; --primary-50:#123a5f !important; --primary-60:#1d4d78 !important;
  --primary-70:#3f6f9c !important; --primary-80:#8fb0cd !important; --primary-90:#d4e2ef !important; --primary-95:#E8EEF7 !important; --primary-99:#ffffff !important;
}

body{ font-family:"Inter",system-ui,sans-serif; font-feature-settings:"cv02","cv03","cv04","cv11"; }
h1,h2,h3,.text-headline-m,.text-headline-l,.text-title-l{
  font-family:"Inter",system-ui,sans-serif !important; letter-spacing:-.01em; font-weight:800;
}
.button:not(.outlined), .wp-block-button__link, .btn-gold{
  background:var(--c4y-gold) !important; color:var(--c4y-navy) !important; font-weight:800;
}
a{ color:var(--c4y-navy2); }

/* ===== Header (Faza 1) ===== */
header.wp-block-template-part .topbar{
  background:#fff !important; border-bottom:1px solid #eef2f7; backdrop-filter:none;
}
header .fill-primary{ fill:var(--c4y-navy) !important; }
header .drawer a, header nav a{ color:#33475e !important; font-weight:600; }
header .drawer a:hover, header nav a:hover{ color:var(--c4y-navy) !important; }
/* Nav items (desktop topbar + mobile drawer) are Azura .button.text.color-primary-20:
   the foundation paints them as gold pills and Azura sets navy !important text.
   They sit directly in the topbar (no nav/.drawer ancestor on desktop), so match by
   their own classes and strip the pill -> readable slate text links.
   The "Meniu" toggle is a <button> (not <a>) so it stays gold. */
header a.button.text.color-primary-20{
  background:transparent !important; box-shadow:none !important; color:#33475e !important; font-weight:600;
}
header a.button.text.color-primary-20:hover{
  background:transparent !important; color:var(--c4y-navy) !important;
}
header .height-topbar{ min-height:60px; }
@media(max-width:768px){ header .image.width-160{ width:130px !important; } }

/* ===== Footer (Faza 1) ===== */
footer.wp-block-template-part .bg-neutral-10{ background:var(--c4y-navy-dark) !important; }
footer .color-neutral-99, footer .wp-block-heading, footer a{ color:#c7d5e6 !important; }
footer h3.wp-block-heading{ color:#fff !important; font-size:16px; }
footer a:hover{ color:var(--c4y-gold) !important; }
footer .c4y-disclaimer{ background:var(--c4y-navy-dark); color:#9fb2c8; text-align:center; margin:0; padding:18px 24px 24px; border-top:1px solid rgba(255,255,255,.08); font-size:11.5px; line-height:1.6; }

/* ===== Sticky CTA mobil (Faza 1) ===== */
.c4y-sticky{ display:none; }
@media(max-width:768px){
  .c4y-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:9990;
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    background:#fff; border-top:1px solid #e6ecf4; box-shadow:0 -8px 20px -10px rgba(10,37,64,.25);
    padding:9px 14px; text-decoration:none; }
  .c4y-sticky span{ font-size:12px; color:var(--c4y-muted); }
  .c4y-sticky b{ background:var(--c4y-gold); color:var(--c4y-navy); font-weight:800; border-radius:9px; padding:11px 16px; font-size:14px; white-space:nowrap; }
  body{ padding-bottom:64px; }
}

/* ===== Fix colt mov: gradientul primar vechi -> navy ===== */
.bg-primary-gradient{ background:linear-gradient(135deg,#0A2540,#123a5f) !important; }
.bg-primary,.color-primary-bg{ background-color:#0A2540 !important; }

/* ===== Audit fix #4: toggle "Meniu" (mobil) -> secundar ghost.
   Gold ramane rezervat pentru UNICA actiune de conversie (CTA-urile).
   E un <button> (nu <a>), deci nu atinge link-urile de nav din desktop. ===== */
header button.button.text.color-primary-20{
  background:transparent !important; color:var(--c4y-navy) !important;
  border:1.5px solid var(--c4y-navy) !important; box-shadow:none !important;
  font-weight:700; border-radius:10px;
}
header button.button.text.color-primary-20:hover{
  background:var(--c4y-navy) !important; color:#fff !important;
}

/* ===== Audit fix #1: banner cookies (CookieYes/#cookie-law-info-bar).
   Din zid de text de ~40% ecran -> bara compacta jos, navy, mesaj clampat,
   "Accepta tot" gold. Nu sta peste sticky-ul mobil (bottom:64px pe mobil). ===== */
#cookie-law-info-bar{
  background:var(--c4y-navy-dark) !important; color:#c7d5e6 !important;
  box-shadow:0 -10px 24px -12px rgba(0,0,0,.5) !important;
  border-top:2px solid var(--c4y-gold);
  padding:12px 16px !important; font-family:"Inter",system-ui,sans-serif !important;
}
#cookie-law-info-bar .cli-bar-container{
  display:flex !important; align-items:center; justify-content:center;
  gap:14px; flex-wrap:wrap; max-width:1100px; margin:0 auto;
}
#cookie-law-info-bar .cli-bar-message{
  color:#c7d5e6 !important; font-size:12.5px !important; line-height:1.45 !important;
  flex:1 1 320px; min-width:0; margin:0 !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#cookie-law-info-bar .cli-bar-btn_container{ display:flex; gap:8px; flex:0 0 auto; }
#cookie-law-info-bar a.cli-plugin-button{ font-size:13px !important; padding:9px 16px !important; border-radius:9px !important; }
#cookie-law-info-bar a.cli_settings_button{
  background:transparent !important; color:#c7d5e6 !important; border:1px solid rgba(255,255,255,.3) !important;
}
#cookie-law-info-bar #wt-cli-accept-all-btn,
#cookie-law-info-bar a.cli_action_button{
  background:var(--c4y-gold) !important; color:var(--c4y-navy) !important; font-weight:800 !important; border:none !important;
}
@media(max-width:768px){
  #cookie-law-info-bar{ bottom:64px !important; }
  #cookie-law-info-bar .cli-bar-message{ -webkit-line-clamp:3; flex-basis:100%; }
  #cookie-law-info-bar .cli-bar-btn_container{ width:100%; }
  #cookie-law-info-bar .cli-bar-btn_container a{ flex:1 1 0; text-align:center; }
}