/* PlaCla Obory podnikani - styly landing pages v3.4.1
   (verzovano nazvem souboru; sdilene tridy dodava sablona PlaCla 2026) */

/* ---------- 1) Kdyz si vas dnes nekdo hleda ---------- */
.ob-hledani{padding:80px 0;background:#fff}
.ob-hledani .lupa{display:flex;align-items:center;gap:12px;max-width:560px;margin:26px 0 40px;background:#fff;border:2px solid var(--blue-border,#93b8e8);border-radius:999px;padding:14px 24px;box-shadow:0 8px 24px rgba(26,79,160,.12);font-size:18px}
.ob-hledani .lupa svg{width:22px;height:22px;flex-shrink:0}
.ob-hledani .lupa .fraze{font-family:var(--font-display,'Poppins',sans-serif);font-weight:600}
.ob-hledani .lupa .kurzor{width:2px;height:22px;background:var(--blue-primary,#1a4fa0);animation:ob-blik 1s steps(1) infinite}
@keyframes ob-blik{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ob-hledani .lupa .kurzor{animation:none}}
.srovnani{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.serp{border-radius:var(--radius-xl,28px);padding:26px;border:1px solid var(--border-light,#f0f2f4)}
.serp.bez{background:#f7f7f9}
.serp.s{background:var(--green-lighter,#f4faf0);border-color:var(--green-border,#a5db8f)}
.serp h3{font-family:var(--font-display,'Poppins',sans-serif);font-size:17px;margin-bottom:16px}
.serp.bez h3{color:var(--text-muted,#8a929a)}
.serp.s h3{color:var(--green-dark,#1e6b00)}
.vysledek{background:#fff;border:1px solid var(--border-light,#f0f2f4);border-radius:var(--radius-md,12px);padding:13px 16px;margin-bottom:10px}
.vysledek .titulek{font-size:15px;font-weight:600;color:var(--blue-secondary,#2563c9)}
.serp.bez .vysledek .titulek{color:#6b7683}
.vysledek .url{font-size:12px;color:var(--text-muted,#8a929a)}
.vysledek .popis{font-size:13px;color:var(--text-secondary,#555e68);margin-top:3px}
.serp .verdikt{font-size:14.5px;margin-top:14px;font-style:italic}
.serp.bez .verdikt{color:var(--text-muted,#8a929a)}
.serp.s .verdikt{color:var(--green-dark,#1e6b00);font-weight:600}
@media(max-width:820px){.srovnani{grid-template-columns:1fr}}

/* ---------- 2) Naklady necinnosti ---------- */
.naklady{padding:80px 0;background:var(--blue-lighter,#f2f6fd)}
.naklady .otazky{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.otazka{background:#fff;border:1px solid var(--border-light,#f0f2f4);border-radius:var(--radius-xl,28px);padding:26px;font-family:var(--font-display,'Poppins',sans-serif);font-weight:600;font-size:18.5px;line-height:1.4}
.otazka .pod{display:block;font-family:var(--font-body,sans-serif);font-weight:400;font-size:14.5px;color:var(--text-secondary,#555e68);margin-top:10px}
@media(max-width:820px){.naklady .otazky{grid-template-columns:1fr}}

/* ---------- 3) Citace obav na oboru ---------- */
.ob-citace{padding:80px 0 30px;background:#fff}

/* ---------- 4) Prvnich 10 minut ---------- */
.minuty{padding:80px 0;background:#fff}
.minuty .uzsi{max-width:820px}
.osa{position:relative;margin-top:40px;padding-left:34px;border-left:3px solid var(--blue-border,#93b8e8)}
.krok-osa{position:relative;padding-bottom:30px}
.krok-osa:last-child{padding-bottom:0}
.krok-osa::before{content:"";position:absolute;left:-43px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--blue-primary,#1a4fa0);border:3px solid #fff;box-shadow:0 0 0 3px var(--blue-border,#93b8e8)}
.krok-osa.zeleny::before{background:var(--green-primary,#2d8a00);box-shadow:0 0 0 3px var(--green-border,#a5db8f)}
.krok-osa .cas{font-family:var(--font-display,'Poppins',sans-serif);font-weight:700;font-size:14px;color:var(--blue-primary,#1a4fa0);text-transform:uppercase;letter-spacing:.05em}
.krok-osa.zeleny .cas{color:var(--green-dark,#1e6b00)}
.krok-osa h3{font-family:var(--font-display,'Poppins',sans-serif);font-size:19px;margin:2px 0 4px}
.krok-osa p{color:var(--text-secondary,#555e68);font-size:15.5px;max-width:60ch}
.krok-osa p b{color:var(--text-primary,#1a1a2e)}
.ukazka-poptavky{background:var(--green-lighter,#f4faf0);border:1px dashed var(--green-border,#a5db8f);border-radius:var(--radius-lg,20px);padding:16px 20px;margin-top:10px;font-style:italic;font-size:15px;max-width:60ch}

/* ---------- 5) Ukazkove clanky z externich URL ---------- */
.ob-clanky{padding:80px 0;background:var(--bg-white,#fff)}
.ob-clanky .ext-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.ext-art{display:block;text-decoration:none;background:#fff;border:1px solid var(--border-light,#f0f2f4);border-radius:var(--radius-lg,20px);overflow:hidden;box-shadow:0 1px 3px rgba(13,49,102,.07);transition:transform .16s ease,box-shadow .16s ease}
.ext-art:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(13,49,102,.13)}
.ext-art .nahled{aspect-ratio:16/9;background:var(--blue-lighter,#f2f6fd);display:block;width:100%;object-fit:cover}
.ext-art .telo{padding:16px 18px 18px}
.ext-art .zdroj{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--green-dark,#1e6b00)}
.ext-art h3{font-family:var(--font-display,'Poppins',sans-serif);font-size:16.5px;line-height:1.4;color:var(--text-primary,#1a1a2e);margin-top:6px}
@media(max-width:820px){.ob-clanky .ext-grid{grid-template-columns:1fr}}

/* ---------- 6) FAQ ---------- */
.ob-faq{padding:80px 0;background:var(--blue-lighter,#f2f6fd)}
.ob-faq .uzsi{max-width:820px}
.ob-faq details{background:#fff;border:1px solid var(--border-light,#f0f2f4);border-radius:var(--radius-lg,20px);margin-bottom:12px;overflow:hidden}
.ob-faq summary{cursor:pointer;font-family:var(--font-display,'Poppins',sans-serif);font-weight:600;font-size:17px;padding:18px 22px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ob-faq summary::-webkit-details-marker{display:none}
.ob-faq summary::after{content:"+";font-size:24px;color:var(--green-primary,#2d8a00);font-weight:700;flex-shrink:0}
.ob-faq details[open] summary::after{content:"\2212"}
.ob-faq .odpoved{padding:0 22px 18px;color:var(--text-secondary,#555e68);font-size:15.5px}
.ob-faq .odpoved b{color:var(--text-primary,#1a1a2e)}