/*
Theme Name: VEDOS KB
Theme URI: https://kb.vedos.cz/
Description: Nový vzhled znalostních bází VEDOS (kb.vedos.cz) a WEDOS Global (kb.wedos.global), barvy a písmo help.wedos.cz. Obsah článků se nemění, mění se jen styl.
Author: VEDOS
Template: twentytwentyfive
Version: 0.6.9
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: vedos-kb
*/
/* Návrh nové grafiky znalostní báze VEDOS – vychází z help.wedos.cz (Inter, modrá #2962ff, tmavě modrá). */

:root {
  --c-brand: #2962ff; --c-brand-dark: #0220aa; --c-brand-soft: #638dff; --c-accent: #3fc6ff;
  --c-navy: #06295f; --c-navy-2: #16304c;
  --c-ink: #1f2a3c; --c-ink-2: #2d3c58; --c-ink-soft: #4c5671; --c-muted: #5f6b85; /* muted: kontrast aspoň 4,5:1 i na světle modrém pozadí */
  --c-surface: #ffffff; --c-surface-2: #f5f8fc; --c-surface-3: #e9f4ff; --c-line: #dbe3ee;
  --c-success: #12805c; --c-success-bg: #ecf8f3; --c-warning: #b45f06; --c-warning-bg: #fff8eb; --c-danger: #c62a2f; --c-danger-bg: #fff1f1;
  --radius: 14px; --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.04);
  --shadow-hover: 0 1px 2px rgba(16, 24, 40, 0.05), 0 6px 16px rgba(16, 24, 40, 0.07);
  --wrap: 1360px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
/* náhradní písmo se stejnými rozměry jako Inter: než se Inter načte, text se nepřeformátuje (bez poskočení obsahu) */
@font-face { font-family: "Inter Fallback"; src: local("Arial"), local("Helvetica"), local("Liberation Sans"); size-adjust: 107.12%; ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; }
body { margin: 0; background: var(--c-surface-2); color: var(--c-ink); font: 400 16px/1.65 "Inter", "Inter Fallback", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--c-brand); text-decoration: none; }
a:hover { color: var(--c-brand-dark); }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }
.icon { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

/* --- hlavička --------------------------------------------------------------------------- */
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--c-line); }
.site-header .wrap { display: flex; align-items: center; gap: 24px; height: 68px; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--c-ink-2); font-weight: 700; font-size: 15px; white-space: nowrap; }
.brand img { height: 26px; display: block; }
.brand span { padding-left: 12px; border-left: 1px solid var(--c-line); }
.header-search { flex: 1; max-width: 460px; position: relative; }
.header-search input { width: 100%; height: 42px; border: 1px solid var(--c-line); border-radius: 999px; background: var(--c-surface-2); padding: 0 16px 0 42px; font: inherit; font-size: 15px; color: var(--c-ink); }
.header-search .icon { position: absolute; left: 15px; top: 11px; color: var(--c-muted); }
.header-right { margin-left: auto; display: flex; align-items: center; gap: 18px; font-size: 14px; }
.status { display: inline-flex; align-items: center; gap: 8px; color: var(--c-success); font-weight: 600; white-space: nowrap; }
.status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.15); }
.lang { color: var(--c-ink-soft); font-weight: 600; }
.lang b { color: var(--c-ink); }
.btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: var(--radius-sm); background: var(--c-brand); color: #fff; font-weight: 600; font-size: 15px; border: 0; white-space: nowrap; }
.btn:hover { background: var(--c-brand-dark); color: #fff; }
.btn .icon { width: 18px; height: 18px; }
.btn .short { display: none; }
.btn-ghost { background: transparent; color: var(--c-brand); box-shadow: inset 0 0 0 1px var(--c-line); }
.btn-ghost:hover { background: var(--c-surface-3); color: var(--c-brand-dark); }
.btn-light { background: #fff; color: var(--c-navy); }
.btn-light:hover { background: var(--c-surface-3); color: var(--c-navy); }

/* --- úvodní plocha ------------------------------------------------------------------------ */
.hero { position: relative; color: #fff; background: radial-gradient(900px 420px at 85% 10%, rgba(63, 198, 255, 0.28), transparent 60%), radial-gradient(700px 500px at 10% 120%, rgba(41, 98, 255, 0.55), transparent 60%), linear-gradient(135deg, #06295f 0%, #0a3378 55%, #123f9c 100%); }
.hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg, transparent 30%, #000 75%); pointer-events: none; }
.hero .wrap { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 330px; gap: 56px; padding-top: 64px; padding-bottom: 72px; align-items: center; }
.kicker { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-accent); }
.hero h1 { margin: 12px 0 10px; font-size: 50px; line-height: 1.08; font-weight: 800; letter-spacing: -0.025em; }
.hero p.lead { margin: 0 0 30px; font-size: 18px; color: rgba(255, 255, 255, 0.78); max-width: 560px; }
.search-xl { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 16px; padding: 8px 8px 8px 20px; box-shadow: 0 8px 20px rgba(2, 16, 54, 0.22); }
.search-xl .icon { color: var(--c-muted); width: 22px; height: 22px; }
.search-xl input { flex: 1; border: 0; outline: 0; font: inherit; font-size: 17px; color: var(--c-ink); height: 48px; min-width: 0; }
.search-xl .btn { height: 48px; padding: 0 26px; border-radius: 12px; }
.chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; font-size: 14px; color: rgba(255, 255, 255, 0.7); }
.chips a { padding: 6px 13px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); color: #fff; font-weight: 500; }
.chips a:hover { background: rgba(255, 255, 255, 0.2); }
.hero-card { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--radius); padding: 22px 22px 12px; backdrop-filter: blur(6px); }
.hero-card h2 { margin: 0 0 8px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); }
.hero-card a { display: flex; align-items: center; gap: 12px; padding: 11px 0; color: #fff; font-weight: 600; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.hero-card a:first-of-type { border-top: 0; }
.hero-card a .icon { color: var(--c-accent); }
.hero-card a .arrow { margin-left: auto; opacity: 0.5; width: 16px; height: 16px; }
.hero-stats { display: flex; gap: 28px; margin-top: 34px; color: rgba(255, 255, 255, 0.72); font-size: 14px; }
.hero-stats b { display: block; color: #fff; font-size: 22px; font-weight: 800; }

/* --- sekce a karty -------------------------------------------------------------------------- */
.section { padding: 56px 0 8px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.section-head h2 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -0.015em; }
.section-head p { margin: 6px 0 0; color: var(--c-ink-soft); }
.section-head > a { font-weight: 600; font-size: 15px; white-space: nowrap; }
.grid { display: grid; gap: 18px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
a.card, .card-hover { transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s; }
a.card:hover, .card-hover:hover { box-shadow: var(--shadow-hover); border-color: #c5d3ea; }
.badge-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--c-surface-3); color: var(--c-brand); }
.badge-icon .icon { width: 22px; height: 22px; }
.badge-icon.green { background: var(--c-success-bg); color: var(--c-success); }
.badge-icon.amber { background: var(--c-warning-bg); color: var(--c-warning); }
.start-card { padding: 22px 22px 10px; display: flex; flex-direction: column; }
.start-card header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.start-card h3 { margin: 0; font-size: 19px; }
.start-card header p { margin: 2px 0 0; font-size: 14px; color: var(--c-ink-soft); }
.link-list { list-style: none; margin: 0; padding: 0; }
.start-card .card-image img { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--c-line); margin: 2px 0 14px; }
.link-list a { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #edf1f7; color: var(--c-ink-2); font-weight: 500; font-size: 15px; }
.link-list a:hover { color: var(--c-brand); }
.link-list a .icon { width: 16px; height: 16px; margin-left: auto; color: #b3bfd3; }
.card-foot { margin-top: auto; padding: 12px 0; border-top: 1px solid #edf1f7; font-weight: 600; font-size: 14px; }
.cat-card { padding: 20px; display: flex; flex-direction: column; gap: 14px; color: var(--c-ink); }
.cat-card h3 { margin: 0 0 4px; font-size: 17px; }
.cat-card p { margin: 0; font-size: 14px; color: var(--c-ink-soft); line-height: 1.5; }
.cat-card .count { margin-top: auto; display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; color: var(--c-muted); }
.cat-card .count .icon { width: 16px; height: 16px; color: var(--c-brand); }
.video-card { overflow: hidden; color: var(--c-ink); }
.thumb { position: relative; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #0a3378, #2962ff); display: grid; place-items: center; overflow: hidden; }
.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb .art { position: absolute; right: -18px; bottom: -22px; width: 140px; height: 140px; color: rgba(255, 255, 255, 0.14); }
.thumb .art .icon { width: 100%; height: 100%; stroke-width: 1.4; }
.thumb .label { position: absolute; left: 14px; top: 12px; color: rgba(255, 255, 255, 0.85); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.play { position: absolute; width: 54px; height: 54px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); display: grid; place-items: center; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); }
.play svg { width: 20px; height: 20px; fill: var(--c-brand); margin-left: 3px; }
/* u náhledu videa (s nadpisem vlevo) je tlačítko v pravém dolním rohu, ať nadpis nezakrývá */
.thumb img ~ .play { right: 12px; bottom: 12px; width: 44px; height: 44px; }
.thumb img ~ .play svg { width: 17px; height: 17px; }
.duration { position: absolute; right: 10px; bottom: 10px; background: rgba(6, 41, 95, 0.85); color: #fff; font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 6px; }
.video-card .body { padding: 14px 16px 16px; }
.video-card h3 { margin: 0; font-size: 16px; line-height: 1.35; }
.video-card p { margin: 4px 0 0; font-size: 13px; color: var(--c-muted); }
.support { margin: 56px 0 64px; padding: 36px 40px; border-radius: 20px; color: #fff; background: radial-gradient(600px 300px at 100% 0, rgba(63, 198, 255, 0.25), transparent 60%), linear-gradient(135deg, #06295f, #16304c); display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; }
.support h2 { margin: 0 0 6px; font-size: 26px; font-weight: 800; }
.support p { margin: 0; color: rgba(255, 255, 255, 0.75); }
.support .actions { display: flex; gap: 12px; flex-wrap: wrap; }
.support .btn-ghost { color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.support .btn-ghost:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }

/* --- patička -------------------------------------------------------------------------------- */
.site-footer { background: var(--c-navy-2); color: rgba(255, 255, 255, 0.72); font-size: 14px; }
.site-footer .wrap { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding-top: 48px; padding-bottom: 40px; }
.site-footer h4 { margin: 0 0 14px; color: #fff; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
.site-footer a { display: block; color: rgba(255, 255, 255, 0.72); padding: 4px 0; }
.site-footer a:hover { color: #fff; }
.site-footer .item { display: block; padding: 4px 0; }
.site-footer .about > img { height: 24px; width: auto; margin-bottom: 14px; }
.site-footer .about > img:not(.footer-logo) { filter: brightness(0) invert(1); opacity: 0.9; } /* hlavní logo na bílou; vlastní logo patičky je už světlé */
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer-bottom .wrap { display: flex; justify-content: space-between; padding-top: 18px; padding-bottom: 18px; grid-template-columns: none; }

/* --- rubrika a článek: společné ----------------------------------------------------------- */
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: var(--c-muted); }
.crumbs a { color: var(--c-ink-soft); }
.crumbs a:hover { color: var(--c-brand); }
.crumbs .sep { color: #b3bfd3; }
.page-head { background: #fff; border-bottom: 1px solid var(--c-line); }
.page-head .wrap { padding-top: 26px; padding-bottom: 30px; }
.layout { display: grid; gap: 40px; padding-top: 32px; padding-bottom: 24px; align-items: start; }
.layout-cat { grid-template-columns: 260px 1fr; }
.layout-article { grid-template-columns: 260px minmax(0, 1fr); gap: 40px; }
.sidenav { position: sticky; top: 92px; font-size: 14px; }
.sidenav h4 { margin: 0 0 10px; padding: 0 10px; font-size: 12px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--c-muted); }
.sidenav a { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px; color: var(--c-ink-2); font-weight: 500; }
.sidenav a .icon { width: 17px; height: 17px; color: var(--c-muted); }
.sidenav a .n { margin-left: auto; font-size: 12px; color: var(--c-ink-soft); font-weight: 600; }
.sidenav a:hover { background: #fff; color: var(--c-brand); }
.sidenav a.on { background: var(--c-surface-3); color: var(--c-brand-dark); font-weight: 650; }
.sidenav a.on .icon { color: var(--c-brand); }
.sidenav hr { border: 0; border-top: 1px solid var(--c-line); margin: 14px 10px; }

/* rubrika */
.cat-head { display: flex; gap: 18px; align-items: center; margin-top: 18px; }
.cat-head .badge-icon { width: 56px; height: 56px; border-radius: 16px; }
.cat-head .badge-icon .icon { width: 28px; height: 28px; }
.cat-head h1 { margin: 0; font-size: 36px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
.cat-head p { margin: 4px 0 0; color: var(--c-ink-soft); }
.article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) { .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .video-grid { grid-template-columns: minmax(0, 1fr); } }
.article-item { padding: 18px 20px; color: var(--c-ink); display: flex; flex-direction: column; gap: 6px; }
.article-item h3 { margin: 0; font-size: 16px; line-height: 1.35; color: var(--c-ink); }
.article-item p { margin: 0; font-size: 14px; color: var(--c-ink-soft); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-item .meta { font-size: 12px; color: var(--c-muted); font-weight: 500; margin-top: 4px; }
.filter-bar { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.filter-bar a { padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--c-line); color: var(--c-ink-2); font-size: 14px; font-weight: 500; }
.filter-bar a.on { background: var(--c-brand); border-color: var(--c-brand); color: #fff; }

/* článek */
.article-head h1 { margin: 14px 0 26px; font-size: 40px; line-height: 1.12; font-weight: 800; letter-spacing: -0.025em; max-width: 860px; }
.meta-row { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; font-size: 14px; color: var(--c-muted); }
.meta-row span { display: inline-flex; align-items: center; gap: 6px; }
.meta-row .icon { width: 16px; height: 16px; }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; background: var(--c-surface-3); color: var(--c-brand-dark); font-weight: 600; font-size: 13px; }
.pill.video { background: #fff1e8; color: #b4410b; }
.article-card { background: #fff; border: 1px solid var(--c-line); border-radius: 18px; padding: 32px 44px 40px; }
.toc { position: sticky; top: 92px; font-size: 14px; }
.toc h4 { margin: 0 0 10px; font-size: 12px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--c-muted); }
.toc a { display: block; padding: 5px 0 5px 14px; border-left: 2px solid var(--c-line); color: var(--c-ink-soft); line-height: 1.4; }
.toc a.sub { padding-left: 28px; font-size: 13px; }
.toc a:hover { color: var(--c-brand); border-left-color: #a9c0ff; }
.toc a.on { color: var(--c-brand-dark); border-left-color: var(--c-brand); font-weight: 600; }
/* malé hodnocení návodu v levém sloupci: vidět po celou dobu čtení, ale nenápadné */
.rate-mini { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 20px; padding: 10px 12px 10px 16px; border-radius: var(--radius); background: #fff; border: 1px solid var(--c-line); }
.rate-mini[hidden], .rate-mini [hidden] { display: none; }
.rate-mini__q { font-size: 14px; font-weight: 650; color: var(--c-ink); }
.rate-mini__buttons { display: flex; gap: 6px; }
.rate-mini__buttons button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--c-surface-2); box-shadow: inset 0 0 0 1px var(--c-line); color: var(--c-brand); cursor: pointer; }
.rate-mini__buttons button:hover:not(:disabled) { background: var(--c-brand); box-shadow: none; color: #fff; }
.rate-mini__buttons button:focus-visible { outline: 2px solid var(--c-brand); outline-offset: 2px; }
.rate-mini__buttons button:disabled { cursor: default; opacity: 0.55; }
.rate-mini__buttons .icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.rate-mini__done { font-size: 13.5px; line-height: 1.5; font-weight: 600; color: var(--c-success); }
.toc .rate-mini__done a { display: inline; padding: 0; border: 0; line-height: inherit; color: var(--c-brand); font-weight: 600; }
/* levý sloupec nesmí přerůst okno (dlouhý obsah stránky + karty): posune se uvnitř */
.toc { max-height: calc(100vh - 110px); overflow-y: auto; scrollbar-width: thin; }
.help-mini { margin-top: 24px; padding: 18px; border-radius: var(--radius); background: #fff; border: 1px solid var(--c-line); }
.help-mini h4 { margin: 0 0 6px; font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--c-ink); }
.help-mini p { margin: 0 0 12px; color: var(--c-ink-soft); font-size: 13px; line-height: 1.5; }
.toc .help-mini .btn { display: inline-flex; height: 36px; font-size: 14px; padding: 0 14px; color: #fff; border-left: 0; }
.toc .help-mini .btn .icon { width: 16px; height: 16px; }
.related { margin-top: 36px; }
.related h2 { font-size: 20px; margin: 0 0 14px; }

/* --- obsah článků z WordPressu (stávající bloky, bez úprav textu) ------------------------- */
.entry-content { font-size: 16.5px; line-height: 1.75; color: var(--c-ink); overflow-wrap: break-word; }
.entry-content a { overflow-wrap: anywhere; } /* dlouhé adresy v textu nesmí na mobilu rozšířit stránku */
.entry-content > :first-child { margin-top: 0 !important; }
.entry-content p { margin: 0 0 14px; }
.entry-content a:not(.wp-block-button__link) { color: var(--c-brand); text-decoration: underline; text-decoration-color: rgba(41, 98, 255, 0.35); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.entry-content a:not(.wp-block-button__link):hover { text-decoration-color: currentColor; }
.entry-content h2 { margin: 0 0 14px !important; font-size: 28px !important; line-height: 1.25; font-weight: 800; letter-spacing: -0.015em; color: var(--c-ink); scroll-margin-top: 90px; }
.entry-content h3 { margin: 30px 0 10px !important; font-size: 20px !important; line-height: 1.3; font-weight: 700; color: var(--c-ink); scroll-margin-top: 90px; }
.entry-content strong { font-weight: 650; color: var(--c-ink); }
.entry-content hr.wp-block-separator.is-style-dots { border: 0 !important; height: 1px !important; background: var(--c-line) !important; margin: 44px 0 !important; width: 100% !important; max-width: none !important; }
.entry-content hr.wp-block-separator.is-style-dots::before { content: none !important; }
.entry-content .wp-block-spacer { height: 8px !important; }
/* barevné boxy: info / upozornění / nebezpečí / úspěch – podle stávajících barev bloků, ikona ze stylu */
.entry-content .wp-block-group[class*="-light-background-color"] {
  --callout: var(--c-brand); --callout-bg: #f7faff; --callout-line: #e2ebfb;
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
  position: relative; border-radius: 10px !important; border: 1px solid var(--callout-line) !important; border-left: 3px solid var(--callout) !important;
  padding: 14px 18px 14px 50px !important; margin: 18px 0 !important; background: var(--callout-bg) !important; color: var(--c-ink) !important;
}
.entry-content .wp-block-group[class*="-light-background-color"]::before { content: ""; position: absolute; left: 16px; top: 16px; width: 20px; height: 20px; background: var(--callout); -webkit-mask: var(--callout-icon) center / contain no-repeat; mask: var(--callout-icon) center / contain no-repeat; }
.entry-content .wp-block-group[class*="-light-background-color"].has-custom-warning-light-background-color { --callout: #e08e00; --callout-bg: #fffbf3; --callout-line: #f6e6c6;
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E"); }
.entry-content .wp-block-group[class*="-light-background-color"].has-custom-danger-light-background-color { --callout: #e5484d; --callout-bg: #fff8f8; --callout-line: #f5dcdd;
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l5 5v8l-5 5H8l-5-5V8z'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E"); }
.entry-content .wp-block-group[class*="-light-background-color"].has-custom-success-light-background-color { --callout: var(--c-success); --callout-bg: #f5fbf8; --callout-line: #d6eee3;
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.8 2.8L16 9.5'/%3E%3C/svg%3E"); }
.entry-content .wp-block-group[class*="-light-background-color"] > .wp-block-columns { margin: 0 !important; gap: 0 !important; }
.entry-content .wp-block-group[class*="-light-background-color"] > .wp-block-columns > .wp-block-column:first-child { display: none !important; }
.entry-content .wp-block-group[class*="-light-background-color"] .wp-block-column { flex-basis: auto !important; align-self: flex-start !important; }
.entry-content .wp-block-group[class*="-light-background-color"] p:last-child { margin-bottom: 0; }
.entry-content [class*="has-custom-"][class*="-dark-color"] { color: inherit !important; }
/* rámečky (FAQ, výběr, skupiny tlačítek) */
.entry-content .wp-block-group.has-border-color { border: 1px solid var(--c-line) !important; border-radius: 12px !important; background: #fff; padding: 16px 20px !important; margin: 18px 0 !important; box-shadow: var(--shadow-sm); }
.entry-content .wp-block-group.has-accent-2-background-color, .entry-content .wp-block-group.has-accent-3-background-color { background: var(--c-surface-2) !important; border-radius: 12px; border: 1px solid var(--c-line); }
/* vnořené skupiny (např. obsah podle koncovky domény) bez dalšího odsazení */
.entry-content .wp-block-group.has-global-padding:not([class*="-light-background-color"]):not(.has-border-color):not(.has-background) { padding-left: 0 !important; padding-right: 0 !important; }
.entry-content .is-layout-constrained > * { max-width: none !important; }
/* obrázky */
.entry-content .wp-block-image { margin: 22px 0 26px !important; }
.entry-content .wp-block-image img { border-radius: 10px; border: 1px solid var(--c-line); box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05); height: auto; }
.entry-content .wp-element-caption { color: var(--c-muted) !important; font-size: 14px !important; text-align: center; margin-top: 10px !important; }
/* seznamy: číslované kroky */
.entry-content ol.wp-block-list { list-style: none; counter-reset: step; padding-left: 0; margin: 16px 0 18px; }
.entry-content ol.wp-block-list > li { counter-increment: step; position: relative; padding-left: 44px; margin: 0 0 12px; }
.entry-content ol.wp-block-list > li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-surface-3); color: var(--c-brand-dark); font-weight: 700; font-size: 14px; display: grid; place-items: center; line-height: 1; }
.entry-content ul.wp-block-list { padding-left: 22px; margin: 12px 0 18px; }
.entry-content ul.wp-block-list li { margin: 0 0 6px; padding-left: 4px; }
.entry-content ul.wp-block-list li::marker { color: var(--c-brand); }
/* tlačítka */
.entry-content .wp-block-buttons { gap: 10px !important; }
.entry-content .wp-block-button__link { background: var(--c-brand) !important; color: #fff !important; border-radius: 10px !important; padding: 10px 18px !important; font-size: 15px !important; font-weight: 600 !important; border: 0 !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1); }
.entry-content .wp-block-button__link:hover { background: var(--c-brand-dark) !important; }
.entry-content select { height: 42px; border: 1px solid var(--c-line); border-radius: 10px; padding: 0 12px; font: inherit; font-size: 15px; background: #fff; color: var(--c-ink); }

@media (max-width: 1100px) {
  .layout-article { grid-template-columns: 230px minmax(0, 1fr); gap: 28px; }
  .grid-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .header-search, .status, .lang, .brand span { display: none; }
  .header-right .btn .long { display: none; }
  .header-right .btn .short { display: inline; }
  .header-right .btn { height: 38px; padding: 0 12px; font-size: 14px; }
  .hero .wrap { grid-template-columns: 1fr; gap: 28px; padding-top: 40px; padding-bottom: 44px; }
  .hero h1 { font-size: 34px; }
  .grid-3, .grid-4, .article-list { grid-template-columns: 1fr; }
  .layout-cat, .layout-article { grid-template-columns: 1fr; }
  .layout .sidenav, .layout .toc { position: static; display: none; }
  .article-card { padding: 22px 18px; border-radius: 14px; }
  .article-head h1 { font-size: 30px; }
  .support { grid-template-columns: 1fr; padding: 26px 22px; }
  .site-footer .wrap { grid-template-columns: 1fr 1fr; }
  .search-xl .btn { padding: 0 16px; }
}

/* --- doplňky podle rešerše (Hostinger, Cloudflare, DigitalOcean, Seznam) -------------------- */
.skip { position: absolute; left: -9999px; top: 8px; z-index: 50; background: #fff; padding: 8px 14px; border-radius: 8px; box-shadow: var(--shadow); }
.skip:focus { left: 16px; }
.pill.ok { background: var(--c-success-bg); color: var(--c-success); }
.pill .icon { width: 15px; height: 15px; }
.top-box { padding: 20px 24px; margin-bottom: 28px; }
.top-box h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 18px; }
.top-box h2 .icon { color: #e0a100; }
.top-box ol { margin: 0; padding: 0; list-style: none; counter-reset: top; columns: 2; column-gap: 32px; }
.top-box li { counter-increment: top; break-inside: avoid; padding: 7px 0; border-top: 1px solid #edf1f7; font-weight: 500; }
.top-box li::before { content: counter(top) "."; display: inline-block; width: 26px; color: var(--c-muted); font-weight: 700; }
.top-box a { color: var(--c-ink-2); }
.top-box a:hover { color: var(--c-brand); }
.group { margin-bottom: 30px; }
.group h2 { margin: 0 0 12px; font-size: 20px; }
.group h2 span { font-size: 13px; font-weight: 700; color: var(--c-ink-soft); background: #e9eef6; border-radius: 999px; padding: 2px 9px; vertical-align: middle; margin-left: 6px; }
.video-mini { display: flex; flex-direction: column; margin-bottom: 26px; border-radius: var(--radius); overflow: hidden; background: #fff; border: 1px solid var(--c-line); box-shadow: var(--shadow-sm); color: var(--c-ink); }
.video-mini:hover { box-shadow: var(--shadow-hover); }
.video-mini .thumb { aspect-ratio: 16 / 8; }
.video-mini .play { width: 44px; height: 44px; }
.video-mini .txt { display: block; padding: 10px 14px 12px; font-size: 13px; color: var(--c-ink-soft); line-height: 1.45; }
.video-mini .txt b { display: block; color: var(--c-ink); font-size: 14px; }
.toc a.video-mini { border-left: 1px solid var(--c-line); padding: 0; }
.toc-mobile { display: none; margin: 0 0 20px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-surface-2); }
.toc-mobile summary { cursor: pointer; padding: 12px 16px; font-weight: 650; }
.toc-mobile a { display: block; padding: 8px 16px; border-top: 1px solid var(--c-line); font-size: 15px; }
@media (max-width: 860px) { .toc-mobile { display: block; } .top-box ol { columns: 1; } }

/* --- úpravy po připomínkách k maketě -------------------------------------------------------------- */
/* výběr domény: světlý rámeček místo syté modré plochy */
.entry-content .wp-block-columns.has-accent-2-background-color { background: var(--c-surface-2) !important; border: 1px solid var(--c-line); border-radius: 12px; padding: 14px 18px !important; align-items: center !important; }
.entry-content .has-accent-2-background-color p { margin: 0; }
/* číslované kroky navazují i u seznamů s jiným začátkem (<ol start="2">) */
.entry-content ol[start="2"] { counter-reset: step 1; } .entry-content ol[start="3"] { counter-reset: step 2; } .entry-content ol[start="4"] { counter-reset: step 3; }
.entry-content ol[start="5"] { counter-reset: step 4; } .entry-content ol[start="6"] { counter-reset: step 5; } .entry-content ol[start="7"] { counter-reset: step 6; }
.entry-content ol:not(.wp-block-list) { list-style: none; counter-reset: step; padding-left: 0; }
.entry-content ol:not(.wp-block-list)[start="2"] { counter-reset: step 1; }
.entry-content ol:not(.wp-block-list) > li { counter-increment: step; position: relative; padding-left: 44px; margin: 0 0 12px; }
.entry-content ol:not(.wp-block-list) > li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-surface-3); color: var(--c-brand-dark); font-weight: 700; font-size: 14px; display: grid; place-items: center; line-height: 1; }
.entry-content h4 { margin: 24px 0 8px !important; font-size: 17px !important; line-height: 1.4; font-weight: 700; color: var(--c-ink); }
/* rámečky (běžné problémy, časté dotazy): první prvek bez horní mezery */
.entry-content .wp-block-group.has-border-color > :first-child { margin-top: 0 !important; }

/* --- úpravy 2: pozadí jako help.wedos.cz, úvodní plocha jako karta, typografie článku ------------ */
body { background: linear-gradient(180deg, #e4ebf6 0, #f5f8fc 560px) no-repeat, var(--c-surface-2); }
/* úvodní plocha přes celou šířku; šedý přechod začíná pod ní */
.home-bg { background: linear-gradient(180deg, #e4ebf6 0, #f5f8fc 560px) no-repeat, var(--c-surface-2); }
.hero h1 { font-size: 46px; line-height: 1.1; font-weight: 750; letter-spacing: -0.02em; }
/* typografie článku: menší a hustší text (Inter je opticky větší než Open Sans), jasnější odstupňování nadpisů */
.article-head h1 { font-size: 36px; line-height: 1.15; font-weight: 750; letter-spacing: -0.02em; }
.entry-content { font-size: 16px; line-height: 1.65; }
.entry-content p { margin: 0 0 14px; }
.entry-content h2 { font-size: 26px !important; line-height: 1.3; font-weight: 750; letter-spacing: -0.01em; margin: 0 0 14px !important; }
.entry-content h3 { font-size: 20px !important; line-height: 1.35; font-weight: 700; margin: 36px 0 10px !important; }
.entry-content h4 { font-size: 17px !important; line-height: 1.4; }
.entry-content strong { font-weight: 650; }
.entry-content ol.wp-block-list > li, .entry-content ol:not(.wp-block-list) > li { padding-left: 40px; margin-bottom: 10px; }
.entry-content ol.wp-block-list > li::before, .entry-content ol:not(.wp-block-list) > li::before { width: 26px; height: 26px; font-size: 13px; top: 0; }
.entry-content ul.wp-block-list li { margin-bottom: 5px; }

/* časté dotazy: rozbalovací seznam (skript v šabloně, obsah článku beze změny) */
.entry-content .wp-block-group.has-border-color.faq-item { padding: 0 !important; margin: 10px 0 !important; overflow: hidden; }
.entry-content .faq-q { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 15px 20px; cursor: pointer; font-size: 16px; line-height: 1.45; font-weight: 650; color: var(--c-ink); }
.entry-content .faq-q strong { font-weight: 650; }
.entry-content .faq-q:hover { background: var(--c-surface-2); }
.entry-content .faq-q:focus-visible { outline: 2px solid var(--c-brand); outline-offset: -2px; border-radius: 12px; }
.entry-content .faq-q svg { flex: none; width: 18px; height: 18px; color: var(--c-ink-soft); transition: transform 0.2s; }
.entry-content .faq-item.open .faq-q svg { transform: rotate(180deg); }
.entry-content .faq-item.open { border-color: #c5d3ea !important; }
.entry-content .faq-answer { padding: 14px 20px 18px; border-top: 1px solid var(--c-line); }
.entry-content .faq-answer > :first-child { margin-top: 0 !important; }
.entry-content .faq-answer > :last-child { margin-bottom: 0 !important; }
.entry-content .faq-answer[hidden] { padding: 0; border-top: 0; }
.entry-content .faq-item > .faq-answer { margin: 0 !important; }
/* běžné problémy: nadpis problému (h3 s kotvou) je zároveň tlačítko rozbalení */
.entry-content .faq-item > .faq-head { margin: 0 !important; font-size: inherit !important; line-height: inherit; }
.entry-content .faq-head .faq-q { font-size: 17px; font-weight: 700; }
/* hodnocení pod článkem: vlastní karta, odlišná od šedých rámečků obsahu (vidět, ale ne agresivně) */
.article-card .vkb-feedback { margin-top: 48px; padding: 24px 28px; border: 1px solid #d3e0fb; border-radius: 16px; background: linear-gradient(135deg, #f5f8ff 0%, #ecf2ff 100%); }
.article-card .vkb-feedback .vkb-feedback__title { font-size: 19px; font-weight: 750; letter-spacing: -0.01em; }
.article-card .vkb-feedback .vkb-feedback__lead { font-size: 14.5px; }
.article-card .vkb-feedback__btn { height: 44px; padding: 0 22px; border-radius: 22px; box-shadow: inset 0 0 0 1.5px #b9ccf4; }
.article-card .vkb-feedback__btn:hover:not(:disabled) { background: var(--c-brand); color: #fff; box-shadow: none; }
/* když k rámečku čtenář dojde, jednou se jemně zvýrazní (jen dokud nehodnotil) */
.article-card .vkb-feedback.is-noticed { animation: vkb-notice 1.8s ease-out 1; }
@keyframes vkb-notice { 0% { box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.3); } 100% { box-shadow: 0 0 0 16px rgba(41, 98, 255, 0); } }
@media (prefers-reduced-motion: reduce) { .article-card .vkb-feedback.is-noticed { animation: none; } }
@media (max-width: 600px) { .article-card .vkb-feedback { padding: 18px; } .article-card .vkb-feedback .vkb-feedback__title { font-size: 18px; } }

/* jednotné písmo v článku: velikost nastavená v editoru („malé“, „střední“, „velké“, vlastní) se u textu
   srovná na běžný text (16 px), takže všechny návody mají stejnou stupnici. Vlastní velikost si nechávají
   nadpisy, popisky obrázků, tlačítka, kód, ikony a odstavec jen s ikonou (čísla kroků v návodech Začínáme). */
.entry-content [class*="-font-size"]:not(i, h1, h2, h3, h4, h5, h6, figcaption, pre, code, .wp-block-button__link):not(.has-xx-large-font-size:has(> i:only-child)),
.entry-content [style*="font-size"]:not(i, h1, h2, h3, h4, h5, h6, figcaption, pre, code, .wp-block-button__link) { font-size: inherit !important; }
.entry-content p.has-xx-large-font-size:has(> i:only-child) { font-size: 32px !important; line-height: 1.2; }
/* nadpis první úrovně v obsahu (omylem místo nadpisu sekce) vypadá jako nadpis sekce */
.entry-content h1 { margin: 0 0 14px !important; font-size: 26px !important; line-height: 1.3; font-weight: 750; letter-spacing: -0.01em; color: var(--c-ink); scroll-margin-top: 90px; }
.entry-content pre { font-size: 15px !important; line-height: 1.6; }
.entry-content :is(code, kbd) { font-size: 0.92em; }
/* bloky kódu (dokumentace API na kb.wedos.global); Twenty Twenty-Five jim dává pozadí accent-5, tady zelené */
.entry-content .wp-block-code { background: var(--c-surface-2) !important; color: var(--c-ink) !important; border: 1px solid var(--c-line); border-radius: 10px; padding: 14px 18px !important; overflow-x: auto; }
.entry-content :is(pre, code, kbd) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.entry-content .wp-block-code code { font-size: 14px; }
/* === WordPress: šablona místo statické makety ================================================== */
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body { background: linear-gradient(180deg, #e4ebf6 0, #f5f8fc 560px) no-repeat, var(--c-surface-2); }
body.home { background: var(--c-surface-2); }
.brand img { width: auto; }
.lang a { color: var(--c-ink-soft); text-decoration: none; }
.lang a:hover { color: var(--c-brand); }
.status { text-decoration: none; }
.status[hidden] { display: none; }
.status.problem { color: #b45f06; }
.status.problem::before { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.18); }
.header-search input:focus { outline: 2px solid var(--c-brand); outline-offset: 0; background: #fff; }

/* článek: levý sloupec 280 px, text i obrázky na celou šířku karty (dřív text nejvýš 800 px, uživatel chtěl celou šířku) */
.layout-article { grid-template-columns: 280px minmax(0, 1fr); gap: 40px; }
.article-card .wp-block-post-title { margin: 14px 0 26px; font-size: 36px; line-height: 1.15; font-weight: 750; letter-spacing: -0.02em; }
.article-card .entry-content { margin-top: 0; }
.page-wrap { padding-top: 32px; }
.page-card { max-width: 1040px; }
.page-card .page-title { margin: 14px 0 24px; font-size: 36px; line-height: 1.15; font-weight: 750; letter-spacing: -0.02em; }
.not-found .search-xl { margin: 20px 0; box-shadow: none; border: 1px solid var(--c-line); }
.search-again { margin: 0 0 24px; }
.search-again .search-xl { box-shadow: none; border: 1px solid var(--c-line); }
.empty { padding: 24px; }
.empty h2 { margin: 0 0 6px; font-size: 20px; }
.pagination { display: flex; gap: 6px; flex-wrap: wrap; margin: 20px 0; }
.pagination .page-numbers { padding: 8px 12px; border: 1px solid var(--c-line); border-radius: 8px; background: #fff; color: var(--c-ink-2); text-decoration: none; }
.pagination .page-numbers.current { background: var(--c-brand); border-color: var(--c-brand); color: #fff; }
.site-footer .wrap { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.site-footer .address { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.6); }
.site-footer .address strong { color: rgba(255, 255, 255, 0.85); font-weight: 600; }
.footer-note { border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 13px; color: rgba(255, 255, 255, 0.6); }
.footer-note .wrap { display: block; padding-top: 14px; padding-bottom: 14px; }
.footer-ad { text-align: center; padding: 16px 0; background: #fff; }
/* patička z widgetů (Vzhled → Přizpůsobit → Patička, inc/footer.php): počet sloupců a bloky jako ve výchozí patičce */
.site-footer .wrap.footer-cols-1 { grid-template-columns: 1fr; }
.site-footer .wrap.footer-cols-2 { grid-template-columns: 1.5fr 1fr; }
.site-footer .wrap.footer-cols-3 { grid-template-columns: 1.5fr 1fr 1fr; }
.site-footer .wrap.footer-cols-4 { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.site-footer .wrap.footer-cols-5 { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; }
.site-footer .footer-col ul { list-style: none; margin: 0; padding: 0; }
.site-footer .footer-col li { margin: 0; padding: 0; }
.site-footer .footer-col li:not(:has(> a)) { padding: 4px 0; }
.site-footer .footer-widget + .footer-widget { margin-top: 18px; }
/* nadpis sloupce a adresy jsou samostatné widgety (každý blok zvlášť): mezera jako v jednom bloku */
.site-footer .footer-widget:has(> h4:only-child) + .footer-widget,
.site-footer .footer-widget + .footer-widget:has(> .address:only-child) { margin-top: 0; }
.cat-card h3, .start-card h3 { color: var(--c-ink); }
@media (max-width: 1100px) { .layout-article { grid-template-columns: 240px minmax(0, 1fr); gap: 28px; } }
/* vlastní logo (Přizpůsobit → Identita webu) bývá širší než výchozí: na úzké obrazovce se zmenší, hlavička nepřeteče */
@media (max-width: 860px) { .brand { min-width: 0; flex-shrink: 1; } .header-right { flex-shrink: 0; } .brand img { max-width: 100%; height: auto; max-height: 26px; } }
@media (max-width: 860px) { .layout-article { grid-template-columns: minmax(0, 1fr); } .site-footer .wrap { grid-template-columns: 1fr 1fr; } .site-footer .wrap.footer-cols { grid-template-columns: 1fr 1fr; } .site-footer .wrap.footer-cols-1 { grid-template-columns: 1fr; } .section-head { flex-wrap: wrap; } }

/* nadpisy na tmavém pozadí (theme.json barví nadpisy tmavě) */
.hero h1, .support h2 { color: #fff; }
.hero-card h2 { color: rgba(255, 255, 255, 0.7); }

.cat-head { margin-bottom: 24px; }
.search-xl input { width: 100%; min-width: 0; }
@media (max-width: 600px) {
  .cat-head .badge-icon { display: none; }
  .cat-head h1 { font-size: 30px; }
}

/* na mobilu místo pole hledání ikona, která vede na velké hledání na úvodní stránce */
.search-link { display: none; }
@media (max-width: 860px) {
  .search-link { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--c-line); border-radius: 10px; color: var(--c-ink-2); }
  .search-link .icon { width: 18px; height: 18px; }
}

/* výsledky hledání (plugin VEDOS Znalostní báze): zvýrazněná slova, štítek oblasti, upozornění na volné hledání */
.article-item mark { background: none; color: inherit; font-weight: 700; }
.article-item .area-label { order: -1; font-size: 12px; font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-muted); }
.search-note { margin: -8px 0 20px; padding: 12px 16px; border-radius: var(--radius-sm); background: #fff; border: 1px solid var(--c-line); color: var(--c-ink-soft); font-size: 14px; }

/* výběr typu domény v článcích o doménách (CZ, SK, EU…): skript je přímo v obsahu článku a skrývá části
   textu třídou wds-hidden; pravidla převzatá ze staré šablony (twentytwentyfive-child) v novém vzhledu */
.wds-hidden { display: none !important; }
.entry-content .wds-select { display: block; width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--c-line); border-radius: var(--radius-sm); background: #fff; font: inherit; font-size: 16px; color: var(--c-ink); cursor: pointer; }
.entry-content .wds-select:focus { outline: 2px solid var(--c-brand); outline-offset: 1px; }

/* video v článku (videonávody jsou přímo v článcích): kotva pod lepicí hlavičkou, zaoblené rohy jako obrázky */
.entry-content .wp-block-video { margin: 22px 0 26px !important; scroll-margin-top: 90px; }
.entry-content .wp-block-video video { display: block; width: 100%; height: auto; aspect-ratio: auto 16 / 9; border-radius: 10px; background: #0b1220; } /* místo pro video ještě před načtením (bez posunu obsahu) */