/* SpokoPrezent - style blokow (makiety 2026-10-24).
   Tu jest WYLACZNIE to, czego blok nie ustawia: ksztalty, przekreslenia, pasy, nakladanie.
   Kolory sekcji, odstepy, siatki i rozmiary pisma ustawiaja bloki. */

/* --- karta zapowiedzi na okladce: biala, naklada sie na zdjecie --- */
.is-style-spk-zapowiedzi{position:relative;z-index:2;margin-top:-120px!important;margin-left:-28px!important;max-width:340px;box-shadow:0 18px 40px rgba(20,12,50,.35);border-radius:6px}
.is-style-spk-zapowiedzi ul{list-style:none;margin:0;padding:0}
.is-style-spk-zapowiedzi li{border-top:1px solid #E9E1D7;padding:9px 0}
.is-style-spk-zapowiedzi li a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:#211B33;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:21px;line-height:1.1}
.is-style-spk-zapowiedzi li a:hover{color:#C02A61}
.is-style-spk-zapowiedzi li em{font-style:normal;font-family:Lato,Arial,sans-serif;font-weight:400;font-size:14px;color:#5A5464;white-space:nowrap}
@media (max-width:781px){.is-style-spk-zapowiedzi{margin:-48px 12px 0!important;max-width:none}}

/* --- plakietka (licznik do Wigilii, "bez linkow partnerskich") --- */
p.is-style-spk-plakietka{display:inline-block;border-radius:4px;padding:3px 10px;line-height:1.4}

/* --- metka z cena: ksztalt zawieszki z dziurka --- */
.is-style-spk-metka{position:relative;clip-path:polygon(34px 0,100% 0,100% 100%,34px 100%,0 50%);border-radius:6px 22px 22px 6px;transition:transform .2s}
.is-style-spk-metka::before{content:"";position:absolute;left:30px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#FAF7F2;box-shadow:inset 0 0 0 2px #8A5A00}
.is-style-spk-metka:hover{transform:rotate(-1.5deg)}
.is-style-spk-metka a{text-decoration:none;color:inherit}
.is-style-spk-metka a::after{content:"";position:absolute;inset:0}
@media (prefers-reduced-motion:reduce){.is-style-spk-metka{transition:none}}

/* --- czego nie kupowac: czerwone przekreslenie tytulu pozycji --- */
ul.is-style-spk-nie-kupuj{list-style:none;padding:0;margin:0}
ul.is-style-spk-nie-kupuj > li{padding:20px 0;border-top:2px solid #211B33;color:#5A5464}
ul.is-style-spk-nie-kupuj > li:last-child{border-bottom:2px solid #211B33}
ul.is-style-spk-nie-kupuj s{display:block;margin-bottom:4px;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.45em;line-height:1.15;color:#211B33;text-decoration-color:#D6336C;text-decoration-thickness:3px}

/* --- lista linkow z kreskami (pod osobami, spis) --- */
ul.is-style-spk-linki{list-style:none;padding:0;margin:0}
ul.is-style-spk-linki > li{border-top:1px solid #E9E1D7;padding:6px 0}
ul.is-style-spk-linki a{text-decoration:none}
ul.is-style-spk-linki a:hover{text-decoration:underline;color:#C02A61}

/* --- zdjecie w luku --- */
.is-style-spk-luk img{border-radius:999px 999px 6px 6px}

/* --- reklama wydawcy: wyraznie inna niz tresc --- */
.is-style-spk-reklama{position:relative;border:1px dashed #A9A3B3;border-radius:8px;background:repeating-linear-gradient(135deg,#F7F6F9 0 14px,#F2F0F5 14px 28px)}
.is-style-spk-reklama > p:first-child{position:absolute;top:-11px;left:20px;margin:0!important;background:#fff;padding:0 8px;font-family:Lato,Arial,sans-serif;font-weight:700;font-size:13px;color:#6E6878}

/* --- query: pierwszy tekst numeru duzy --- */
@media (min-width:782px){
  .is-style-spk-numer .wp-block-post-template{grid-template-columns:1.4fr 1fr 1fr!important}
  .is-style-spk-numer .wp-block-post-template > li:first-child{grid-row:span 2}
  .is-style-spk-numer .wp-block-post-template > li:first-child .wp-block-post-featured-image img{aspect-ratio:4/5!important}
  .is-style-spk-numer .wp-block-post-template > li:first-child .wp-block-post-title{font-size:34px!important}
}
.is-style-spk-numer .wp-block-post-title a,.is-style-spk-spis .wp-block-post-title a{text-decoration:none}
.is-style-spk-numer .wp-block-post-title a:hover,.is-style-spk-spis .wp-block-post-title a:hover{color:#C02A61}

/* --- query: spis tresci z miniaturami --- */
.is-style-spk-spis .wp-block-post-template > li{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:7px 0;border-bottom:1px solid #E9E1D7;margin:0!important}
.is-style-spk-spis .wp-block-post-featured-image{margin:0}
.is-style-spk-spis .wp-block-post-featured-image img{width:72px;height:54px;object-fit:cover;border-radius:3px}
.is-style-spk-spis .wp-block-post-title{margin:0;font-family:Lato,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.35}

/* --- wpis: w skrocie, karta prezentu, dla kogo / dla kogo nie, uwaga --- */
.is-style-spk-skrot{border:2px solid #211B33;border-radius:8px}
.is-style-spk-prezent{border:1px solid #E9E1D7;border-radius:8px;scroll-margin-top:90px}
.is-style-spk-prezent:target{box-shadow:0 0 0 3px #D6336C}
.is-style-spk-dla-tak,.is-style-spk-dla-nie{border-radius:6px}
.is-style-spk-uwaga{border-left:4px solid #4C3D8F;border-radius:0 6px 6px 0}
.is-style-spk-pasek{border-radius:6px}
.wp-block-table.is-style-spk-ceny table{border-collapse:collapse;width:100%}
.wp-block-table.is-style-spk-ceny td{border:0;border-bottom:1px solid #E9E1D7;padding:6px 0}
.wp-block-table.is-style-spk-ceny td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.wp-block-table.is-style-spk-ceny strong{color:#C02A61}
.is-style-spk-spis .wp-block-post-template.is-layout-grid{column-gap:28px}
.is-style-spk-metka .spk-kwota a{color:inherit}

/* --- katalog kategorii: przyklejony spis osob/okazji --- */
.is-style-spk-przyklejony{position:sticky;top:96px}
.is-style-spk-przyklejony ul{list-style:none;padding:0;margin:0;border-left:2px solid #E9E1D7}
.is-style-spk-przyklejony li a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:19px;color:#5A5464}
.is-style-spk-przyklejony li a:hover{color:#211B33;border-left-color:#D6336C}
.spk-wiersz{scroll-margin-top:96px}
.spk-karta a{text-decoration:none;color:#211B33}
.spk-karta a:hover{color:#C02A61}
@media (max-width:781px){
  .is-style-spk-przyklejony{position:sticky;top:0;z-index:15;background:#FAF7F2;margin:0 -24px!important;padding:10px 24px!important;border-bottom:1px solid #E9E1D7}
  .is-style-spk-przyklejony > p{display:none}
  .is-style-spk-przyklejony ul{display:flex;gap:6px;overflow-x:auto;border:0;scrollbar-width:none}
  .is-style-spk-przyklejony li a{border:0;margin:0;padding:6px 14px;border-radius:999px;font-size:16px;white-space:nowrap;box-shadow:inset 0 0 0 2px #E9E1D7}
}

/* --- wpis: spis tresci w tresci tylko gdy pasek boczny jest schowany (telefon, tablet) --- */
@media (min-width:1000px){.entry-content #ez-toc-container{display:none}}
.spk-skrot-tytul{font-family:'Playfair Display',Georgia,serif}
.ct-sidebar #ez-toc-container{background:transparent;border:0;box-shadow:none;padding:0;width:auto}
.ct-sidebar #ez-toc-container .ez-toc-title{font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:700;color:#5A5464}
.ct-sidebar #ez-toc-container ul li a{font-size:15px;color:#5A5464}
.ct-sidebar #ez-toc-container ul li a:hover{color:#211B33}

/* --- wpis: skala cen (fragment core/html - wyjatek udokumentowany w wpis-1910.php) --- */
.spk-skala{margin:24px 0 28px;padding:22px 20px 16px;background:#fff;border:1px solid #E9E1D7;border-radius:8px;font-family:Lato,Arial,sans-serif}
.spk-skala-legenda{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:700;font-size:14px;color:#6B4A00}
.spk-skala-legenda span{display:inline-block;width:22px;height:12px;background:#FFE7B0;border-radius:2px}
.spk-skala ol{list-style:none;margin:0;padding:0}
.spk-skala li{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;height:34px;margin:0}
.spk-skala li > a{font-weight:700;font-size:15px;text-decoration:none;color:#211B33;text-align:right}
.spk-tor{position:relative;height:100%;border-left:1px solid #E9E1D7;background:linear-gradient(to right,transparent 27.78%,#FFE7B0 27.78%,#FFE7B0 88.89%,transparent 88.89%)}
.spk-tor::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #CFC7BD}
.spk-kropka{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#D6336C;z-index:1}
.spk-kropka.pusta{background:#fff;box-shadow:inset 0 0 0 3px #D6336C}
.spk-kwota-pkt{position:absolute;top:50%;transform:translate(14px,-50%);font-size:14px;font-weight:700;white-space:nowrap;z-index:1}
.spk-skala-os{display:grid;grid-template-columns:140px 1fr 1fr 1fr 0;column-gap:12px;margin:4px 0 0;padding-top:6px;border-top:2px solid #211B33;font-size:12px;color:#5A5464}
.spk-skala-os span:nth-child(n+2){margin-left:-12px}
.spk-skala-os span:last-child{margin-left:-50px;text-align:right}
.spk-skala figcaption{font-size:14px;color:#5A5464;margin-top:10px}
@media (max-width:560px){.spk-skala li,.spk-skala-os{grid-template-columns:90px 1fr}.spk-skala li > a{font-size:13px}.spk-kwota-pkt{font-size:12px}.spk-skala-os span:nth-child(n+3){display:none}}

/* --- [spk_widelki]: przelacznik relacji (Jak wybrac) --- */
.spk-widelki{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.spk-w-relacje{display:flex;flex-wrap:wrap;gap:8px}
.spk-w-relacje button{font-family:Lato,Arial,sans-serif;font-weight:700;font-size:16px;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 16px;cursor:pointer;line-height:1.2}
.spk-w-relacje button:hover{border-color:#fff}
.spk-w-relacje button[aria-pressed="true"]{background:#fff;color:#4C3D8F;border-color:#fff}
.spk-w-wynik{background:#fff;color:#211B33;border-radius:10px;padding:26px 28px 20px;box-shadow:0 18px 40px rgba(20,12,50,.35)}
.spk-w-wynik p{margin:0}
.spk-w-kto{font-family:Lato,Arial,sans-serif;font-weight:700;font-size:15px;color:#5A5464}
.spk-w-kwota{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(44px,4.6vw,64px);line-height:1.1;margin:4px 0 14px!important;font-variant-numeric:lining-nums}
.spk-w-skala{position:relative;height:14px;background:#F0EDF8;border-radius:999px}
.spk-w-skala span{position:absolute;top:0;bottom:0;background:#FFB93B;border-radius:999px;transition:left .35s,width .35s}
.spk-w-os{display:flex;justify-content:space-between;font-family:Lato,Arial,sans-serif;font-size:12px;color:#5A5464;margin-top:6px}
.spk-w-rada{font-size:17px;line-height:1.5;margin:14px 0 10px!important}
.spk-w-zrodlo{font-family:Lato,Arial,sans-serif;font-size:13px;color:#5A5464;border-top:1px solid #E9E1D7;padding-top:10px}
.spk-w-zrodlo a{color:#C02A61}
@media (max-width:781px){.spk-widelki{grid-template-columns:1fr;gap:20px}.spk-w-wynik{padding:22px 18px 16px}}
@media (prefers-reduced-motion:reduce){.spk-w-skala span{transition:none}}
