/* 
Theme Name: 	norway8 child
Theme URI: 		https://wordpress.org/ 
Description: 	norway8 child theme 
Version: 		1.2.0 
Author: 			Max
Template: 		norway8
License: 		GNU General Public License version 3.0 
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html 

All files, unless otherwise stated, are released under the GNU General Public License 
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) 
*/


/* =====================================================================
   WYSPY ONLINE – wspólny CSS motywu potomnego (madera-online.pl + bornholm-online.pl)
   Ten sam plik w obu serwisach. Źródło: madera-bornholm/wspolne/motyw-potomny/style.css
   Decyzje Eweliny 9.10.2026: D1 kierunek tak, D2 CSS w motywie potomnym, D4 Easy TOC.
   Tokeny SERWISU (kolor wiodący) są w „Dodatkowym CSS” Customizera danego serwisu:
     Madera:   :root{--wo-accent:#e55e5e;--wo-accent-dark:#b84242;--wo-accent-soft:#fdf1f0}  (D3 9.10.2026)
     Bornholm: :root{--wo-accent:#7bc4c4;--wo-accent-dark:#2b7676;--wo-accent-soft:#eef7f7}  (zatwierdzone 9.10; dark #2f7f7f→#2b7676 wieczorem – kontrast na tincie)
   UWAGA: komponenty biorą kolor wiodący wyłącznie z tokenów serwisu – dodaj je w Customizerze RAZEM z wgraniem pliku
   (inaczej elementy w kolorze akcentu nie dostaną koloru). Tokeny wspólne (ink, line, ok/warn/bad, radius) są niżej.
   Sekcja modułu afiliacyjnego (.aff-*) – właściciel: wątek Bornholmu (wspolne/aff/aff-modul.php).
   ===================================================================== */
:root{--wo-ink:#2c3e50;--wo-muted:#5f6b7a;--wo-line:#e8e0dc;--wo-bg:#f8f9fa;--wo-ok:#2e7d32;--wo-ok-soft:#e8f5e9;--wo-warn:#9a5b00;--wo-warn-soft:#fff6e0;--wo-bad:#c62828;--wo-bad-soft:#fdecea;--wo-radius:10px}

/* ===== Wyspy Online: komponenty v1 (prefiks .wo-) =====
   Docelowo: norway8-child/style.css, ten sam plik na madera-online.pl i bornholm-online.pl.
   Kolory tylko z tokenów --wo-*. Tekst na wypełnieniu zawsze na --wo-accent-dark (kontrast min. 4,5:1). */
.wo-update{display:inline-flex;align-items:center;gap:.4em;background:var(--wo-accent-dark);color:#fff;font-weight:700;font-size:.82rem;line-height:1.3;padding:.4em .9em;border-radius:999px}
.wo-lead{display:grid;gap:.7rem;background:var(--wo-bg);border-left:4px solid var(--wo-accent);border-radius:0 var(--wo-radius) var(--wo-radius) 0;padding:1.1rem 1.25rem;margin:1.25rem 0}
.wo-lead p{margin:0;line-height:1.7;color:var(--wo-ink)}

.wo-highlight{display:grid;grid-template-columns:auto 1fr;gap:1rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a5c2a 0%,#2e7d32 100%);color:#fff;border-radius:var(--wo-radius);padding:1.4rem 1.5rem;margin:1.25rem 0}
.wo-highlight--info{background:linear-gradient(135deg,var(--wo-accent-dark),color-mix(in srgb,var(--wo-accent-dark) 78%,#000))}
.wo-highlight::after{content:"";position:absolute;width:9rem;height:9rem;border-radius:50%;background:rgba(255,255,255,.08);top:-3rem;right:-3rem}
.wo-highlight__icon{font-size:2rem;line-height:1}
.wo-highlight__title{font-weight:700;font-size:1.18rem;line-height:1.3;margin:0 0 .5rem}
.wo-highlight p{margin:0 0 .6rem;line-height:1.65}
.wo-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.wo-chip{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:.28em .8em;font-size:.82rem;line-height:1.4}

.wo-stats{background:var(--wo-accent-dark);color:#fff;border-radius:var(--wo-radius);padding:1.3rem;margin:1.25rem 0}
.wo-stats__title{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.08rem;margin:0 0 1rem}
.wo-stats__live{width:.6rem;height:.6rem;border-radius:50%;background:#fff;flex:none;animation:wo-pulse 2s ease-in-out infinite}
@keyframes wo-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.wo-stats__live{animation:none}}
.wo-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.7rem}
.wo-stat{background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:.9rem .7rem;text-align:center}
.wo-stat__num{font-size:2.1rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.wo-stat__label{font-weight:700;margin-top:.45rem;font-size:.95rem}
.wo-stat__hint{font-size:.78rem;margin-top:.15rem}
.wo-stats__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.3);font-size:.85rem}
.wo-stats__foot a{color:#fff;background:rgba(0,0,0,.18);padding:.35em .95em;border-radius:999px;text-decoration:none;font-weight:700}

.wo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.9rem;margin:1.25rem 0}
.wo-card{display:flex;flex-direction:column;gap:.55rem;min-width:0;background:#fff;border:1px solid var(--wo-line);border-top:3px solid var(--wo-accent);border-radius:8px;padding:1rem 1.05rem}
.wo-card--ok{border-top-color:var(--wo-ok)}.wo-card--warn{border-top-color:#f0a020}.wo-card--bad{border-top-color:var(--wo-bad)}
.wo-card__head{display:flex;align-items:flex-start;gap:.55rem}
.wo-card__title{flex:1;font-weight:700;color:var(--wo-ink);line-height:1.3}
.wo-code{background:var(--wo-accent-soft);color:var(--wo-accent-dark);font-size:.74rem;font-weight:700;padding:.2em .5em;border-radius:4px;white-space:nowrap}
.wo-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.32em .7em;border-radius:999px;white-space:nowrap;background:var(--wo-accent-soft);color:var(--wo-accent-dark)}
.wo-badge--ok{background:var(--wo-ok-soft);color:var(--wo-ok)}.wo-badge--warn{background:var(--wo-warn-soft);color:var(--wo-warn)}.wo-badge--bad{background:var(--wo-bad-soft);color:var(--wo-bad)}
.wo-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.84rem;color:var(--wo-muted)}
.wo-card__text{margin:0;font-size:.9rem;line-height:1.6;color:#3d4a57;border-top:1px solid var(--wo-line);padding-top:.55rem}
.wo-alert{font-size:.84rem;line-height:1.5;background:var(--wo-warn-soft);color:var(--wo-warn);border-left:3px solid currentColor;border-radius:0 6px 6px 0;padding:.5rem .7rem}

.wo-facts,.info-box{background:#fff;border:1px solid var(--wo-line);border-left:4px solid var(--wo-accent);border-radius:6px;padding:1rem 1.2rem .85rem;margin:1.25rem 0;font-size:.92rem;line-height:1.6}
.wo-facts__title{font-weight:700;color:var(--wo-ink);margin:0 0 .35rem}
.wo-fact,.info-box .info-row{display:grid;grid-template-columns:1.5rem 5.8rem 1fr;gap:.5rem;padding:.32rem 0}
.wo-fact:not(:last-of-type),.info-box .info-row:not(:last-child){border-bottom:1px solid #f0eeec}
.wo-fact__label,.info-box .info-label{font-weight:700;color:#555}
.wo-fact__value,.info-box .info-value{color:var(--wo-ink);min-width:0}
.wo-fact__value a,.info-box .info-value a{color:var(--wo-accent-dark)}
.wo-facts__note,.info-box .info-note{background:var(--wo-accent-soft);border-radius:4px;padding:.5rem .7rem;margin-top:.55rem;font-size:.84rem;color:var(--wo-ink)}
.wo-facts__src,.info-box .info-disclaimer{margin-top:.55rem;padding-top:.45rem;border-top:1px solid #f0eeec;font-size:.78rem;color:var(--wo-muted)}
@media (max-width:480px){.wo-fact,.info-box .info-row{grid-template-columns:1.5rem 1fr}.wo-fact__value,.info-box .info-value{grid-column:2}}

.wo-steps{border:1px solid var(--wo-line);border-radius:var(--wo-radius);overflow:hidden;margin:1.25rem 0;background:#fff}
.wo-steps__head{background:var(--wo-accent-dark);color:#fff;font-weight:700;padding:.85rem 1.1rem}
.wo-steps ol{list-style:none;margin:0;padding:1rem 1.1rem;display:grid;gap:1rem;counter-reset:wo-step}
.wo-step{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;counter-increment:wo-step}
.wo-step::before{content:counter(wo-step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--wo-accent-dark);color:#fff;font-weight:700;font-size:.9rem}
.wo-step__title{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--wo-ink);margin:.35rem 0 .3rem}
.wo-step__text{margin:0;font-size:.92rem;line-height:1.65;color:#3d4a57;border-left:2px solid var(--wo-line);padding-left:.75rem}

.wo-features{display:grid;gap:.75rem;margin:1.25rem 0}
.wo-feature{display:grid;grid-template-columns:2.5rem 1fr;gap:.85rem;align-items:start;background:#fff;border:1px solid var(--wo-line);border-radius:var(--wo-radius);padding:.95rem 1.05rem}
.wo-feature__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:8px;background:var(--wo-accent-soft);font-size:1.2rem}
.wo-feature__title{font-weight:700;color:var(--wo-ink);margin:.1rem 0 .25rem}
.wo-feature p{margin:0;font-size:.9rem;line-height:1.6;color:#3d4a57}

.wo-table{overflow-x:auto;margin:1.25rem 0;border:1px solid var(--wo-line);border-radius:8px}
.wo-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:30rem}
.wo-table th{background:var(--wo-accent-soft);color:var(--wo-accent-dark);text-align:left;font-weight:700;padding:.6rem .75rem}
.wo-table td{padding:.6rem .75rem;border-top:1px solid var(--wo-line);vertical-align:top;font-variant-numeric:tabular-nums}

.wo-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.wo-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--wo-accent-dark);color:#fff;font-weight:700;font-size:.9rem;padding:.65rem 1.15rem;border-radius:8px;text-decoration:none;border:2px solid var(--wo-accent-dark)}
.wo-btn:hover{background:color-mix(in srgb,var(--wo-accent-dark) 85%,#000);color:#fff}
.wo-btn--ghost{background:transparent;color:var(--wo-accent-dark)}
.wo-btn--ghost:hover{background:var(--wo-accent-soft);color:var(--wo-accent-dark)}
.wo-btn:focus-visible,.wo-linkcard:focus-visible{outline:3px solid var(--wo-accent);outline-offset:2px}

.wo-linkcard{display:grid;grid-template-columns:4.5rem 1fr;gap:.9rem;align-items:center;border:1px solid var(--wo-line);border-radius:var(--wo-radius);padding:.7rem;text-decoration:none;color:inherit;background:#fff;margin:1rem 0}
.wo-linkcard:hover{border-color:var(--wo-accent)}
.wo-linkcard__img{width:4.5rem;aspect-ratio:1;border-radius:8px;background:var(--wo-accent-soft);display:grid;place-items:center;font-size:1.6rem}
.wo-linkcard__kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--wo-accent-dark)}
.wo-linkcard__title{font-weight:700;color:var(--wo-ink);line-height:1.3;margin:.1rem 0 .2rem}
.wo-linkcard__text{font-size:.85rem;color:var(--wo-muted);line-height:1.45}

/* Akapity w komponentach (10.10.2026): reguła motywu „body.single:not(.woocommerce-page) .content article .post-content p{margin:0 0 1.7em}”
   ma specyficzność (0,4,3) i wygrywa z regułami „.wo-… p” (0,1,1). Prefiks html body:is(.single,.page) .content article .post-content daje (0,4,4).
   Kolejność ma znaczenie: najpierw zerowanie, potem zamierzone odstępy. */
html body:is(.single,.page) .content article .post-content :is(.wo-lead,.wo-card,.wo-stats,.wo-facts,.info-box,.wo-steps,.wo-feature,.wo-linkcard) p{margin:0}
html body:is(.single,.page) .content article .post-content .wo-highlight p{margin:0 0 .6rem}
html body:is(.single,.page) .content article .post-content p.wo-highlight__title{margin:0 0 .5rem}
html body:is(.single,.page) .content article .post-content p.wo-stats__title{margin:0 0 1rem}
html body:is(.single,.page) .content article .post-content p.wo-stat__label{margin:.45rem 0 0}
html body:is(.single,.page) .content article .post-content p.wo-stat__hint{margin:.15rem 0 0}
html body:is(.single,.page) .content article .post-content p.wo-facts__title{margin:0 0 .35rem}
html body:is(.single,.page) .content article .post-content p:is(.wo-facts__note,.wo-facts__src,.info-note,.info-disclaimer){margin:.55rem 0 0}
html body:is(.single,.page) .content article .post-content p.wo-step__title{margin:.35rem 0 .3rem}
html body:is(.single,.page) .content article .post-content p.wo-feature__title{margin:.1rem 0 .25rem}
html body:is(.single,.page) .content article .post-content p.wo-linkcard__title{margin:.1rem 0 .2rem}
html body:is(.single,.page) .content article .post-content .aff-box p{margin:0 0 12px}
html body:is(.single,.page) .content article .post-content .aff-box p:last-child{margin-bottom:0}


/* ===== .aff-* (moduł afiliacyjny) – właściciel: wątek Bornholmu; logika: wspolne/aff/aff-modul.php ===== */
/* Bez nagłówków i stylów inline; kolory wyłącznie z tokenów serwisu (fallback = Bornholm). */
.aff-box{margin:32px 0;padding:18px 22px 20px;background:var(--wo-accent-soft,#eef7f7);border-left:4px solid var(--wo-accent,#7bc4c4);border-radius:var(--wo-radius,10px);color:var(--wo-ink,#2c3e50)}
.aff-box p{margin:0 0 12px}
.aff-box p:last-child{margin-bottom:0}
.aff-tag{display:block;margin:0 0 6px;font-size:12px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:var(--wo-muted,#5f6b7a)}
.aff-btn{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--wo-accent-dark,#2b7676);color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.3}
.aff-btn:hover,.aff-btn:focus-visible{filter:brightness(1.12)}
.aff-lazy--tp{min-height:60px}
.aff-tip{margin:32px 0;padding:8px;background:var(--wo-accent-soft,#eef7f7);border-left:4px solid var(--wo-accent,#7bc4c4);border-radius:var(--wo-radius,10px)}
.aff-note{margin:24px 0;padding:14px 18px;font-size:14px;line-height:1.6;color:var(--wo-ink,#2c3e50);background:var(--wo-bg,#f8f9fa);border-left:4px solid var(--wo-accent,#7bc4c4);border-radius:var(--wo-radius,10px)}
.aff-note strong{color:var(--wo-accent-dark,#2b7676)}

/* =====================================================================
   1.2.0 (11.10.2026): sekcja WSPÓLNE przeniesiona z „Dodatkowego CSS” obu serwisów (bloki BO-LAYOUT / MO-LAYOUT).
   Źródło: wspolne/layout/wo-wspolne-1.css. Reguły stanu [open] są dodatkowo w snippecie FAQ (style bo-css-details / mo-css-details), bo WP Rocket wycina je z used CSS.
   Układy specyficzne dla serwisu zostają w Dodatkowym CSS (część z nich nadpisuje się nawzajem i zależy od kolejności).
   ===================================================================== */
/* ===== WSPÓLNE Madera + Bornholm (11.10.2026, wątek wspólny). Ten sam tekst w MO-LAYOUT i BO-LAYOUT; docelowo do norway8-child/style.css. Źródło: wspolne/layout/wo-wspolne-1.css ===== */
/* W1. Kafelki wpisów (główna, kategorie, powiązane): zdjęcie widoczne od razu. Motyw ma opacity:0 do czasu, aż skrypt doda .visible – przy opóźnionym JS (WP Rocket) kafelki są puste do pierwszego ruchu */
body:is(.blog_layout-grid,.blog_layout-list,.blog_layout-standard) :is(.blog-feed,.featured-bottom) .grid-item .post-image-cover{opacity:1}
/* W2. Zdjęcia na pełną szerokość w treści: najwyżej ok. 2/3 ekranu (pasmo panoramiczne zamiast całego ekranu) */
body:is(.single,.page) .post-content > .wp-block-image:is(.alignfull,.alignwide) img{width:100%;max-height:min(70vh,620px);object-fit:cover;object-position:center}
/* (listy: :not(#wo) – motyw ma dla ul w treści regułę o specyficzności 0,6,3) */
/* W3. Ramka „W skrócie” (.wo-summary) i „Wskazówka” (.wo-tip) – zamiast ramek ze stylami wpisanymi w treść */
.post-content .wo-summary{margin:1.5em 0 2em;padding:18px 22px;background:var(--wo-accent-soft);border-left:4px solid var(--wo-accent);border-radius:0 var(--wo-radius,10px) var(--wo-radius,10px) 0;color:var(--wo-ink);font-size:.95em;line-height:1.65}
html body:is(.single,.page) .content article .post-content .wo-summary p{margin:0 0 .6em}
html body:is(.single,.page) .content article .post-content .wo-summary > :last-child{margin-bottom:0}
html body:is(.single,.page) .content article .post-content .wo-summary .wo-summary__label{margin:0 0 .45em;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wo-accent-dark)}
.post-content .wo-summary ul:not(#wo){margin:0;padding-left:1.2em}
.post-content .wo-summary li{margin:.2em 0}
.post-content .wo-summary a,.post-content .wo-tip a{color:var(--wo-accent-dark);text-decoration:underline;text-underline-offset:2px}
.post-content .wo-tip{margin:1.4em 0 2em;padding:14px 18px;background:var(--wo-bg,#f8f9fa);border:1px solid var(--wo-line,#e8e0dc);border-radius:var(--wo-radius,10px);color:var(--wo-ink);font-size:.93em;line-height:1.6}
html body:is(.single,.page) .content article .post-content .wo-tip p{margin:0}
.post-content .wo-tip strong:first-child{color:var(--wo-accent-dark)}
/* W4. Ramka faktów: odstęp od zdjęcia lub galerii pod nią */
html body:is(.single,.page) .content article .post-content .wo-facts + :is(figure,.wp-block-gallery){margin-top:1.5em}
/* W5. Kamery na żywo (.wo-kamery: karty .wo-cam z odtwarzaczem Windy albo obrazem z kamery) i karty z listą (.wo-card ul) */
.post-content .wo-cams{display:grid;gap:1.25rem;margin:1rem 0 2.5rem}
html body:is(.single,.page) .content article .post-content .wo-cam__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--wo-ink)}
.post-content .wo-cam__icon{flex:none;color:var(--wo-accent-dark)}
.post-content .wo-cam__player{min-height:2.5rem}
.post-content .wo-cam__player a{color:var(--wo-accent-dark);font-weight:600}
html body:is(.single,.page) .content article .post-content figure.wo-cam__img{margin:0}
.post-content .wo-cam__img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--wo-bg,#f8f9fa)}
.post-content .wo-cam__tipicon{font-size:1.6rem;line-height:1}
html body:is(.single,.page) .content article .post-content .wo-card__head h3{margin:0;font-size:1.05rem;line-height:1.3}
.post-content .wo-card ul:not(#wo){margin:.25rem 0 0;padding-left:1.2rem}
html body:is(.single,.page) .content article .post-content .wo-card li{margin:0 0 .3rem;line-height:1.5;font-size:.95rem}
html body:is(.single,.page) .content article .post-content .wo-facts p:not(.wo-facts__title){margin:0 0 .6rem}
html body:is(.single,.page) .content article .post-content .wo-facts p:last-child{margin-bottom:0}
/* W6. Miesiące (.wo-months / .wo-month: nagłówek, lista dt/dd, opis) i prognozy w kartach (.wo-forecast z ramką Windy) */
.post-content .wo-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.9rem;margin:1rem 0 2.2rem}
.post-content .wo-month{display:flex;flex-direction:column;gap:.55rem;min-width:0;background:#fff;border:1px solid var(--wo-line,#e8e0dc);border-top:3px solid var(--wo-accent);border-radius:8px;padding:.9rem 1rem}
html body:is(.single,.page) .content article .post-content .wo-month h3{margin:0;font-size:1.02rem;font-weight:700;line-height:1.3;color:var(--wo-ink)}
html body:is(.single,.page) .content article .post-content .wo-month dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;margin:0;font-size:.9rem;line-height:1.45}
html body:is(.single,.page) .content article .post-content .wo-month dt{margin:0;color:var(--wo-muted);font-weight:400;white-space:nowrap}
html body:is(.single,.page) .content article .post-content .wo-month dd{margin:0;color:var(--wo-ink);font-weight:700;font-variant-numeric:tabular-nums}
html body:is(.single,.page) .content article .post-content .wo-month p{margin:0;font-size:.9rem;line-height:1.55;color:#3d4a57;border-top:1px solid var(--wo-line,#e8e0dc);padding-top:.5rem}
.post-content .wo-forecasts{display:grid;gap:.9rem;margin:1rem 0 1.5rem}
.post-content .wo-forecast iframe{display:block;width:100%;max-width:100%;height:187px;border:0;border-radius:6px}
html body:is(.single,.page) .content article .post-content .wo-forecast h3{margin:0;font-size:1.02rem;line-height:1.3}
/* W7. Kolumna treści obok paska bocznego (flex) nie rozpycha się przez szerokie elementy – tabela .wo-table przewija się w swojej ramce; zwartsze wiersze tabeli */
.content > .main-post{min-width:0}
html body:is(.single,.page) .content article .post-content .wo-table :is(th,td){padding:.55rem .75rem;line-height:1.4}
/* W8. Karta linku do innego wpisu (.wo-linkcard: miniatura + nadtytuł + tytuł + opis) – zamiast osadzeń wpisów (iframe) */
.post-content a.wo-linkcard:not(#wo){display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:center;margin:1.25rem 0 1.75rem;padding:.75rem;border:1px solid var(--wo-line,#e8e0dc);border-left:4px solid var(--wo-accent);border-radius:var(--wo-radius,10px);background:#fff;color:var(--wo-ink);text-decoration:none;box-shadow:0 4px 14px rgba(44,62,80,.06);transition:box-shadow .15s,border-color .15s}
.post-content a.wo-linkcard:not(#wo):hover{border-color:var(--wo-accent);box-shadow:0 6px 18px rgba(44,62,80,.13)}
.post-content a.wo-linkcard:not(#wo):focus-visible{outline:3px solid var(--wo-accent-dark);outline-offset:2px}
.post-content img.wo-linkcard__img:not(#wo){display:block;width:5.5rem;height:5.5rem;max-width:none;object-fit:cover;border-radius:8px;margin:0}
.post-content .wo-linkcard__body{display:grid;gap:.15rem;min-width:0}
.post-content .wo-linkcard__kicker{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wo-accent-dark)}
.post-content .wo-linkcard__title{font-weight:700;line-height:1.3;color:var(--wo-ink)}
.post-content a.wo-linkcard:hover .wo-linkcard__title{color:var(--wo-accent-dark);text-decoration:underline;text-underline-offset:2px}
.post-content .wo-linkcard__text{font-size:.86rem;line-height:1.45;color:var(--wo-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:480px){.post-content a.wo-linkcard:not(#wo){grid-template-columns:4.5rem 1fr;gap:.75rem;padding:.6rem}.post-content img.wo-linkcard__img:not(#wo){width:4.5rem;height:4.5rem}}
/* W9. Tabele WordPressa (blok Tabela) jak .wo-table: ramka, nagłówek w kolorze serwisu, zwarte wiersze, pasy, przewijanie w ramce */
.post-content figure.wp-block-table:not(#wo){margin-top:1.5rem;margin-bottom:2rem;overflow-x:auto;border:1px solid var(--wo-line,#e8e0dc);border-radius:8px;background:#fff}
.post-content figure.wp-block-table table:not(#wo){width:100%;margin:0;border:0;border-collapse:collapse;font-size:.9rem;line-height:1.45;font-variant-numeric:tabular-nums}
.post-content figure.wp-block-table :is(th,td):not(#wo){padding:.6rem .75rem;border:0;border-top:1px solid var(--wo-line,#e8e0dc);text-align:left;vertical-align:top;background:transparent}
.post-content figure.wp-block-table thead :is(th,td):not(#wo){background:var(--wo-accent-soft);color:var(--wo-accent-dark);font-weight:700;border-top:0}
.post-content figure.wp-block-table tbody tr:nth-child(even) :is(th,td):not(#wo){background:var(--wo-bg,#f8f9fa)}
.post-content figure.wp-block-table thead:not(#wo){border:0}
.post-content figure.wp-block-table figcaption:not(#wo){margin:0;padding:.5rem .75rem;border-top:1px solid var(--wo-line,#e8e0dc);font-size:.8rem;color:var(--wo-muted);text-align:left}
@media (max-width:1099px){.post-content figure.wp-block-table.alignwide:not(#wo){width:100%;max-width:100%;margin-left:0;margin-right:0;transform:none}}
/* W10. Rozwijane FAQ (blok Rank Math FAQ → <details>, snippet wspolne/motyw/faq-details.php) i rozwijane sekcje .wo-more */
.post-content .wo-faq .rank-math-list{display:grid;gap:.6rem;margin:1rem 0 2rem}
.post-content details:is(.wo-faq__item,.wo-more):not(#wo){border:1px solid var(--wo-line,#e8e0dc);border-radius:var(--wo-radius,10px);background:#fff;margin:0;padding:0;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.post-content details.wo-more:not(#wo){margin:1.25rem 0 1.75rem}
.post-content details:is(.wo-faq__item,.wo-more)[open]:not(#wo){border-color:var(--wo-accent);box-shadow:0 4px 14px rgba(44,62,80,.07)}
.post-content details:is(.wo-faq__item,.wo-more) > summary{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;cursor:pointer;list-style:none;color:var(--wo-ink)}
.post-content details:is(.wo-faq__item,.wo-more) > summary::-webkit-details-marker{display:none}
.post-content details:is(.wo-faq__item,.wo-more) > summary::after{content:"";flex:none;margin-left:auto;width:.55rem;height:.55rem;border-right:2px solid var(--wo-accent-dark);border-bottom:2px solid var(--wo-accent-dark);transform:translateY(-25%) rotate(45deg);transition:transform .2s}
.post-content details:is(.wo-faq__item,.wo-more)[open] > summary::after{transform:translateY(25%) rotate(-135deg)}
.post-content details:is(.wo-faq__item,.wo-more) > summary:hover{color:var(--wo-accent-dark)}
.post-content details:is(.wo-faq__item,.wo-more) > summary:focus-visible{outline:3px solid var(--wo-accent-dark);outline-offset:-3px}
html body:is(.single,.page) .content article .post-content details.wo-faq__item > summary > :is(h2,h3,h4){margin:0;padding:0;font-size:1.02rem;line-height:1.4;font-weight:700;color:inherit;border:0}
.post-content details.wo-more > summary{font-weight:700}
.post-content details:is(.wo-faq__item,.wo-more) > :not(summary){padding:.85rem 1.1rem 1rem;border-top:1px solid var(--wo-line,#e8e0dc)}
html body:is(.single,.page) .content article .post-content details:is(.wo-faq__item,.wo-more) p{margin:0 0 .7em}
html body:is(.single,.page) .content article .post-content details:is(.wo-faq__item,.wo-more) > :not(summary) > :last-child{margin-bottom:0}
@media (prefers-reduced-motion:reduce){.post-content details > summary::after{transition:none}}
/* W11. Ręczne listy FAQ (.wo-faq-list) i pytanie bez nagłówka w <summary> (.wo-faq__qt) */
.post-content .wo-faq-list{display:grid;gap:.6rem;margin:1rem 0 2rem}
.post-content summary.wo-faq__q > .wo-faq__qt{font-size:1.02rem;font-weight:700;line-height:1.4}
/* ===== /WSPÓLNE ===== */