/* ==========================================================================
   AC Vyškov – styl webu
   1. Tokeny  2. Základ  3. Layout  4. Tlačítka a drobné prvky  5. Hlavička
   6. Patička  7. Úvodní stránka  8. Podstránky  9. Obsah (prose + prvky z WP)
   10. Formuláře  11. Shortcody  12. Utility
   ========================================================================== */

/* 1. Tokeny ------------------------------------------------------------- */
:root {
	--navy: #062d52;
	--navy-dark: #041f3a;
	--blue: #005fa6;
	--blue-mid: #1e73be;
	--blue-light: #3a9cee;
	--blue-pale: #e9f2fa;
	--blue-50: #f4f8fc;
	--red: #d73629;
	--red-dark: #b72a1f;
	--ink-900: #1c2b39;
	--ink-700: #3d4c5a;
	--ink-500: #6b7885;
	--line: #dde5ec;
	--white: #fff;

	--font: 'Rubik', 'Segoe UI', Roboto, Arial, sans-serif;
	--radius: 4px;
	--container: 1180px;
	--gutter: clamp(16px, 4vw, 30px);
	--header-h: 78px;
}

/* 2. Základ ------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
body { margin: 0; font-family: var(--font); font-size: 16px; line-height: 1.65; color: var(--ink-700); background: var(--white); }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--blue); }
a:hover { color: var(--blue-mid); }
h1, h2, h3, h4 { color: var(--ink-900); line-height: 1.25; font-weight: 500; margin: 0 0 .6em; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 2px; }
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--white); padding: 8px 14px; }
.skip-link:focus { left: 8px; }
.icon { flex-shrink: 0; vertical-align: middle; }
[hidden] { display: none !important; }

/* 3. Layout ------------------------------------------------------------- */
.container { width: 100%; max-width: calc(var(--container) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }
.container--narrow { max-width: calc(860px + 2 * var(--gutter)); }
.section { padding-block: clamp(48px, 7vw, 80px); }
.section--muted { background: var(--blue-50); }
.section__intro { margin-top: 28px; max-width: 760px; }
.section__intro--center { margin-inline: auto; text-align: center; }
.section-row { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; flex-wrap: wrap; }

.section-head { margin-bottom: 32px; max-width: 800px; }
.section-head--center { text-align: center; margin-inline: auto; }
.section-head__title { font-size: clamp(26px, 3.2vw, 34px); color: var(--blue); margin: 0; }
.section-head--light .section-head__title { color: var(--white); }
.eyebrow { display: block; font-size: 14px; color: var(--ink-500); margin-bottom: 4px; }

/* 4. Tlačítka a drobné prvky ----------------------------------------- */
.btn { --btn-bg: var(--blue); --btn-fg: var(--white); display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 22px; border: 0; border-radius: 30px; background: var(--btn-bg); color: var(--btn-fg); font: 500 14px/1.2 var(--font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .15s; white-space: nowrap; }
.btn:hover { color: var(--btn-fg); background: var(--btn-hover, var(--blue-mid)); }
.btn .icon { width: 16px; height: 16px; }
.btn--primary { --btn-bg: var(--red); --btn-hover: var(--red-dark); }
.btn--blue { --btn-bg: var(--blue); --btn-hover: var(--blue-mid); }
.btn--dark { --btn-bg: #1f2a33; --btn-hover: #000; }
.btn--light { --btn-bg: var(--white); --btn-fg: var(--blue); --btn-hover: var(--blue-pale); }
.btn--ghost { --btn-bg: transparent; --btn-hover: rgba(255, 255, 255, .15); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8); }
.btn--outline { --btn-bg: transparent; --btn-fg: var(--blue); --btn-hover: var(--blue-pale); box-shadow: inset 0 0 0 2px var(--blue); }
.btn--lg { padding: 15px 28px; }
.btn--block { display: flex; width: 100%; }
.icon-btn { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: transparent; color: var(--ink-900); cursor: pointer; }
.icon-btn:hover { color: var(--blue); background: var(--blue-50); }

.link-arrow { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; text-decoration: none; color: var(--blue); }
.link-arrow:hover { text-decoration: underline; }

.tag { display: inline-block; padding: 1px 8px; border-radius: 2px; background: var(--blue-pale); color: var(--blue); font-size: 12px; font-weight: 500; text-decoration: none; }
.tag--accent { background: var(--red); color: var(--white); }
.tag--light { background: var(--white); }
.badge { display: inline-block; padding: 5px 12px; background: var(--blue-light); color: var(--white); font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.chip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-500); }
.chip::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #b9c7d4; }
.chip--fiber::before { background: var(--red); }
.chip--60::before { background: var(--blue-light); }

.alert { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; margin-bottom: 24px; border-left: 4px solid; background: var(--blue-50); }
.alert--success { border-color: #2c9a5b; background: #edf8f1; color: #1b6b3d; }
.alert--error, .alert--danger { border-color: var(--red); background: #fcefed; color: var(--red-dark); }

/* 5. Hlavička ----------------------------------------------------------- */
.topbar { background: var(--navy); color: #b5c6d6; font-size: 13px; }
.topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.topbar__support { display: flex; align-items: center; gap: 6px; margin: 0; }
.topbar__support a { color: var(--white); text-decoration: none; }
.topbar__hours { opacity: .75; margin-left: 6px; }
.topbar__links { display: flex; align-items: center; gap: 16px; }
.topbar__links a { color: #d7e2ec; text-decoration: none; }
.topbar__links a:hover { color: var(--white); text-decoration: underline; }
.topbar__social { display: inline-grid; place-items: center; }

.site-header { position: sticky; top: 0; z-index: 50; background: var(--white); border-bottom: 1px solid var(--line); }
.site-header.is-scrolled { box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
.site-header__inner { display: flex; align-items: center; gap: 24px; height: var(--header-h); }
.site-header__logo { flex-shrink: 0; display: block; line-height: 0; }
.site-header__logo img { width: 185px; height: auto; }
.site-header__actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.btn--account { --btn-bg: var(--blue); padding: 10px 18px; }

.main-nav { margin-left: auto; }
.main-nav__list { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.main-nav__item { position: relative; }
.main-nav__link { display: flex; align-items: center; gap: 3px; padding: 0 12px; height: var(--header-h); color: var(--ink-900); font-weight: 500; font-size: 15px; text-decoration: none; border-bottom: 3px solid transparent; border-top: 3px solid transparent; }
.main-nav__link .icon { opacity: .5; }
.main-nav__link:hover { color: var(--blue); }
.main-nav__item.is-active > .main-nav__link { color: var(--blue); border-bottom-color: var(--blue); }
.main-nav__toggle, .main-nav__mobile-extra, .nav-toggle { display: none; }
.dropdown { position: absolute; top: 100%; left: 0; min-width: 290px; display: none; }
.dropdown ul { list-style: none; margin: 0; padding: 6px 0; background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--blue); box-shadow: 0 8px 20px rgba(0, 0, 0, .1); }
.dropdown a { display: block; padding: 9px 18px; text-decoration: none; color: var(--ink-900); }
.dropdown a strong { display: block; font-weight: 500; }
.dropdown a span { display: block; font-size: 13px; color: var(--ink-500); }
.dropdown a:hover, .dropdown a[aria-current] { background: var(--blue-50); color: var(--blue); }
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown { display: block; }

.search-panel { border-top: 1px solid var(--line); background: var(--blue-50); padding-block: 14px; }
.search-panel__form { display: flex; align-items: center; gap: 12px; color: var(--ink-500); }
.search-panel__form input { flex: 1; border: 0; font: 400 19px var(--font); color: var(--ink-900); padding: 8px 0; outline: none; background: transparent; }

/* 6. Patička ------------------------------------------------------------ */
.site-footer { background: var(--navy-dark); color: #a8b8c8; font-size: 14px; }
.site-footer a { color: #dce6ef; text-decoration: none; }
.site-footer a:hover { color: var(--white); text-decoration: underline; }
.site-footer__grid { display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1fr; gap: 40px; padding-block: 56px 40px; }
.site-footer__logo { display: inline-block; background: var(--white); padding: 8px 12px; line-height: 0; margin-bottom: 16px; }
.site-footer__logo img { width: 150px; }
.site-footer__title { color: var(--white); font-size: 16px; font-weight: 500; margin: 0 0 12px; }
.site-footer__title:not(:first-child) { margin-top: 26px; }
.site-footer__social { display: flex; gap: 8px; }
.site-footer__social a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; }
.site-footer__social a:hover { background: var(--blue); border-color: var(--blue); }
.site-footer__support { margin-top: 18px; }
.site-footer__support strong { display: block; color: var(--white); font-weight: 500; }
.site-footer__support a { font-size: 20px; font-weight: 500; color: var(--white); }
.site-footer__company { font-style: normal; line-height: 1.7; }
.site-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13px; }
.site-footer__bottom-inner { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 16px; }
.link-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.contact-list li { display: flex; gap: 10px; align-items: flex-start; }
.contact-list .icon { color: var(--blue-light); margin-top: 3px; }
.contact-list--dark a { color: var(--ink-900); font-weight: 500; text-decoration: none; }
.review-links { display: grid; gap: 6px; }
.review-links a { display: inline-flex; align-items: center; gap: 6px; }
.review-links a .icon { color: #f5b301; fill: #f5b301; }

.admin-bar { position: fixed; left: 12px; bottom: 12px; z-index: 60; display: flex; gap: 2px; padding: 4px; background: #1f2a33; border-radius: var(--radius); font-size: 13px; box-shadow: 0 4px 14px rgba(0, 0, 0, .3); }
.admin-bar a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; color: var(--white); text-decoration: none; }
.admin-bar a:hover { background: rgba(255, 255, 255, .12); color: var(--white); }

/* 7. Úvodní stránka ---------------------------------------------------- */
.hero { position: relative; color: var(--white); background: var(--navy) url('/images/hero.jpg') center 60% / cover no-repeat; }
.hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 40, 77, .82) 0%, rgba(4, 40, 77, .55) 100%); }
.hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 400px); gap: clamp(32px, 6vw, 80px); align-items: center; padding-block: clamp(56px, 8vw, 100px); }
.hero__title { color: var(--white); font-size: clamp(36px, 5vw, 54px); font-weight: 500; line-height: 1.1; margin-bottom: 8px; }
.hero__subtitle { font-size: clamp(19px, 2vw, 24px); color: var(--blue-light); font-weight: 400; margin: 0 0 22px; }
.hero__text { font-size: 18px; color: #dbe7f2; max-width: 540px; }
.hero__text p:last-child { margin-bottom: 0; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero__card { background: var(--white); color: var(--ink-700); padding: 28px 28px 30px; border-top: 4px solid var(--blue-light); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.hero__card-title { font-size: 22px; color: var(--blue); margin: 14px 0 6px; }
.hero__card-text { font-size: 14px; color: var(--ink-500); margin-bottom: 18px; }

.section--services { padding: 0; }
.services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.services-grid--inline { margin-block: 32px; gap: 2px; }
.service-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 34px 24px 0; background: var(--card-bg, var(--blue)); color: var(--white); text-decoration: none; }
.service-card:hover { color: var(--white); filter: brightness(1.06); }
.service-card--1 { --card-bg: var(--navy); }
.service-card--2 { --card-bg: var(--blue); }
.service-card--3 { --card-bg: var(--blue-light); }
.service-card--4 { --card-bg: var(--red); }
.service-card__icon { margin-bottom: 10px; opacity: .95; }
.service-card__icon .icon { width: 44px; height: 44px; stroke-width: 1.5; }
.service-card__title { color: var(--white); font-size: 26px; font-weight: 500; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 4px; }
.service-card__text { font-size: 14px; color: rgba(255, 255, 255, .85); margin-bottom: 6px; max-width: 260px; }
.service-card__price { font-size: 15px; margin: 0 0 22px; }
.service-card__btn { margin-top: auto; transform: translateY(50%); display: inline-flex; align-items: center; gap: 6px; padding: 11px 22px; border-radius: 30px; background: #1f2a33; font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.service-card:hover .service-card__btn { background: #000; }
.section--services + .section { padding-top: clamp(72px, 9vw, 100px); }

.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.stat { text-align: center; }
.stat__value { display: block; font-size: clamp(46px, 5.5vw, 64px); font-weight: 300; color: var(--blue-light); line-height: 1; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 2px solid var(--line); }
.stat__value small { font-size: .4em; margin-left: 4px; }
.stat__label { display: block; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--blue); max-width: 220px; margin-inline: auto; }

.about { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: center; }
.about__img { width: 100%; display: block; }
.about__text .section-head { margin-bottom: 18px; }

.section--coverage { background: var(--blue-50); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.coverage { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); }
.coverage__legend { display: flex; flex-wrap: wrap; gap: 16px; margin: 18px 0 26px; }

.posts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 8px; }
.post-card { display: flex; flex-direction: column; background: var(--white); border-bottom: 1px solid var(--line); padding-bottom: 20px; }
.post-card--sticky .post-card__title a { color: var(--red); }
.post-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--blue-pale); margin-bottom: 16px; }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.post-card__placeholder { display: grid; place-items: center; height: 100%; color: var(--blue-light); background: var(--blue-pale); }
.post-card__placeholder .icon { stroke-width: 1.5; }
.post-card__body { display: flex; flex-direction: column; flex: 1; }
.post-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--ink-500); margin-bottom: 6px; }
.post-card__title { font-size: 19px; margin-bottom: 8px; }
.post-card__title a { color: var(--ink-900); text-decoration: none; }
.post-card__title a:hover { color: var(--blue); text-decoration: underline; }
.post-card__perex { font-size: 15px; color: var(--ink-500); flex: 1; }

.cta-band { background: var(--blue); color: var(--white); }
.cta-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-block: 36px; flex-wrap: wrap; }
.cta-band__title { color: var(--white); font-size: clamp(22px, 2.5vw, 28px); margin-bottom: 4px; }
.cta-band__text { color: #d4e5f5; max-width: 640px; }
.cta-band__text p:last-child { margin: 0; }
.cta-band__actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.cta-band__phone { display: inline-flex; align-items: center; gap: 8px; color: var(--white); font-size: 22px; font-weight: 500; text-decoration: none; }
.cta-band__phone:hover { color: var(--white); text-decoration: underline; }

.section--reviews { background: var(--blue-50); }
.review-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }
.review-card { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border: 1px solid var(--line); background: var(--white); text-decoration: none; color: var(--ink-900); }
.review-card:hover { border-color: var(--blue); color: var(--blue); }
.review-card__stars { color: #f5b301; letter-spacing: 1px; }
.review-card strong { font-weight: 500; }
.review-card span:last-child { display: none; }

/* 8. Podstránky -------------------------------------------------------- */
.page-hero { background: var(--blue-50); border-bottom: 1px solid var(--line); padding-block: 28px 32px; }
.page-hero__bg { display: none; }
.page-hero__title { color: var(--blue); font-size: clamp(28px, 3.6vw, 40px); margin: 10px 0 0; max-width: 900px; }
.page-hero__perex { font-size: 18px; color: var(--ink-500); margin: 8px 0 0; max-width: 760px; }
.page-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 12px; color: var(--ink-500); font-size: 14px; }
.page-hero__meta span { display: inline-flex; align-items: center; gap: 5px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: 13px; color: var(--ink-500); }
.breadcrumbs li + li::before { content: '›'; margin-right: 6px; }
.breadcrumbs a { color: var(--ink-500); }

.subnav { background: var(--white); border-bottom: 1px solid var(--line); }
.subnav__inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.subnav__inner::-webkit-scrollbar { display: none; }
.subnav__item { flex-shrink: 0; padding: 14px 14px 11px; color: var(--ink-700); font-size: 15px; text-decoration: none; border-bottom: 3px solid transparent; }
.subnav__item:hover { color: var(--blue); }
.subnav__item.is-active { color: var(--blue); border-bottom-color: var(--blue); font-weight: 500; }

.page-body { padding-block: clamp(36px, 5vw, 60px); }
.page-body--sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: start; }
.aside { display: grid; gap: 20px; }
.aside-card { padding: 22px; border: 1px solid var(--line); background: var(--white); }
.aside-card h2 { font-size: 19px; }
.aside-card--accent { background: var(--blue); color: #d4e5f5; border: 0; }
.aside-card--accent h2 { color: var(--white); }

.article__image { width: 100%; margin-bottom: 28px; }
.article__footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); }
.share { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); text-decoration: none; font-weight: 500; }

.page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-block: 24px; }
.page-card { display: flex; flex-direction: column; gap: 6px; padding: 22px; border: 1px solid var(--line); text-decoration: none; color: var(--ink-700); }
.page-card:hover { border-color: var(--blue); color: var(--ink-700); }
.page-card__img { margin-bottom: 8px; }
.page-card__title { font-size: 19px; font-weight: 500; color: var(--blue); }

.pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 40px; }
.pagination__item { display: inline-flex; align-items: center; gap: 4px; min-width: 40px; height: 40px; justify-content: center; padding: 0 12px; border: 1px solid var(--line); text-decoration: none; color: var(--ink-700); }
.pagination__item:hover { border-color: var(--blue); color: var(--blue); }
.pagination__item.is-current { background: var(--blue); border-color: var(--blue); color: var(--white); }
.pagination__gap { align-self: center; padding: 0 4px; }

.search-form { display: flex; gap: 10px; margin-bottom: 32px; }
.search-form input { flex: 1; }
.search-heading { font-size: 21px; margin-top: 32px; }
.search-results { list-style: none; margin: 0; padding: 0; }
.search-results a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink-700); }
.search-results strong { display: block; color: var(--blue); font-size: 17px; font-weight: 500; }
.search-results a:hover strong { text-decoration: underline; }
.search-results span { font-size: 14px; color: var(--ink-500); }

.error-page { padding-block: clamp(56px, 9vw, 100px); text-align: center; }
.error-page__code { display: block; font-size: clamp(72px, 12vw, 130px); font-weight: 300; line-height: 1; color: var(--blue-light); }
.error-page .search-form { max-width: 520px; margin: 24px auto; }

/* 9. Obsah: typografie a prvky převzaté z WordPressu --------------------- */
.prose > :first-child { margin-top: 0; }
.prose h2 { font-size: clamp(23px, 2.4vw, 28px); color: var(--blue); margin-top: 1.7em; }
.prose h3 { font-size: 21px; margin-top: 1.5em; }
.prose h4 { font-size: 18px; margin-top: 1.4em; }
.prose ul:not([class]), .prose ol:not([class]) { padding-left: 1.3em; margin: 0 0 1.2em; }
.prose ul:not([class]) li { margin-bottom: .3em; }
.prose img.aligncenter, .prose .aligncenter { display: block; margin-inline: auto; }
.prose .alignleft { float: left; margin: 0 24px 16px 0; }
.prose .alignright { float: right; margin: 0 0 16px 24px; }
.prose blockquote { margin: 1.5em 0; padding: 12px 20px; border-left: 4px solid var(--blue-light); background: var(--blue-50); }
.prose hr, .prose .omsc-divider { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.prose address { font-style: normal; }
.prose iframe { border: 0; }
.prose .wp-caption { max-width: 100%; }
.prose .wp-caption-text { font-size: 14px; color: var(--ink-500); text-align: center; }
.prose::after { content: ''; display: table; clear: both; }

.prose table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; }
.prose th, .prose td { padding: 9px 12px; text-align: left; vertical-align: top; border: 1px solid var(--line); }
.prose thead th, .prose tr:first-child th { background: var(--blue); color: var(--white); font-weight: 500; border-color: var(--blue); }
.prose tbody tr:nth-child(even) td { background: var(--blue-50); }
.table-scroll { overflow-x: auto; margin: 1.5em 0; }
.table-scroll table { margin: 0; min-width: 560px; }

.prose .omsc-button, .prose .pbbutton { display: inline-flex; align-items: center; justify-content: center; padding: 11px 20px; border-radius: 30px; background: var(--blue); color: var(--white); font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.prose .omsc-button:hover, .prose .pbbutton:hover { background: var(--blue-mid); color: var(--white); }

/* ceníkové tabulky (omsc pricing) */
.prose .omsc-pricing-table-wrapper { margin: 2em 0; }
.prose .omsc-pricing-table > .omsc-clear { display: none; }
.prose .omsc-pricing-table { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; align-items: stretch; }
.prose .omsc-pricing-column { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0 0 20px; border: 1px solid var(--line); background: var(--white); text-align: center; }
.prose .omsc-pricing-column li { padding: 8px 18px; margin: 0; font-size: 15px; border-bottom: 1px solid #edf1f5; }
.prose .omsc-pricing-column li:last-child { border-bottom: 0; }
.prose .omsc-pricing-title { padding: 18px !important; background: var(--blue); color: var(--white); font-size: 21px !important; font-weight: 500; text-transform: uppercase; letter-spacing: .02em; border: 0 !important; }
.prose .omsc-pricing-title-comment { font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 400; color: #cfe2f4; margin-top: 2px; }
.prose .omsc-pricing-price { padding: 16px 18px !important; font-size: 32px !important; font-weight: 300; color: var(--blue); line-height: 1.1; }
.prose .omsc-price-comment { font-size: 13px; color: var(--ink-500); }
.prose .omsc-pricing-button { border: 0 !important; padding-top: 12px !important; }
.prose .omsc-pricing-column li:not(.omsc-pricing-button) { display: flex; flex-direction: column; justify-content: center; }
.prose .omsc-pricing-column li.omsc-pricing-button:not(.omsc-pricing-button + .omsc-pricing-button) { margin-top: auto; }
.prose .omsc-pricing-button + .omsc-pricing-button { padding-top: 2px !important; }
.prose .omsc-pricing-button .omsc-button { width: 100%; }
.prose .omsc-pricing-column-featured { border-color: var(--red); }
.prose .omsc-pricing-column-featured .omsc-pricing-title { background: var(--red); }
.prose .omsc-pricing-column-featured .omsc-pricing-button .omsc-button { background: var(--red); }

/* rozbalovací otázky (omsc toggle) */
.prose .omsc-toggle { border-bottom: 1px solid var(--line); }
.prose .omsc-toggle:first-of-type, .prose h2 + .omsc-toggle { border-top: 1px solid var(--line); }
.prose .omsc-toggle-title { position: relative; padding: 14px 40px 14px 0; font-weight: 500; color: var(--ink-900); cursor: pointer; user-select: none; }
.prose .omsc-toggle-title::after { content: '+'; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; color: var(--blue); }
.prose .omsc-toggle-title:hover, .prose .omsc-toggle.is-open .omsc-toggle-title { color: var(--blue); }
.prose .omsc-toggle.is-open .omsc-toggle-title::after { content: '–'; }
.prose .omsc-toggle-inner { display: none; padding: 0 0 16px; }
.prose .omsc-toggle.is-open .omsc-toggle-inner { display: block; }

/* boxy, sloupce, upozornění */
.prose .omsc-box, .prose .box { height: 100%; padding: 22px; border: 1px solid var(--line); background: var(--white); }
.prose .omsc-box h3 { margin-top: 0; color: var(--blue); }
.prose .cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 1.5em 0; }
.prose .omsc-one-half { float: left; width: calc(50% - 20px); margin-right: 40px; }
.prose .omsc-one-half.omsc-last { margin-right: 0; }
.prose .omsc-clear, .prose .clear { clear: both; }
.prose .omsc-infobox, .prose .notice { padding: 18px 22px; margin: 0 0 2em; background: var(--red); color: var(--white); }
.prose .omsc-infobox h3, .prose .omsc-infobox strong { color: var(--white); margin-top: 0; }
.prose .omsc-infobox p:last-child { margin-bottom: 0; }
.prose .omsc-custom-table-wrapper { overflow-x: auto; }
.prose sup { font-size: .7em; }

/* 10. Formuláře -------------------------------------------------------- */
input[type=text], input[type=email], input[type=tel], input[type=search], input[type=number], select, textarea { width: 100%; max-width: 100%; min-width: 0; padding: 11px 14px; border: 1px solid #c5d1dc; border-radius: var(--radius); background: var(--white); color: var(--ink-900); font: 400 16px/1.4 var(--font); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--blue-light); box-shadow: 0 0 0 3px rgba(58, 156, 238, .2); }
select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7885' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 38px; }
textarea { resize: vertical; min-height: 110px; }
input[type=file] { width: 100%; padding: 10px; border: 1px dashed #c5d1dc; background: var(--blue-50); font: inherit; font-size: 14px; }
.form-card { margin: 2em 0; padding: clamp(20px, 3.5vw, 32px); background: var(--blue-50); border-top: 4px solid var(--blue); }
.form-card__title { font-size: 22px; color: var(--blue); margin-top: 0 !important; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.form-grid__full { grid-column: 1 / -1; }
.field { margin-bottom: 14px; }
.field label, .voip-check__form > label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 500; color: var(--ink-900); }
.field__req { color: var(--red); margin-left: 2px; }
.field__help { display: block; margin-top: 4px; color: var(--ink-500); font-size: 13px; }
.field__errors { list-style: none; margin: 4px 0 0; padding: 0; color: var(--red-dark); font-size: 13px; }
.field--error input, .field--error select, .field--error textarea { border-color: var(--red); }
.choice-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; }
.check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; font-size: 15px; font-weight: 400 !important; margin: 0 !important; }
.check input { width: 17px; height: 17px; accent-color: var(--blue); margin: 3px 0 0; flex-shrink: 0; }
.form__footer { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 8px; }
.form__note { margin: 0; font-size: 13px; color: var(--ink-500); flex: 1; min-width: 220px; }
.form--compact .field { margin-bottom: 10px; }
.hp-field { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* 11. Shortcody -------------------------------------------------------- */
.coverage-map { position: relative; margin: 2em 0; border: 1px solid var(--line); }
.coverage-map__canvas { height: min(75vh, 640px); background: var(--blue-50); }
.coverage-map__loading { display: grid; place-items: center; height: 100%; margin: 0; color: var(--ink-500); }
.coverage-map__controls { position: absolute; top: 10px; right: 10px; z-index: 500; display: grid; gap: 4px; padding: 10px 12px; background: var(--white); box-shadow: 0 1px 6px rgba(0, 0, 0, .2); font-size: 14px; }
.coverage-map__controls label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.dot { width: 11px; height: 11px; border-radius: 50%; display: inline-block; }
.dot--fiber { background: #e0331f; }
.dot--gpon { background: #b0369f; }
.dot--wifi { background: var(--blue-light); }
.leaflet-container { font-family: var(--font); }

.locality-list { list-style: none; margin: 1em 0; padding: 0; columns: 4 170px; column-gap: 24px; }
.locality { break-inside: avoid; padding: 3px 0 3px 16px; position: relative; font-size: 15px; color: var(--ink-700); }
.locality::before { content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #b9c7d4; }
.locality--fiber { color: var(--ink-900); font-weight: 500; }
.locality--fiber::before { background: var(--red); }
.locality--60::before { background: var(--blue-light); }
.locality-list--compact { margin: 0; }
.locality-legend { display: flex; gap: 16px; flex-wrap: wrap; }

.doc-list { list-style: none; margin: 0 0 1.5em; padding: 0; border-top: 1px solid var(--line); }
.doc-list__item { display: flex; align-items: center; gap: 14px; padding: 14px 4px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink-700); }
.doc-list__item:hover { background: var(--blue-50); color: var(--ink-700); }
.doc-list__item > .icon { margin-left: auto; color: var(--blue); }
.doc-list__icon { display: grid; place-items: center; width: 40px; height: 46px; background: var(--red); color: var(--white); font-size: 11px; font-weight: 500; flex-shrink: 0; }
.doc-list__text strong { display: block; color: var(--blue); font-weight: 500; }
.doc-list__text small { display: block; color: var(--ink-500); font-size: 14px; }

.voip-check__row { display: flex; gap: 10px; }
.voip-check__row input { max-width: 240px; font-size: 21px; letter-spacing: .1em; }
.voip-check__result { margin: 14px 0 0; padding: 12px 14px; border-left: 4px solid; }
.voip-check__result.is-free { border-color: #2c9a5b; background: #edf8f1; color: #1b6b3d; }
.voip-check__result.is-taken { border-color: var(--red); background: #fcefed; color: var(--red-dark); }
.voip-check__interest { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.voip-check__interest h3 { margin-top: 0 !important; }
.embed-sledovanitv { margin: 1em 0; }

/* 12. Responzivita ----------------------------------------------------- */
@media (max-width: 1180px) {
	.main-nav__link { padding: 0 8px; font-size: 14px; }
	.site-header__logo img { width: 160px; }
	.topbar__hours { display: none; }
}
@media (max-width: 1024px) {
	:root { --header-h: 66px; }
	.nav-toggle { display: inline-grid; }
	.nav-toggle__close { display: none; }
	.nav-open .nav-toggle__open { display: none; }
	.nav-open .nav-toggle__close { display: inline; }
	.main-nav { position: fixed; inset: var(--header-h) 0 0; top: calc(var(--header-h) + 36px); margin: 0; padding: 8px var(--gutter) 32px; background: var(--white); overflow-y: auto; display: none; border-top: 1px solid var(--line); }
	.is-scrolled .main-nav { top: var(--header-h); }
	.nav-open .main-nav { display: block; }
	.main-nav__list { flex-direction: column; align-items: stretch; }
	.main-nav__item { border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: center; }
	.main-nav__link { flex: 1; height: auto; padding: 14px 2px; font-size: 17px; border: 0 !important; }
	.main-nav__link .icon { display: none; }
	.main-nav__toggle { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 0; background: none; color: var(--blue); cursor: pointer; }
	.main-nav__toggle[aria-expanded=true] .icon { transform: rotate(180deg); }
	.dropdown { position: static; width: 100%; min-width: 0; padding: 0 0 10px; display: none !important; }
	.dropdown ul { box-shadow: none; border: 0; padding: 0; background: var(--blue-50); }
	.main-nav__item.is-open .dropdown { display: block !important; }
	.main-nav__mobile-extra { display: grid; gap: 10px; margin-top: 24px; }
	.btn--account span { display: none; }
	.btn--account { padding: 10px; }
	.hero__inner, .coverage, .about, .page-body--sidebar { grid-template-columns: minmax(0, 1fr); }
	.services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.service-card { padding-bottom: 40px; }
	.service-card__btn { transform: none; }
	.section--services + .section { padding-top: clamp(48px, 7vw, 80px); }
	.stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }
	.posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.site-footer__grid { grid-template-columns: 1fr 1fr; }
	body.nav-open { overflow: hidden; }
}
@media (max-width: 680px) {
	.topbar__links a:not(.topbar__social) { display: none; }
	.site-header__logo img { width: 140px; }
	.hero__actions .btn { width: 100%; }
	.hero__card { padding: 22px 18px; }
	.services-grid, .posts-grid, .form-grid, .choice-chips, .prose .cols-3 { grid-template-columns: minmax(0, 1fr); }
	.site-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.prose .omsc-one-half { float: none; width: auto; margin-right: 0; }
	.prose .alignleft, .prose .alignright { float: none; margin: 0 auto 16px; display: block; }
	.voip-check__row, .search-form { flex-direction: column; }
	.voip-check__row input { max-width: none; }
	.cta-band__actions, .cta-band__actions .btn { width: 100%; }
	.article__footer { flex-direction: column; align-items: flex-start; }
	.coverage-map__controls { position: static; box-shadow: none; }
	.admin-bar { left: 8px; right: 8px; bottom: 8px; overflow-x: auto; }
}