/* Rychlé novinky */
.jdl-novinky { list-style: none; margin: 0; padding: 0; }
.jdl-novinky__polozka { padding: .8rem 0; border-bottom: 1px solid #E8E8E3; }
.jdl-novinky__polozka:first-child { padding-top: .2rem; }
.jdl-novinky__polozka:last-child { border-bottom: 0; }
.jdl-novinky__polozka a { display: block; font-size: .95rem; font-weight: 600; line-height: 1.4; text-decoration: none; color: inherit; }
.jdl-novinky__polozka a:hover { text-decoration: underline; text-decoration-color: #A6FF00; text-decoration-thickness: 3px; text-underline-offset: 3px; }
.jdl-novinky__meta { display: block; font-size: .78rem; color: #6B6B66; margin-top: .25rem; }
.jdl-novinky__vse { margin: 1rem 0 0; font-size: .875rem; font-weight: 650; }
.jdl-novinky__vse a { text-decoration: none; }
.jdl-novinky__vse a:hover { text-decoration: underline; }
.jdl-novinky__strankovani { margin-top: 2rem; display: flex; gap: .4rem; flex-wrap: wrap; font-weight: 600; }
.jdl-novinky__strankovani .page-numbers { padding: .4rem .8rem; border-radius: 8px; text-decoration: none; }
.jdl-novinky__strankovani .page-numbers.current { background: #111; color: #fff; }

/* Reklama */
.jdl-reklama { position: relative; text-align: center; margin: 1.5rem auto; max-width: 100%; overflow: hidden; }
.jdl-reklama__stitek { display: block; font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: #9a9a94; margin-bottom: .4rem; }
.jdl-reklama__banner { display: inline-block; max-width: 100%; line-height: 0; }
.jdl-reklama__banner img { max-width: 100%; height: auto; border-radius: 8px; display: block; }
.jdl-reklama--leaderboard { margin-top: 0; }
/* Rezervované místo jen pro AdSense (proti poskakování stránky), bannery mají vlastní rozměr */
.jdl-reklama--leaderboard:has(.adsbygoogle) { min-height: 90px; }
.jdl-reklama--sidebar:has(.adsbygoogle) { min-height: 250px; }
.jdl-reklama--sidebar-sticky:has(.adsbygoogle) { min-height: 600px; }
.jdl-reklama--v-clanku, .jdl-reklama--pod-clankem { margin: 2.5rem auto; padding: 1rem 0 1.25rem; border-top: 1px solid #E8E8E3; border-bottom: 1px solid #E8E8E3; }
.jdl-reklama--prehled { margin-top: 3rem; }
@media (max-width: 899px) {
	.jdl-reklama--leaderboard:has(.adsbygoogle) { min-height: 100px; }
	.jdl-reklama--sidebar-sticky { display: none; }
}

/* Mobilní lišta dole */
.jdl-mobil-lista { display: none; }
@media (max-width: 767px) {
	.jdl-mobil-lista { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.15); padding: 4px 0 2px; }
	.jdl-mobil-lista .jdl-reklama { margin: 0; max-height: 110px; }
	.jdl-mobil-lista .jdl-reklama__stitek { display: none; }
	.jdl-mobil-lista__zavrit { position: absolute; top: -14px; right: 8px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: #111; color: #A6FF00; font-size: 18px; line-height: 28px; cursor: pointer; }
}

/* Náhled v editoru */
.jdl-reklama-nahled { border: 2px dashed #A6FF00; background: #111; color: #A6FF00; text-align: center; padding: 1.5rem; font-family: Anton, Impact, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.jdl-reklama__banner picture { display: block; }
/* Místo pro banner, který doplní skript (rozměr je rezervovaný předem, stránka neposkočí). */
.jdl-reklama__misto { display: block; margin: 0 auto; width: calc(var(--w) * 1px); max-width: 100%; aspect-ratio: var(--w) / var(--h); }
.jdl-reklama__misto .jdl-reklama__banner, .jdl-reklama__misto img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
	.jdl-reklama__misto { width: calc(var(--mw) * 1px); aspect-ratio: var(--mw) / var(--mh); }
}

/* ---------- Klub JduLovit ---------- */
.jdl-klub { display: grid; gap: 1.25rem 2rem; grid-template-columns: minmax(0, 1fr); margin: 3rem 0 !important; padding: 1.75rem; border-radius: 14px; background: #111; color: #fff; }
/* Dva sloupce jen tam, kde je box opravdu široký (ne v úzkém sloupci vedle postranního panelu) */
.wp-block-jdulovit-klub, .wp-block-jdulovit-odber { container-type: inline-size; }
@container (min-width: 680px) { .jdl-klub { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; padding: 2rem 2.25rem; } }
@container (max-width: 679px) { .jdl-klub { padding: 1.75rem 1.6rem; } .jdl-klub__text p:last-child { margin-bottom: 0; } .jdl-klub__formular { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.25rem; } }
.jdl-klub p { margin: 0 0 .6rem; color: rgba(255,255,255,.82); font-size: .975rem; line-height: 1.55; }
.jdl-klub__stitek { color: #A6FF00 !important; font-size: .75rem !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.jdl-klub__nadpis { color: #fff !important; font-size: clamp(1.35rem, 2.6vw, 1.65rem) !important; margin: 0 0 .6rem !important; line-height: 1.2; }
.jdl-klub__pozn { font-size: .8rem !important; color: rgba(255,255,255,.55) !important; }
.jdl-klub__pozn a, .jdl-klub-odkaz a { color: inherit; }
/* Odkazy v tmavém boxu: šablona je při najetí barví tmavě zeleně (na černé nečitelné) */
.jdl-klub a:not(.jdl-klub__tlacitko), .jdl-klub a:not(.jdl-klub__tlacitko):visited { color: rgba(255,255,255,.75); }
.jdl-klub a:not(.jdl-klub__tlacitko):hover, .jdl-klub a:not(.jdl-klub__tlacitko):focus { color: #A6FF00; }
.jdl-klub__podminky { margin-top: .25rem; font-size: .8rem; color: rgba(255,255,255,.6); }
.jdl-klub__podminky summary { cursor: pointer; text-decoration: underline; text-underline-offset: 2px; color: rgba(255,255,255,.75); width: fit-content; }
.jdl-klub__podminky summary:hover { color: #A6FF00; }
.jdl-klub__podminky p { margin: .5rem 0 0 !important; font-size: .8rem !important; line-height: 1.5 !important; color: rgba(255,255,255,.6) !important; }
.jdl-klub a.jdl-klub__tlacitko { display: inline-block; background: #A6FF00; color: #111; font-weight: 700; padding: .8em 1.4em; border-radius: 999px; text-decoration: none; }
/* Společný formulář: odběr článků + Klub (tmavý rámeček) */
.jdl-form { display: grid; gap: .7rem; }
.jdl-form__pole > span { display: block; margin-bottom: .25rem; color: rgba(255,255,255,.85); font-size: .85rem; }
.jdl-form__pole input { width: 100%; box-sizing: border-box; font: inherit; padding: .65rem .85rem; border: 0; border-radius: 8px; background: #fff; color: #111; }
.jdl-form input:focus { outline: 2px solid #A6FF00; outline-offset: 1px; }
.jdl-form__jmeno { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.jdl-form--clanek .jdl-form__jmeno { display: none; }
.jdl-form--clanek:has(input[name=klub]:checked) .jdl-form__jmeno { display: grid; }
.jdl-form__volba { display: flex; flex-wrap: wrap; gap: .45rem; }
.jdl-form__volba label { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .85rem; border: 1.5px solid rgba(255,255,255,.3); border-radius: 999px; color: rgba(255,255,255,.9); font-size: .9rem; cursor: pointer; }
.jdl-form__volba label:has(input:checked) { border-color: #A6FF00; color: #fff; font-weight: 700; }
.jdl-form__zaskrt { display: flex; align-items: center; gap: .55rem; color: rgba(255,255,255,.9); font-size: .925rem; cursor: pointer; }
.jdl-form__zaskrt small { color: rgba(255,255,255,.55); font-size: .8rem; }
.jdl-form__navic { display: grid; gap: .5rem; margin-top: .2rem; }
.jdl-form__otazka { margin: 0 !important; color: #fff !important; font-size: .925rem !important; font-weight: 600; }
.jdl-form__otazka small { display: block; color: rgba(255,255,255,.55); font-weight: 400; font-size: .8rem; }
.jdl-form input[type=checkbox] { accent-color: #A6FF00; margin: 0; width: 1.05rem; height: 1.05rem; flex: none; }
.jdl-form__past { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.jdl-form button[type=submit], .jdl-klub .jdl-form button[type=submit] { justify-self: start; font: inherit; font-weight: 700; line-height: 1.2; padding: .85rem 1.6rem !important; border: 0 !important; border-radius: 999px !important; background: #A6FF00 !important; color: #111 !important; cursor: pointer; }
.jdl-klub .jdl-form button[type=submit]:hover { background: #fff !important; }
.jdl-form button:disabled { opacity: .5; cursor: wait; }
.jdl-form__zprava { margin: 0 !important; font-weight: 600; color: #fff !important; }
.jdl-form__zprava:empty { display: none; }
.jdl-form.je-hotovo .jdl-form__zprava { color: #A6FF00 !important; }
@media (max-width: 420px) { .jdl-form__jmeno { grid-template-columns: 1fr; } }
/* WPForms uvnitř tmavého rámečku */
.jdl-klub .wpforms-container { margin: 0 !important; }
.jdl-klub .wpforms-field { padding: 0 0 .7rem !important; }
.jdl-klub .wpforms-field-label, .jdl-klub .wpforms-field-sublabel { color: rgba(255,255,255,.85) !important; font-size: .85rem !important; }
.jdl-klub input[type=text], .jdl-klub input[type=email] { width: 100% !important; max-width: none !important; background: #fff !important; border: 0 !important; border-radius: 8px !important; color: #111 !important; }
.jdl-klub .wpforms-field-row { display: flex; gap: .6rem; max-width: none !important; }
.jdl-klub .wpforms-field-row-block { flex: 1; padding: 0 !important; width: auto !important; }
.jdl-klub button[type=submit] { background: #A6FF00 !important; color: #111 !important; border: 0 !important; border-radius: 999px !important; font-weight: 700 !important; padding: 0 1.6em !important; }
.jdl-klub button[type=submit]:hover { background: #fff !important; }
.jdl-klub .wpforms-confirmation-container-full { background: rgba(166,255,0,.12) !important; border: 1px solid #A6FF00 !important; color: #fff !important; border-radius: 8px; }

/* ---------- Odběr článků: potvrzení po kliknutí v e-mailu ---------- */
.jdl-odber-potvrzeno { position: fixed; left: 16px; right: 16px; top: 16px; z-index: 1003; width: fit-content; margin: 0 auto; display: flex; align-items: center; gap: .75rem; padding: .7rem .9rem .7rem 1.2rem; border-radius: 14px; background: #111; color: #fff; font-weight: 700; font-size: .95rem; line-height: 1.35; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.jdl-odber-potvrzeno button { border: 0; background: none; color: #A6FF00; font-size: 1.3rem; line-height: 1; cursor: pointer; }

/* ---------- Doba čtení ---------- */
.jdl-doba-cteni { color: var(--wp--preset--color--seda, #6B6B66); font-size: var(--wp--preset--font-size--x-small, .8125rem); }

/* ---------- Obsah článku ---------- */
.jdl-obsah-clanku { margin: 1.75rem 0 2rem !important; border: 1px solid #E8E8E3; border-left: 4px solid #A6FF00; border-radius: 10px; background: #FAFAF7; font-size: .975rem; }
.jdl-obsah-clanku details { padding: .9rem 1.25rem; }
.jdl-obsah-clanku summary { cursor: pointer; font-weight: 750; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; list-style-position: outside; }
.jdl-obsah-clanku ol { margin: .75rem 0 .1rem; padding-left: 1.3rem; columns: 2 220px; column-gap: 2rem; }
.jdl-obsah-clanku li { margin: 0 0 .35rem; break-inside: avoid; line-height: 1.4; }
.jdl-obsah-clanku a { text-decoration: none !important; color: inherit !important; }
.jdl-obsah-clanku a:hover { text-decoration: underline !important; text-decoration-color: #A6FF00 !important; }
.wp-block-post-content h2[id] { scroll-margin-top: 100px; }

/* ---------- Karty článků (související, rozcestník) ---------- */
.jdl-souvisejici { margin: 3rem 0 0 !important; }
.jdl-souvisejici__nadpis { font-size: .8rem !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 1.1rem !important; padding-bottom: .6rem; border-bottom: 1px solid #E8E8E3; }
.jdl-karty { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem 1.25rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .jdl-karty--3, .jdl-karty--mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .jdl-karty--3, .jdl-karty--mrizka { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.jdl-karty__polozka { margin: 0 !important; }
.jdl-karty__polozka a { display: flex; flex-direction: column; gap: .45rem; text-decoration: none !important; color: inherit !important; }
.jdl-karty__obrazek { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; background: #F6F6F3; }
.jdl-karty__kategorie { font-size: .7rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #3D5A12; }
.jdl-karty__titulek { font-weight: 700; line-height: 1.3; font-size: 1rem; }
.jdl-karty__polozka a:hover .jdl-karty__titulek { text-decoration: underline; text-decoration-color: #A6FF00; text-decoration-thickness: 3px; text-underline-offset: 3px; }
@media (max-width: 559px) {
	.jdl-karty--3 { gap: 1rem; }
	.jdl-karty--3 .jdl-karty__polozka a { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: .9rem; row-gap: .2rem; }
	.jdl-karty--3 .jdl-karty__obrazek { grid-row: 1 / 3; aspect-ratio: 4 / 3; }
	.jdl-karty--3 .jdl-karty__titulek { font-size: .95rem; }
}

/* Odkaz na rozcestník na konci článku */
.jdl-pruvodce-odkaz { margin: 2.5rem 0 0 !important; padding: 1rem 1.25rem; border-radius: 10px; background: #F6F6F3; border-left: 4px solid #A6FF00; font-weight: 650; line-height: 1.6; }
.jdl-pruvodce-odkaz a { text-decoration: none !important; color: #111 !important; }
.jdl-pruvodce-odkaz a:hover { text-decoration: underline !important; text-decoration-color: #A6FF00 !important; }

/* Přehled rozcestníků (stránka Naše testy) */
.jdl-prehled-rozcestniku__sekce { margin: 0 0 3.5rem; padding-top: 2rem; border-top: 1px solid #E8E8E3; }
.jdl-prehled-rozcestniku__sekce:first-child { border-top: 0; padding-top: 0; }
.jdl-prehled-rozcestniku__nadpis { margin: 0 0 .4rem !important; font-size: clamp(1.35rem, 2.5vw, 1.65rem) !important; }
.jdl-prehled-rozcestniku__nadpis a { text-decoration: none !important; color: inherit !important; }
.jdl-prehled-rozcestniku__nadpis a:hover { text-decoration: underline !important; text-decoration-color: #A6FF00 !important; text-decoration-thickness: 3px !important; }
.jdl-prehled-rozcestniku__popis { color: #6B6B66; margin: 0 0 1.25rem !important; max-width: 640px; }
.jdl-prehled-rozcestniku__vse { margin: 1.25rem 0 0 !important; font-weight: 700; }
.jdl-prehled-rozcestniku__vse a { text-decoration: none !important; color: #111 !important; border-bottom: 3px solid #A6FF00; padding-bottom: 2px; }
.jdl-karty { padding-left: 0 !important; margin-left: 0 !important; }
.jdl-karty > li { list-style: none; margin-bottom: 0 !important; }