/* ═══════════════════════════════════════════════════════════════════
   overrides-lwy.css — Amber/Cream theme match homepage lwy.negocjacji.pl
   ─────────────────────────────────────────────────────────────────
   D471 (15.04.2026) — ujednolicenie CAŁEGO bloga Lwy z homepage
   Override CSS variables żeby wszystkie blog-* i lwy-* miały
   ten sam palette co landing strona główna.
   
   Homepage palette (--cream bg + --navy/--gold accents):
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Override Graphite/Amber-dark → Amber-cream (homepage) */
  --bg: #f5f0e8 !important;
  --bg-2: #e6dcc9 !important;
  --bg-card: #ffffff !important;
  --bg-article: rgba(16, 38, 68, 0.03) !important;
  --ink: #1a1a1a !important;
  --ink-2: #5a5a5a !important;
  --ink-light: #8a8a8a !important;
  --gold: #C0A56E !important;
  --gold-2: #a08850 !important;
  --gold-light: #d4be8a !important;
  --line: rgba(16, 38, 68, 0.10) !important;
  --shadow: 0 12px 40px rgba(16, 38, 68, 0.10) !important;
  --shadow-sm: 0 4px 14px rgba(16, 38, 68, 0.08) !important;
  
  /* Brand accents */
  --navy: #102644 !important;
  --navy-dark: #0a1a2e !important;
  --cream: #f5f0e8 !important;
  --cream-dark: #e6dcc9 !important;
}

/* Body + main */
body {
  background: #f5f0e8 !important;
  color: #1a1a1a !important;
}

/* Navy headings */
article h1, article h2, article h3 {
  color: #102644 !important;
}

/* Article body p + li */
article p, article li {
  color: #1a1a1a !important;
}

/* Article categories + breadcrumbs */
.article-cat {
  background: #C0A56E !important;
  color: #ffffff !important;
}
.breadcrumb, .breadcrumb a {
  color: #5a5a5a !important;
}
.breadcrumb a:hover { color: #C0A56E !important; }

/* Article body background jeśli miał ciemny */
.article-body {
  background: transparent !important;
}

/* Lead paragraph */
.article-lead {
  color: #5a5a5a !important;
  border-left: 4px solid #C0A56E !important;
  padding-left: 20px !important;
  font-size: 1.15rem !important;
  line-height: 1.7 !important;
}

/* Blockquote — dopasowanie do jasnego theme (D471 stronger override 16.04) */
blockquote, .article-body blockquote, article blockquote {
  padding: 24px 32px !important;
  margin: 32px auto !important;
  max-width: 720px !important;
  border-left: 4px solid #C0A56E !important;
  background: rgba(192, 165, 110, 0.12) !important;
  color: #102644 !important;
  font-style: italic !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}
blockquote p, .article-body blockquote p, article blockquote p {
  color: #102644 !important;
  font-size: 1.05rem !important;
}
blockquote footer, blockquote cite,
.article-body blockquote footer, article blockquote footer {
  color: #5a5a5a !important;
  font-style: normal !important;
  font-size: 0.88rem !important;
  margin-top: 12px !important;
  display: block !important;
}
blockquote footer em, blockquote cite em {
  color: #C0A56E !important;
  font-style: italic !important;
}

/* D471: CTA zone + cta-loader runtime — jasny theme */
#cta-zone, #cta-zone > div, #cta-zone > section,
.cta-box, .cta-section,
.cta-loader-box, [class*="cta-container"] {
  background: #ffffff !important;
  border: 1px solid rgba(16, 38, 68, 0.12) !important;
  box-shadow: 0 8px 40px rgba(16, 38, 68, 0.10) !important;
  color: #102644 !important;
  border-radius: 16px !important;
  padding: 32px !important;
  margin: 32px auto !important;
}
#cta-zone h2, #cta-zone h3, .cta-box h2, .cta-box h3,
#cta-zone strong, .cta-box strong {
  color: #102644 !important;
}
#cta-zone p, .cta-box p {
  color: #1a1a1a !important;
}
#cta-zone a, #cta-zone button,
.cta-box a, .cta-box button {
  background: #C0A56E !important;
  color: #ffffff !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.2s ease !important;
  border: none !important;
}
#cta-zone a:hover, .cta-box a:hover {
  background: #a08850 !important;
  color: #ffffff !important;
}

/* Exit intent popup — analogicznie */
.exit-intent, .exit-intent-popup, [class*="exit-intent"] {
  background: #ffffff !important;
  color: #102644 !important;
}

/* Nav — navy z gold */
.nav {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(16, 38, 68, 0.08) !important;
}
.nav a {
  color: #102644 !important;
}
.nav__cta {
  background: #C0A56E !important;
  color: #ffffff !important;
}
.nav__cta:hover {
  background: #a08850 !important;
}

/* MOBILE MENU rozwijane — fullscreen overlay z solidnym brown bg
   (D475 15.04.2026) — wcześniej menu = 48px wysokości + transparent overflow,
   linki wchodziły na content artykułu pod spodem. */
.nav__links.open,
.nav__mobile.open,
nav.open ul {
  background: #2e2418 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 80px 32px 32px !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  overflow-y: auto !important;
}
.nav__links.open li,
.nav__mobile.open li {
  list-style: none !important;
  width: 100% !important;
}
.nav__links.open a,
.nav__mobile.open a {
  color: #f5f0e8 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  display: block !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245, 240, 232, 0.1) !important;
}
.nav__links.open a:hover {
  color: #C0A56E !important;
}

/* HIDE Demo 48h CTA w headerze Lwy (D475 15.04.2026 — decyzja Pawła)
   Lwy ma "Kupuję książkę" jako główny CTA — Demo 48h zbędne. */
body header .nav__cta,
body nav .nav__cta,
header .nav__cta {
  display: none !important;
}

/* HIDE bug: site-footer błędnie wstrzyknięty do blockquote (D475 15.04.2026)
   Wykryto: niektóre lwy-* artykuły mają cały <footer class="footer">
   wewnątrz <blockquote> — pojawia się w środku treści jako duplikat. */
blockquote > footer.footer,
blockquote footer.footer {
  display: none !important;
}

/* Footer SITE (D475.1 — fix kontrast h2/h3/h4)
   ZAWĘŻONO selector do `body > footer` + `footer.footer` żeby NIE matchować
   `<blockquote><footer>` (cite — bug 15.04, brown bg na cytatach Bibilii). */
body > footer,
body > footer.footer,
body > div > footer,
body > main > footer ~ footer {
  background: #2e2418 !important;
  color: #e6dcc9 !important;
}
body > footer h1, body > footer h2, body > footer h3,
body > footer h4, body > footer h5, body > footer h6,
body > footer.footer h1, body > footer.footer h2, body > footer.footer h3,
body > footer.footer h4, body > footer.footer h5, body > footer.footer h6 {
  color: #f5f0e8 !important;
}
body > footer p, body > footer li, body > footer span,
body > footer strong, body > footer b, body > footer em {
  color: rgba(245, 240, 232, 0.85) !important;
}
body > footer .copyright, body > footer small,
body > footer [class*="copyright"] {
  color: rgba(245, 240, 232, 0.55) !important;
}
body > footer a, body > footer a:link, body > footer a:visited {
  color: #C0A56E !important;
  text-decoration-color: #C0A56E !important;
}
body > footer a:hover, body > footer a:focus {
  color: #d4be8a !important;
}
/* Social icons SVG — inline stroke="rgba(255,255,255,0.5)" za blade na brown bg */
body > footer svg,
body > footer a svg {
  stroke: #C0A56E !important;
  width: 22px !important;
  height: 22px !important;
}
body > footer svg path,
body > footer svg rect,
body > footer svg circle,
body > footer svg line,
body > footer svg polyline,
body > footer svg polygon {
  stroke: #C0A56E !important;
}
body > footer a:hover svg,
body > footer a:hover svg path,
body > footer a:hover svg rect,
body > footer a:hover svg circle {
  stroke: #f5f0e8 !important;
}

/* Blockquote cite/footer reset — D475.2 (15.04.2026)
   Wcześniej `body footer` matchowało `<blockquote><footer>` → brown bg na cytatach. */
blockquote footer,
blockquote cite,
.article-body blockquote footer,
.article-body blockquote cite,
article blockquote footer,
article blockquote cite {
  background: transparent !important;
  color: rgba(16, 38, 68, 0.6) !important;
  display: block !important;
  margin-top: 10px !important;
  padding: 0 !important;
  font-size: 0.88rem !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-align: left !important;
}
blockquote footer em, blockquote cite em {
  color: #C0A56E !important;
  font-style: italic !important;
}

/* CTA Trenera box — INLINE STYLE override (D475.3 15.04.2026)
   Konkretny pattern: <div style="background:#3a3530; ... color:#d4cbbf">
   na każdym Lwy art. Override przez attribute selector. */
article div[style*="background:#3a3530"],
.article-body div[style*="background:#3a3530"] {
  background: #ffffff !important;
  color: #102644 !important;
  border: 2px solid #C0A56E !important;
  border-radius: 12px !important;
  padding: 32px 28px !important;
  box-shadow: 0 4px 14px rgba(16, 38, 68, 0.06) !important;
}
article div[style*="background:#3a3530"] strong,
article div[style*="background:#3a3530"] h2,
article div[style*="background:#3a3530"] h3 {
  color: #102644 !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  display: block;
  margin-bottom: 14px !important;
}
article div[style*="background:#3a3530"] p,
article div[style*="background:#3a3530"] {
  color: #5a4a30 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}
article div[style*="background:#3a3530"] a {
  display: inline-block !important;
  background: #C0A56E !important;
  color: #102644 !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-top: 14px !important;
}
article div[style*="background:#3a3530"] a:hover {
  background: #d4be8a !important;
}

/* CTA Trenera box — generic class fallback (D475.3 — wzór gwarancji) */
   Białe tło + gold border + navy heading + dark grey text. */
#cta-zone,
.cta-zone,
.cta-trener,
[id*="cta-trener"],
section[class*="cta"]:not(.cta-section) {
  background: #ffffff !important;
  border: 2px solid #C0A56E !important;
  border-radius: 12px !important;
  padding: 32px 28px !important;
  margin: 32px auto !important;
  max-width: 720px !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(16, 38, 68, 0.06) !important;
}
#cta-zone h2, #cta-zone h3, #cta-zone h4,
.cta-zone h2, .cta-zone h3, .cta-zone h4,
.cta-trener h2, .cta-trener h3, .cta-trener h4 {
  color: #102644 !important;
  font-weight: 700 !important;
  margin: 12px 0 16px !important;
  font-size: 1.5rem !important;
}
#cta-zone p, .cta-zone p, .cta-trener p {
  color: #5a4a30 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  margin: 0 0 18px !important;
}
#cta-zone a, .cta-zone a, .cta-trener a,
#cta-zone a.btn, #cta-zone .btn {
  display: inline-block !important;
  background: #C0A56E !important;
  color: #102644 !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-top: 8px !important;
}
#cta-zone a:hover, .cta-zone a:hover {
  background: #d4be8a !important;
}

/* Links w treści */
article a {
  color: #102644 !important;
  text-decoration: underline;
  text-decoration-color: #C0A56E !important;
}
article a:hover {
  color: #C0A56E !important;
}

/* CTA zone (cta-loader) */
#cta-zone {
  background: #ffffff !important;
  border: 1px solid rgba(16, 38, 68, 0.08) !important;
  box-shadow: 0 8px 40px rgba(16, 38, 68, 0.08) !important;
}

/* Code snippets */
code {
  background: rgba(192, 165, 110, 0.1) !important;
  color: #102644 !important;
}

/* Mobile */
@media (max-width: 700px) {
  body { font-size: 17px; }
  blockquote { padding: 16px 20px !important; }
}