/* ============================================================
   ECO — jasny motyw (domyślny). Ciemny = data-theme="dark".
   Warstwa nadpisująca ciemne utility Tailwind na jasne odpowiedniki.
   ============================================================ */

/* ---- Page base ---- */
html[data-theme="light"] body{background:#f7faf4;color:#1d2b22;}

/* ---- Tła ---- */
html[data-theme="light"] .bg-gray-950{background-color:#f7faf4 !important;}
html[data-theme="light"] .bg-gray-900{background-color:#ffffff !important;}
html[data-theme="light"] .bg-gray-800{background-color:#eef6e8 !important;}
html[data-theme="light"] .bg-gray-700{background-color:#e3ecdd !important;}
html[data-theme="light"] .bg-white\/5{background-color:#ffffff !important;}
html[data-theme="light"] .bg-lime-900\/20{background-color:#e1f1de !important;}
html[data-theme="light"] .bg-gray-950\/80{background-color:rgba(247,250,244,.86) !important;}
html[data-theme="light"] .bg-gray-950\/90{background-color:rgba(247,250,244,.92) !important;}

/* topbar + stopka: głęboka zieleń (kontrast), tekst jasny */
html[data-theme="light"] .bg-black{background-color:#143620 !important;}

/* ---- Tekst ---- */
html[data-theme="light"] .text-white{color:#143620 !important;}
html[data-theme="light"] .text-gray-200{color:#1d2b22 !important;}
html[data-theme="light"] .text-gray-300{color:#33433a !important;}
html[data-theme="light"] .text-gray-400{color:#586a5d !important;}
html[data-theme="light"] .text-gray-500{color:#6f8175 !important;}
html[data-theme="light"] .text-gray-600{color:#869488 !important;}
html[data-theme="light"] .text-gray-700{color:#a6b4aa !important;}
html[data-theme="light"] .text-lime-500,
html[data-theme="light"] .text-lime-400{color:#3f9142 !important;}
html[data-theme="light"] .text-cyan-400{color:#0e8a99 !important;}

/* ---- Obramowania ---- */
html[data-theme="light"] .border-gray-800{border-color:#dde9d6 !important;}
html[data-theme="light"] .border-gray-700{border-color:#d3e0cb !important;}
html[data-theme="light"] .border-gray-600{border-color:#c7d6be !important;}
html[data-theme="light"] [class*="border-white/"]{border-color:rgba(20,54,32,.08) !important;}

/* ---- Akcent (przyciski lime zostają jasnozielone z czarnym tekstem) ---- */
/* tylko delikatnie ujednolicamy do zieleni marki */

/* ---- Hero: jasna nakładka, ciemny tekst na obrazie tła ---- */
html[data-theme="light"] .hero-overlay{background-image:linear-gradient(to right,rgba(247,250,244,.95) 0%,rgba(233,244,227,.82) 100%) !important;}

/* ---- Ciemnozielone panele (topbar, stopka, panel wyniku kalkulatora) — tekst jasny ---- */
html[data-theme="light"] .bg-black .text-white{color:#ffffff !important;}
html[data-theme="light"] .bg-black .text-gray-300{color:#cdddd2 !important;}
html[data-theme="light"] .bg-black .text-gray-400{color:#c3d4c8 !important;}
html[data-theme="light"] .bg-black .text-gray-500,
html[data-theme="light"] .bg-black .text-gray-600{color:#aec3b4 !important;}
html[data-theme="light"] .bg-black .text-lime-500,
html[data-theme="light"] .bg-black .text-lime-400{color:#a3e635 !important;}
html[data-theme="light"] .bg-black .border-gray-800,
html[data-theme="light"] .bg-black .border-gray-700{border-color:rgba(255,255,255,.12) !important;}
html[data-theme="light"] .bg-black a:hover{color:#ffffff !important;}

/* ---- Białe karty zagnieżdżone w ciemnym panelu (np. "Zostaje w kieszeni") — tekst ciemny ---- */
html[data-theme="light"] .bg-black .bg-gray-900 .text-white{color:#143620 !important;}
html[data-theme="light"] .bg-black .bg-gray-900 .text-gray-400{color:#586a5d !important;}
html[data-theme="light"] .bg-black .bg-gray-900 .text-gray-500{color:#6f8175 !important;}

/* ---- FAQ <details> i karty na białym ---- */
html[data-theme="light"] details.bg-gray-900,
html[data-theme="light"] details.bg-gray-950{background-color:#ffffff !important;border-color:#dde9d6 !important;}

/* ---- Cienie subtelne na jasnym ---- */
html[data-theme="light"] .shadow-lg,html[data-theme="light"] .shadow-xl,html[data-theme="light"] .shadow-2xl{box-shadow:0 12px 34px -16px rgba(20,54,32,.18) !important;}

/* ============================================================
   Przełącznik motywu (header)
   ============================================================ */
.theme-toggle{
  width:40px;height:40px;border-radius:50%;border:1px solid;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;
  background:transparent;transition:.2s;flex-shrink:0;
}
html[data-theme="dark"] .theme-toggle{border-color:#374151;color:#e5e7eb;}
html[data-theme="dark"] .theme-toggle:hover{border-color:#84cc16;color:#84cc16;}
html[data-theme="light"] .theme-toggle{border-color:#cfe0c6;color:#143620;}
html[data-theme="light"] .theme-toggle:hover{border-color:#3f9142;color:#3f9142;}
.theme-toggle .fa-sun{display:none}
.theme-toggle .fa-moon{display:inline}
html[data-theme="dark"] .theme-toggle .fa-sun{display:inline}
html[data-theme="dark"] .theme-toggle .fa-moon{display:none}

/* logo: pokaż dzienne w jasnym, nocne w ciemnym */
.logo-day{display:none}
html[data-theme="light"] .logo-day{display:block}
html[data-theme="light"] .logo-night{display:none}

/* ghost button border w jasnym motywie */
html[data-theme="light"] .border-white{border-color:#143620 !important;}

/* ============================================================
   Treść z własnymi stylami inline (artykuły, polityka) — jasny motyw
   ============================================================ */
html[data-theme="light"] .article-body h2,
html[data-theme="light"] .legal h2{color:#143620 !important;border-color:#dde9d6 !important;}
html[data-theme="light"] .article-body h3{color:#1d2b22 !important;}
html[data-theme="light"] .article-body h4{color:#33433a !important;}
html[data-theme="light"] .article-body p,
html[data-theme="light"] .article-body li,
html[data-theme="light"] .legal p,
html[data-theme="light"] .legal li{color:#33433a !important;}
html[data-theme="light"] .article-body strong,
html[data-theme="light"] .article-body b,
html[data-theme="light"] .legal strong{color:#0b1a10 !important;}
html[data-theme="light"] .article-body a,
html[data-theme="light"] .legal a{color:#2e7333 !important;}
html[data-theme="light"] .article-body a:hover{color:#3f9142 !important;}
html[data-theme="light"] .article-body li::marker,
html[data-theme="light"] .legal li::marker{color:#3f9142 !important;}
html[data-theme="light"] .article-body blockquote{background:#eef6e8 !important;color:#4d5e52 !important;border-left-color:#3f9142 !important;}
html[data-theme="light"] .article-body th{background:#e1f1de !important;color:#2e7333 !important;border-color:#cfe0c6 !important;}
html[data-theme="light"] .article-body td{color:#33433a !important;border-color:#dde9d6 !important;}
html[data-theme="light"] .article-body tr:nth-child(even){background:#f4f7f1 !important;}
html[data-theme="light"] .article-body hr{border-color:#dde9d6 !important;}
html[data-theme="light"] .excerpt-box{background:linear-gradient(135deg,#eaf6e2,#e1f1de) !important;border-color:#cfe0c6 !important;border-left-color:#3f9142 !important;}
html[data-theme="light"] .excerpt-box p{color:#33433a !important;}
html[data-theme="light"] .excerpt-box .excerpt-header span{color:#2e7333 !important;}

/* hero: płynna rotacja flyerów 65 <-> 105 zł */
.hero-flyer{transition:opacity 1s ease;}