/* UWAGA: selektory mają prefiks `html ` (większa waga niż CSS motywu), więc wygrywają niezależnie od kolejności ładowania. */
/*
 * Siła Idei – ciemna szata dema dla reszty serwisu
 * (wpisy, kategorie, strony, wyszukiwarka, 404).
 * Nakładka na motyw: zmienia kolory przez zmienne CSS i kilka reguł.
 * Szablony i obszary reklamowe motywu zostają bez zmian.
 */
html:root {
	--ink: #f2f0ea;
	--muted: #9aa0b4;
	--paper: #07080d;
	--white: #0d0f18;
	--soft: #0d0f18;
	--line: rgba(255, 255, 255, .10);
	--accent: #ffc45c;
	--accent-dark: #e0a73f;
	--sid-bg-2: #0d0f18;
	--sid-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
	--serif: var(--sid-serif);
	--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color-scheme: dark;
}

html { background: var(--paper); }
html body { background: var(--paper); color: var(--ink); }
::selection { background: rgba(255, 196, 92, .35); color: #fff; }

/* ---------- Nagłówek ---------- */
html .site-header {
	background: rgba(7, 8, 13, .82);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom-color: var(--line);
}
html .main-nav { border-top-color: var(--line); }
html .main-nav a { color: #c9c6bd; transition: color .2s; }
html .main-nav a:hover { color: var(--accent); }
html .brand-tagline { color: var(--muted); border-left-color: var(--line); }

/* logo tekstowe w stylu dema (oryginalne SVG ma ciemny granat, niewidoczny na ciemnym tle) */
html .brand-logo img { display: none; }
html .brand-logo { font-family: var(--sid-serif); font-size: 1.9rem; line-height: 1; letter-spacing: .005em; color: var(--ink); gap: .28em; }
html .brand-logo::before { content: "Siła"; }
html .brand-logo::after { content: "Idei"; font-style: italic; color: var(--accent); }

html .header-action { border-color: rgba(255, 255, 255, .28); color: var(--ink); border-radius: 999px; padding: 10px 18px; }
html .header-action:hover { background: var(--accent); border-color: var(--accent); color: #14100a; }
html .search-toggle { color: var(--ink); }
html .header-search input { background: rgba(255, 255, 255, .06); color: var(--ink); border-color: var(--line); border-radius: 999px; }
html .header-search button { background: var(--accent); color: #14100a; border-radius: 999px; }

/* ---------- Teksty i listy ---------- */
html .eyebrow,
html .section-link { color: var(--accent); }
html .section-head { border-bottom-color: var(--line); }
html .lead-deck,
html .article-deck { color: #b4b2aa; }
html .side-story-number { color: rgba(255, 255, 255, .16); }
html .text-list article { border-bottom-color: var(--line); }
html .meta { color: var(--muted); }
html .story-image,
html .card-image { background: var(--sid-bg-2); }

/* ---------- Karty ---------- */
html .card {
	padding: 0 0 4px;
	transition: transform .35s ease;
}
html .card:hover { transform: translateY(-4px); }
html .card h3 a,
html .side-story h2 a,
html .lead-title a { transition: color .25s; }
html .card:hover h3 a,
html .side-story:hover h2 a,
html .lead-story:hover .lead-title a { color: var(--accent); }
html .card-image { border-radius: 14px; }
html .story-image { border-radius: 16px; }

html .category-band { background: var(--sid-bg-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html .topic { background: var(--sid-bg-2); }
html .topic:hover { background: rgba(255, 196, 92, .08); }
html .breaker { background: var(--sid-bg-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); }
html .breaker-label { color: var(--accent); }
html .breaker-items a:before { color: var(--accent); }

/* ---------- Newsletter (jeśli jest na danej stronie) ---------- */
html .newsletter-box {
	background: radial-gradient(ellipse at 50% 130%, rgba(255, 196, 92, .16), transparent 60%), var(--sid-bg-2);
	border: 1px solid var(--line);
	border-radius: 20px;
	color: var(--ink);
}
html .newsletter p { color: var(--muted); }
html .newsletter .eyebrow { color: var(--accent) !important; }
html .newsletter-form-area input[type=email] {
	background: rgba(255, 255, 255, .06) !important;
	color: var(--ink) !important;
	border: 1px solid var(--line) !important;
	border-radius: 999px !important;
}
html .newsletter-form-area input[type=submit],
html .newsletter-form-area button {
	background: var(--accent) !important;
	color: #14100a !important;
	border-radius: 999px !important;
}
html .newsletter-setup-note { border-color: var(--line); color: var(--muted) !important; }

/* ---------- Archiwa, paginacja ---------- */
html .archive-header { border-bottom-color: var(--line); }
html .page-numbers { border-color: var(--line); border-radius: 999px; transition: background .2s, color .2s; }
html a.page-numbers:hover { background: rgba(255, 196, 92, .12); }
html .page-numbers.current { background: var(--accent); color: #14100a; border-color: var(--accent); }

/* ---------- Artykuł ---------- */
html .article-body { color: #e4e1d8; }
html .article-body h2,
html .article-body h3,
html .article-body h4 { color: var(--ink); }
html .article-body a { text-decoration-color: rgba(255, 196, 92, .6); color: #ffd98f; }
html .article-body a:hover { color: var(--accent); }
html .article-body blockquote { border-left-color: var(--accent); color: var(--ink); background: rgba(255, 255, 255, .03); border-radius: 0 12px 12px 0; }
html .article-body hr { border: 0; border-top: 1px solid var(--line); }
html .article-body table { border-collapse: collapse; }
html .article-body th,
html .article-body td { border: 1px solid var(--line); padding: 8px 12px; }
html .article-body th { background: rgba(255, 255, 255, .05); }
html .article-body pre,
html .article-body code { background: var(--sid-bg-2); color: #f2d9a8; border-radius: 8px; }
html .article-body pre { padding: 14px 16px; border: 1px solid var(--line); }
html .article-body code { padding: .1em .35em; }
html .article-body pre code { padding: 0; background: transparent; }
html .article-body img { border-radius: 12px; }
html .article-hero img { border-radius: 18px; }
html .article-tags { border-top-color: var(--line); color: var(--muted); }
html .article-tags a { color: var(--accent); }

/* pasek postępu czytania (tworzony skryptem na wpisach) */
html .sid-skin-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 9999; pointer-events: none; }
html body.admin-bar .sid-skin-progress { top: 32px; }
@media (max-width: 782px) { html body.admin-bar .sid-skin-progress { top: 46px; } }
html .sid-skin-progress i { display: block; height: 100%; background: linear-gradient(90deg, #8fa8ff, #ffc45c); transform-origin: 0 50%; transform: scaleX(0); }

/* ---------- Formularze (komentarze, wyszukiwarka) ---------- */
html input[type=text],
html input[type=email],
html input[type=url],
html input[type=search],
html input[type=password],
html textarea,
html select {
	background: rgba(255, 255, 255, .06);
	color: var(--ink);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 10px 14px;
}
html input:focus,
html textarea:focus,
html select:focus { outline: none; border-color: var(--accent); }
html input::placeholder,
html textarea::placeholder { color: var(--muted); }
html input[type=submit],
html button.wp-block-button__link,
html .wp-block-button__link {
	background: var(--accent);
	color: #14100a;
	border: 0;
	border-radius: 999px;
	padding: 12px 22px;
	font-weight: 700;
	cursor: pointer;
}

/* ---------- Stopka ---------- */
html .site-footer { background: #05060a; border-top: 1px solid var(--line); color: #c9c6bd; }
html .footer-brand { color: var(--ink); }
html .footer-brand span { color: var(--accent) !important; font-style: italic; }
html .footer-grid p { color: var(--muted) !important; }
html .footer-grid h3 { color: var(--muted); }
html .footer-grid a { transition: color .2s; }
html .footer-grid a:hover { color: var(--accent); }
html .footer-bottom { border-top-color: var(--line); color: var(--muted); }

/* ---------- 404 ---------- */
html .container h1[style*="color:var(--accent)"] { color: var(--accent) !important; }

/* ---------- Reklamy: nic nie zmieniamy w ich treści, tylko odstępy ---------- */
html .sila-placement { color: initial; }
html .sila-placement--before-related,
html .sila-placement--wide { color: var(--muted); }

/* ---------- Pojawianie się elementów (dodawane skryptem) ---------- */
html.sid-js .sid-r { opacity: 0; translate: 0 26px; transition: opacity .8s cubic-bezier(.2, .7, .2, 1) var(--rd, 0ms), translate .8s cubic-bezier(.2, .7, .2, 1) var(--rd, 0ms); }
html.sid-js .sid-r.is-in { opacity: 1; translate: 0 0; }

@media (prefers-reduced-motion: reduce) {
	html.sid-js .sid-r { opacity: 1; translate: 0 0; transition: none; }
	html .card,
html .card:hover { transform: none; transition: none; }
}
@media (max-width: 620px) {
	html .brand-logo { font-size: 1.6rem; }
}

/* ---------- Informacja o AI (wtyczka Autopilot) – wyraźniejsza na ciemnym tle ---------- */
html .article-body .sila-idei-ai-notice,
html .article-body .sila-v4-disclosure,
html .sila-idei-ai-notice,
html .sila-v4-disclosure {
	background: rgba(255, 196, 92, .10) !important;
	border: 1px solid rgba(255, 196, 92, .55) !important;
	border-left: 4px solid var(--accent) !important;
	border-radius: 12px !important;
	color: #f2f0ea !important;
	opacity: 1 !important;
}
html .sila-idei-ai-notice *,
html .sila-v4-disclosure * { color: #f2f0ea !important; opacity: 1 !important; }
html .sila-idei-ai-notice strong { color: var(--accent) !important; }
html .sila-idei-ai-notice a,
html .sila-v4-disclosure a { color: #ffd98f !important; text-decoration: underline; }