/* Ukážková obec Javorovce – doplnky nad ID-SK 2 a ID-SK 3. */
:root {
  --obec-blue: #003078;
  --obec-text: #0b0c0c;
  --obec-muted: #505a5f;
  --obec-soft: #f3f2f1;
  --obec-soft-blue: #e8eef7;
  --obec-focus: #ffdd00;
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 40em) { main { hyphens: auto; -webkit-hyphens: auto; } }
h1, h2, h3 { hyphens: manual; text-wrap: balance; }
.govuk-skip-link:not(:focus):not(:active) { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
img { max-width: 100%; height: auto; }
/* Obsah obce na celú šírku obrazovky (ID-SK 2 má predvolene 960 px, ID-SK 3 1440 px). */
.obec .govuk-width-container { max-width: 1440px; }
@media (min-width: 64em) { .obec .govuk-width-container { margin-left: max(30px, calc((100% - 1440px) / 2)); margin-right: max(30px, calc((100% - 1440px) / 2)); } }
@media (max-width: 40.0525em) { .obec .govuk-width-container { margin-left: max(16px, env(safe-area-inset-left)); margin-right: max(16px, env(safe-area-inset-right)); } }
.obec-footer .idsk-footer-extended-description-panel > .govuk-grid-row { margin-left: 0; margin-right: 0; }
body, .obec-quick, .obec-hours, .obec-news__meta, .obec-event, .obec-facts, .obec-timeline, .obec-service__meta, .obec-brand, .obec-alert { font-family: "Source Sans Pro", Arial, sans-serif; -webkit-font-smoothing: antialiased; }

/* Farebné štítky (táto verzia ID-SK ich nemá) */
.govuk-tag--grey { color: #383f43; background: #eeefef; }
.govuk-tag--green { color: #005a30; background: #cce2d8; }
.govuk-tag--blue { color: #144e81; background: #d2e2f1; }
.govuk-tag--purple { color: #3d2375; background: #dbd5e9; }
.govuk-tag--yellow { color: #594d00; background: #fff7bf; }

/* Hlásenie */
.obec-alert { margin-bottom: 48px; background: var(--obec-soft-blue); }
.obec-alert__header { padding: 8px 24px; background: var(--obec-blue); }
.obec-alert__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; color: #fff; }
.obec-alert__content { padding: 16px 24px 4px; }
.obec-alert__heading { margin: 0 0 12px; font-size: 22px; font-weight: 700; line-height: 1.35; color: var(--obec-text); }
.obec-alert--success .obec-alert__header { background: #00703c; }
.obec-alert--success { background: #e6f1eb; }
.obec-nav--current > .idsk-header-web__nav-list-item-link { font-weight: 700; text-decoration: underline; text-underline-offset: 6px; }
.obec-muted { color: var(--obec-muted); }
.obec-nowrap { white-space: nowrap; }
.obec-optional { font-weight: 400; color: var(--obec-muted); }

/* Hlavička */
.obec-demo-banner .idsk-header-web__banner-title { margin: 0; padding: 6px 0; }
.obec-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--obec-text); }
.obec-brand:focus { outline: 3px solid transparent; background: var(--obec-focus); box-shadow: 0 -2px var(--obec-focus), 0 4px var(--obec-text); }
.obec-brand__erb { width: 40px; height: 48px; flex: none; }
.obec-brand__text { display: flex; flex-direction: column; line-height: 1.15; }
.obec-brand__name { font-size: 24px; font-weight: 700; }
.obec-brand__sub { font-size: 14px; color: var(--obec-muted); }
.obec-header .idsk-header-web__main-headline { display: flex; align-items: center; justify-content: space-between; }
.obec-header .idsk-header-web__main-action-search .govuk-button { background-image: url("/obec/idsk/v2/assets/images/loupe.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px; }
.obec-header .idsk-header-web__main--buttons .idsk-button { margin-bottom: 0; }
@media (min-width: 64em) { .obec-nav-mobile-buttons { display: none; } }

/* Úvodný obrázok */
.obec-hero { position: relative; min-height: 460px; display: flex; align-items: flex-end; color: #fff; background: #1d2a1c; overflow: hidden; }
.obec-hero picture { position: absolute; inset: 0; }
.obec-hero__img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.obec-hero__shade { position: relative; width: 100%; padding: 120px 0 40px; background: linear-gradient(180deg, rgba(11, 12, 12, 0) 0%, rgba(11, 12, 12, .55) 45%, rgba(11, 12, 12, .82) 100%); }
.obec-hero__box { max-width: 40em; }
.obec-hero__caption, .obec-hero__title, .obec-hero__lead { color: #fff; }
.obec-hero__caption { margin-bottom: 4px; color: #e6e9ea; }
.obec-hero__title { margin-bottom: 16px; line-height: 1.1; }
.obec-hero__lead { margin-bottom: 24px; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
.obec-hero__actions { display: flex; flex-wrap: wrap; gap: 12px 16px; }
.obec-hero__actions .idsk-button { margin-bottom: 0; }
.obec-hero .idsk-button--secondary { background: #fff; color: var(--obec-blue); box-shadow: 0 2px 0 #929191; }
.obec-hero--small { min-height: 340px; }
.obec-hero--small .obec-hero__shade { padding-top: 96px; }
@media (min-width: 64em) {
  .obec-hero { min-height: 560px; }
  .obec-hero--small { min-height: 380px; }
  .obec-hero__shade { padding-bottom: 56px; }
}
.obec-main--after-hero { padding-top: 0; }

/* Rýchle odkazy pod obrázkom */
.obec-quick { list-style: none; margin: 0 0 40px; padding: 0; display: grid; gap: 2px; background: #fff; }
@media (min-width: 40em) { .obec-quick { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64em) { .obec-quick { grid-template-columns: repeat(4, 1fr); margin-top: -40px; position: relative; } }
.obec-quick__link { display: block; height: 100%; box-sizing: border-box; padding: 20px 20px 24px; background: var(--obec-soft-blue); text-decoration: none; color: var(--obec-text); }
.obec-quick__link:hover { background: #d2deef; }
.obec-quick__link:focus { outline: 3px solid transparent; background: var(--obec-focus); box-shadow: inset 0 -4px var(--obec-text); }
.obec-quick__title { display: block; margin-bottom: 6px; font-size: 19px; font-weight: 700; color: var(--obec-blue); text-decoration: underline; text-underline-offset: 3px; }
.obec-quick__link:focus .obec-quick__title { color: var(--obec-text); }
.obec-quick__text { display: block; font-size: 16px; line-height: 1.4; color: var(--obec-text); }

/* Sekcie */
.obec-section { margin-bottom: 56px; }
@media (min-width: 64em) { .obec-section { margin-bottom: 72px; } }
.obec-section__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; }
.obec-section__head .govuk-heading-l { margin-bottom: 20px; }

/* Aktuality */
.obec-news-grid { display: grid; gap: 32px; }
@media (min-width: 64em) { .obec-news-grid { grid-template-columns: 3fr 2fr; gap: 40px; } }
.obec-news-grid__side { display: grid; gap: 28px; align-content: start; }
@media (min-width: 40em) and (max-width: 63.99em) { .obec-news-grid__side { grid-template-columns: 1fr 1fr; } }
@media (min-width: 64em) {
  .obec-news-grid__side .obec-news { display: grid; grid-template-columns: 160px 1fr; gap: 16px; align-items: start; }
  .obec-news-grid__side .obec-news__img { margin-bottom: 0; }
  .obec-news-grid__side .obec-news__perex { display: none; }
}
.obec-news { position: relative; }
.obec-news__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 12px; background: var(--obec-soft); }
.obec-news--big .obec-news__img { aspect-ratio: 16 / 10; margin-bottom: 16px; }
.obec-news__meta { margin: 0 0 6px; font-size: 16px; color: var(--obec-muted); }
.obec-news__meta .govuk-tag { margin-left: 6px; vertical-align: 1px; }
.obec-news__title { margin-bottom: 8px; }
.obec-news--big .obec-news__title { text-wrap: pretty; }
.obec-news__link::after { content: ""; position: absolute; inset: 0; }
.obec-news__link:focus::after { box-shadow: 0 0 0 3px var(--obec-focus); }
.obec-news__perex { margin-bottom: 0; }
.obec-news-list { display: grid; gap: 40px 30px; margin-bottom: 40px; }
@media (min-width: 40em) { .obec-news-list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64em) { .obec-news-list { grid-template-columns: repeat(3, 1fr); } }

/* Služby */
.obec-services { list-style: none; margin: 0 0 24px; padding: 0; }
.obec-services__group { margin-top: 32px; }
.obec-service { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 16px 0; border-bottom: 1px solid #b1b4b6; }
.obec-service:first-child { border-top: 1px solid #b1b4b6; }
.obec-service__main { flex: 1 1 20em; }
.obec-service__title { margin-bottom: 4px; }
.obec-service__text { margin-bottom: 0; color: var(--obec-muted); }
.obec-service__meta { flex: 0 0 auto; margin: 2px 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 16px; }
@media (min-width: 40em) { .obec-service__meta { align-items: flex-end; text-align: right; } }
.obec-service__time { color: var(--obec-muted); }
.obec-levels dt { margin-top: 12px; }
.obec-levels dd { margin: 6px 0 0; }

/* Podujatia */
.obec-events { list-style: none; margin: 0 0 16px; padding: 0; }
.obec-event { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 14px 0; }
.obec-event + .obec-event { border-top: 1px solid #b1b4b6; }
.obec-event__date { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60px; background: var(--obec-blue); color: #fff; line-height: 1; }
.obec-event__day { font-size: 26px; font-weight: 700; }
.obec-event__month { margin-top: 4px; font-size: 14px; text-transform: lowercase; }
.obec-event__title { margin-bottom: 2px; }
.obec-event__info { margin-bottom: 4px; color: var(--obec-muted); }
.obec-event__text { margin-bottom: 0; }
.obec-events--wide .obec-event { grid-template-columns: 72px 1fr; padding: 20px 0; }
.obec-events--wide .obec-event__date { height: 76px; }
.obec-events--wide .obec-event__day { font-size: 32px; }

/* Fotka + text */
.obec-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--obec-soft); }
.obec-photo--aside { margin-bottom: 0; }
.obec-photo--block { margin-bottom: 24px; }
.obec-feature { display: grid; gap: 24px; align-items: center; }
@media (min-width: 48em) {
  .obec-feature { grid-template-columns: 1fr 1fr; gap: 48px; }
  .obec-feature--reverse .obec-feature__media { order: 2; }
}
.obec-feature__body > :last-child { margin-bottom: 0; }

/* Aplikácia */
.obec-app { display: grid; background: var(--obec-blue); color: #fff; }
.obec-app .govuk-heading-l, .obec-app .govuk-body-l, .obec-app .govuk-body, .obec-app .govuk-list { color: #fff; }
.obec-app__body { padding: 32px 24px; }
.obec-app__media img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.obec-app__stores { margin-bottom: 0; color: #dbe3ef !important; }
@media (min-width: 48em) {
  .obec-app { grid-template-columns: 3fr 2fr; }
  .obec-app__body { padding: 48px; }
}

/* Fakty */
.obec-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 24px; margin: 0 0 24px; }
.obec-facts__item { display: flex; flex-direction: column-reverse; }
.obec-facts__value { margin: 0; font-size: 32px; font-weight: 700; line-height: 1.1; color: var(--obec-blue); font-variant-numeric: tabular-nums; }
.obec-facts__label { font-size: 16px; color: var(--obec-muted); }
.obec-facts--row { padding: 24px; background: var(--obec-soft-blue); margin-bottom: 40px; }
@media (min-width: 48em) { .obec-facts--row { grid-template-columns: repeat(4, 1fr); } }

/* Bočný panel */
.obec-aside { padding: 20px 24px 8px; background: var(--obec-soft); margin-bottom: 24px; }
.obec-aside .govuk-heading-s { margin-bottom: 8px; }
.obec-aside__list li { margin-bottom: 14px; }
.obec-aside--erb img { display: block; margin: 4px 0 16px; }

/* Galéria */
.obec-gallery { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); margin-bottom: 40px; }
@media (min-width: 64em) { .obec-gallery { grid-template-columns: repeat(4, 1fr); } }

/* Článok */
.obec-figure { margin: 0 0 32px; }
.obec-figure img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

/* Ľudia */
.obec-people { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 24px 30px; }
@media (min-width: 40em) { .obec-people { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64em) { .obec-people { grid-template-columns: repeat(4, 1fr); } }
.obec-people__item { padding: 20px; background: var(--obec-soft); }
.obec-people__name { margin-bottom: 4px; }
.obec-people__role { color: var(--obec-muted); }
.obec-people__item > :last-child { margin-bottom: 0; }

/* Odpady */
.obec-bin { display: inline-block; width: 14px; height: 14px; margin-right: 10px; border-radius: 50%; vertical-align: -1px; background: #0b0c0c; }
.obec-bin--yellow { background: #ffbf47; box-shadow: inset 0 0 0 1px #8a6500; }
.obec-bin--green { background: #5e8b3d; }
.obec-bin--blue { background: #1d70b8; }
.obec-bin--teal { background: #28a197; }
.obec-bin--black { background: #0b0c0c; }

/* Zvozový kalendár */
.obec-zvoz__presun { display: block; margin-left: 24px; color: var(--obec-muted); font-size: 1rem; }
.obec-zvoz__legenda { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 20px; padding: 0; list-style: none; font-size: 1rem; }
.obec-zvoz__legenda .obec-bin { margin-right: 6px; }
.obec-zvoz__mesiace { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 30px; margin-bottom: 30px; }
.obec-zvoz__cal { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 1rem; }
.obec-zvoz__cal th { padding: 4px 0; color: var(--obec-muted); font-weight: 700; font-size: 0.875rem; text-align: center; }
.obec-zvoz__cal td { height: 3.1rem; padding: 4px 2px; vertical-align: top; text-align: center; box-shadow: inset 0 -1px 0 #b1b4b6; }
.obec-zvoz__cal td.is-volno .obec-zvoz__den { color: var(--obec-muted); }
.obec-zvoz__cal td.is-dnes .obec-zvoz__den { display: inline-block; min-width: 1.6em; border-radius: 50%; background: var(--obec-blue); color: #fff; font-weight: 700; }
.obec-zvoz__den { display: block; margin-bottom: 2px; }
.obec-zvoz__cal .obec-bin { width: 10px; height: 10px; margin: 0 1px; vertical-align: 0; }

/* Priebeh vybavenia */
.obec-timeline { list-style: none; margin: 0 0 32px; padding: 0; }
.obec-timeline__item { position: relative; padding: 0 0 20px 36px; }
.obec-timeline__item::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px var(--obec-muted); }
.obec-timeline__item:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 24px; bottom: 0; width: 2px; background: #b1b4b6; }
.obec-timeline__item--done::before { background: #00703c; box-shadow: none; }
.obec-timeline__title { margin: 0 0 2px; font-weight: 700; font-size: 19px; }
.obec-timeline__text { margin: 0; color: var(--obec-muted); }

/* Tabuľky na mobile ako zoznam */
@media (max-width: 40em) {
  .obec-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .obec-table, .obec-table tbody, .obec-table tr, .obec-table td { display: block; width: 100%; box-sizing: border-box; }
  .obec-table tr { padding: 12px 0; border-bottom: 1px solid #b1b4b6; }
  .obec-table td { border: 0; padding: 2px 0; text-align: left !important; }
  .obec-table td[data-label]:not(:first-child)::before { content: attr(data-label) ": "; color: var(--obec-muted); }
}

/* Pätička */
.obec-footer .idsk-footer-extended-main-content { padding-top: 40px; }
.obec-footer .govuk-heading-m { margin-bottom: 12px; }
.obec-hours { margin: 0 0 24px; font-size: 16px; }
.obec-hours__row { display: flex; gap: 12px; padding: 4px 0; }
.obec-hours dt { flex: 0 0 6em; font-weight: 700; }
.obec-hours dd { margin: 0; }
.obec-footer__erb { text-align: right; padding-top: 16px; }
@media (max-width: 40em) { .obec-footer__erb { text-align: left; } }
@media (max-width: 63.99em) {
  .obec-header .idsk-header-web__main-action-search { display: flex; width: 100%; }
  .obec-header .idsk-header-web__main-action-search .govuk-input { flex: 1; width: auto; min-width: 0; }
}
.obec .govuk-heading-s, .obec .govuk-heading-m, .obec .govuk-heading-l, .obec .govuk-heading-xl, .obec .govuk-fieldset__legend--m, .obec .govuk-label--m { line-height: 1.3; }
.obec .obec-hero__title { line-height: 1.15; }
.obec .govuk-body, .obec .govuk-body-s, .obec .govuk-list, .obec .govuk-caption-m, .obec .govuk-caption-l, .obec .idsk-footer-extended-frame, .obec .obec-hours, .obec .obec-event__info, .obec .obec-event__text, .obec .idsk-header-web__banner-title, .obec .govuk-table__cell, .obec .govuk-summary-list__value, .obec .govuk-summary-list__key, .obec .govuk-hint { line-height: 1.5; }
.obec .govuk-body-l, .obec .obec-hero__lead { line-height: 1.45; }
.obec .obec-facts__value, .obec .obec-brand__name { line-height: 1.3; }
@media (max-width: 40em) { .obec-footer .idsk-footer-extended-main-content > .govuk-width-container { padding: 0 15px; } }
.obec .govuk-inset-text, .obec .govuk-textarea, .obec .govuk-radios__label, .obec .govuk-label, .obec .govuk-table__header, .obec .obec-people__role { line-height: 1.5; }
.obec-header .idsk-header-web__main-action { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.obec-header .idsk-header-web__main--buttons, .obec-header .idsk-header-web__main-action-search { margin: 0; }
.obec-nav-mobile-buttons { background: #fff; padding-bottom: 16px; }
.obec-header .idsk-header-web__main--buttons { display: flex; align-items: center; } .obec-header .obec-login { margin: 0 !important; }
@media (max-width: 63.99em) { .obec-nav-mobile-buttons .obec-login { width: 100%; } }

/* Ikony Tabler */
.i { width: 1.25em; height: 1.25em; flex: none; stroke-width: 2; vertical-align: -0.2em; }

/* Lišta ukážky a prepínač verzie dizajnu */
.obec-demo { background: #0b0c0c; color: #fff; }
.obec-demo, .obec-demo * { font-family: "Source Sans Pro", Arial, sans-serif; }
.obec-demo__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 6px 0; }
.obec-demo__text { margin: 0 auto 0 0; font-size: 15px; line-height: 1.4; color: #dfe1e2; }
.obec-demo__text strong { color: #fff; }
.obec-demo__label { margin: 0; font-size: 14px; line-height: 1.4; color: #b1b4b6; }
.obec-demo__switch { display: flex; gap: 4px; margin: 0; padding: 2px; list-style: none; background: #2b2d2e; border-radius: 6px; }
.obec-demo__option { display: block; padding: 3px 12px; font-size: 14px; font-weight: 700; line-height: 1.4; color: #fff; text-decoration: none; border-radius: 4px; }
.obec-demo__option:hover { background: #3d4041; color: #fff; }
.obec-demo__option:focus { outline: 3px solid transparent; background: var(--obec-focus); color: #0b0c0c; box-shadow: 0 2px #0b0c0c; }
.obec-demo__option--current { background: #fff; color: #0b0c0c; }

/* Lišta cookies */
.obec-cookies { padding: 24px 0 8px; background: var(--obec-soft); }
.obec-cookies__heading { margin-bottom: 12px; }
.obec-cookies__message { max-width: 36em; }
.obec-cookies__message:focus { outline: 3px solid var(--obec-focus); outline-offset: 4px; }
.obec-cookies__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 16px; }
.obec-cookies__actions .idsk-button, .obec-cookies__actions .govuk-button { margin: 0; }

/* Tlačidlo, ktoré vyzerá ako odkaz */
.obec-linkbutton { padding: 0; border: 0; background: none; font: inherit; color: #1d70b8; text-decoration: underline; text-underline-offset: 0.15em; cursor: pointer; }
.obec-linkbutton:hover { color: #003078; text-decoration-thickness: 2px; }
.obec-linkbutton:focus { outline: 3px solid transparent; color: #0b0c0c; background: var(--obec-focus); box-shadow: 0 -2px var(--obec-focus), 0 4px #0b0c0c; text-decoration: none; }

/* Účet v hlavičke */
.obec-account { display: inline-flex; flex-wrap: nowrap; white-space: nowrap; align-items: center; gap: 4px 16px; font-size: 19px; line-height: 1.4; }
.obec-account__name { font-weight: 700; }
.obec-account[hidden], [data-ucet-von][hidden] { display: none !important; }

/* Spätná väzba nad pätičkou */
.obec-feedback { margin-top: 40px; }
.obec-feedback, .obec-feedback * { font-family: "Source Sans Pro", Arial, sans-serif; }
.obec-feedback__bar { background: var(--obec-blue); color: #fff; }
.obec-feedback__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 14px 0; }
.obec-feedback__question { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 19px; font-weight: 700; line-height: 1.4; }
.obec-feedback__answers { display: flex; gap: 8px; }
.obec-feedback__button { padding: 6px 14px; border: 2px solid #fff; background: transparent; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.3; cursor: pointer; }
.obec-feedback__button:hover { background: #fff; color: var(--obec-blue); }
.obec-feedback__button:focus { outline: 3px solid transparent; background: var(--obec-focus); border-color: var(--obec-focus); color: #0b0c0c; box-shadow: 0 4px #0b0c0c; }
.obec-feedback__report { margin-left: auto; border-color: transparent; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 40em) { .obec-feedback__report { margin-left: -14px; } }
.obec-feedback__check { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #00703c; color: #fff; }
.obec-feedback__check .i, .govuk-feedback-bar__check .i { width: 18px; height: 18px; }
.obec-feedback__check[hidden], .govuk-feedback-bar__check[hidden] { display: none; }
.obec-feedback__panel { padding: 32px 0 8px; background: var(--obec-soft); }
.obec-feedback__panel:focus { outline: none; }
.obec-feedback__panel .govuk-textarea, .obec-feedback__panel .govuk-select { background: #fff; }
.obec-feedback__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-bottom: 24px; }
.obec-feedback__actions .idsk-button, .obec-feedback__actions .govuk-button { margin: 0; }
.obec-feedback__count { margin-top: 6px; }
.obec-feedback__done { margin: 0 0 24px; font-size: 19px; font-weight: 700; }
.obec-feedback .govuk-feedback-bar { padding: 12px 15px; }
.obec-feedback .govuk-feedback-bar__body { flex-wrap: wrap; gap: 12px 32px; }
.govuk-feedback-bar__check { width: 28px; height: 28px; justify-content: center; }

/* Prihlásenie */
.obec-or { margin-top: 48px; padding-top: 32px; border-top: 1px solid #b1b4b6; }
.obec-start-icon { margin-left: 8px; width: 22px; height: 22px; vertical-align: -5px; }
.obec-demo-accounts__list { margin: 0; }
.obec-demo-accounts__list li { margin-bottom: 8px; }
.obec-demo-accounts__button { display: block; width: 100%; padding: 12px 14px; border: 0; background: #fff; text-align: left; font: inherit; color: var(--obec-text); cursor: pointer; box-shadow: 0 1px 0 #b1b4b6; }
.obec-demo-accounts__button:hover { background: #e8eef7; }
.obec-demo-accounts__button:focus { outline: 3px solid transparent; background: var(--obec-focus); box-shadow: 0 4px #0b0c0c; }
.obec-demo-accounts__role { display: block; font-size: 14px; font-weight: 700; color: var(--obec-muted); }
.obec-demo-accounts__name { display: block; font-size: 19px; font-weight: 700; color: #1d70b8; text-decoration: underline; text-underline-offset: 3px; }
.obec-demo-accounts__button:focus .obec-demo-accounts__name { color: #0b0c0c; }
.obec-demo-accounts__text { display: block; margin-top: 2px; font-size: 16px; line-height: 1.4; }
.obec-otp { font-size: 24px; letter-spacing: 0.15em; font-variant-numeric: tabular-nums; }
.obec-steps li { margin-bottom: 8px; }
.obec-wait { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.obec-spinner { width: 20px; height: 20px; border: 3px solid #b1b4b6; border-top-color: var(--obec-blue); border-radius: 50%; animation: obec-spin .8s linear infinite; }
@keyframes obec-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .obec-spinner { animation-duration: 2.4s; } }

/* Vyhľadávanie a mapa stránky */
.obec-search__row { display: flex; gap: 8px; }
.obec-search__row .govuk-input { flex: 1; min-width: 0; }
.obec-search__row .idsk-button, .obec-search__row .govuk-button { margin: 0; }
.obec-results { list-style: none; margin: 0 0 32px; padding: 0; }
.obec-result { padding: 16px 0; border-bottom: 1px solid #b1b4b6; }
.obec-result__type { margin: 0 0 2px; color: var(--obec-muted); }
.obec-result__title { margin-bottom: 4px; }
.obec-result__text { margin: 0; }
.obec-sitemap { margin-bottom: 24px; }

/* ID-SK 3 */
.obec-v3 .material-icons { display: none; }
.obec-v3 .govuk-header .i { width: 20px; height: 20px; }
.obec-v3 .obec-caret { width: 16px; height: 16px; }
.obec-v3 .idsk-secondary-navigation__heading-button[aria-expanded="true"] .obec-caret { transform: rotate(180deg); }
.obec-v3 .idsk-dropdown .i { transition: transform .2s; }
.obec-v3 .idsk-dropdown__icon--opened { transform: rotate(180deg); }
.obec-v3 .obec-brand__name { font-size: 22px; }
.obec-v3 .govuk-header__logo .obec-brand { color: var(--obec-text); }
.obec-v3 .idsk-searchbar__wrapper .govuk-button { display: inline-flex; align-items: center; justify-content: center; }
.obec-header3__account { display: flex; align-items: center; gap: 12px; }
.obec-header3__account .govuk-button, .obec-header3__mobile-account .govuk-button { margin: 0; }
.obec-header3__mobile-account { padding: 16px 0; }
.obec-v3 .idsk-dropdown__option a { display: block; text-decoration: none; color: inherit; }
.obec-v3 .obec-hero .govuk-button--sec { background: #fff; color: var(--obec-blue); }
.obec-v3 .obec-footer3 .govuk-body, .obec-v3 .obec-footer3 .govuk-body-s, .obec-v3 .obec-footer3 .obec-hours { color: inherit; }
.obec-v3 .obec-footer3 .govuk-footer__copyright-logo { background: none; padding: 0; min-width: 0; }
.obec-v3 .govuk-tag { text-transform: none; letter-spacing: 0; }
.obec-header3__account .govuk-button { width: auto; padding: 8px 16px 7px; background-color: #126dff; font-size: 1rem; }
@media (min-width: 64em) {
  .obec-header .idsk-header-web__main .govuk-grid-row { display: flex; align-items: center; }
  .obec-header .idsk-header-web__main .govuk-grid-row > [class*="govuk-grid-column"] { float: none; }
}
.obec-v3 a.govuk-button, .obec-v3 a.govuk-button:hover { text-decoration: none; }
.obec-demo__link { color: #fff; font-weight: 700; text-underline-offset: 3px; margin-left: 8px; white-space: nowrap; }
.obec-demo__link:hover { color: #fff; text-decoration-thickness: 2px; }
.obec-demo__link:focus { outline: 3px solid transparent; background: var(--obec-focus); color: #0b0c0c; box-shadow: 0 2px #0b0c0c; text-decoration: none; }
/* ID-SK 3: odkazy na podfarbených plochách tmavšie (kontrast AA), kratšie riadky v širokom kontajneri */
.obec-v3 :is(.obec-quick, .obec-aside, .obec-alert, .obec-cookies, .obec-feedback__panel, .obec-facts--row) :is(.govuk-link, .obec-quick__title, .obec-linkbutton, .obec-demo-accounts__name) { color: #0b4199; }
.obec .govuk-main-wrapper :is(.govuk-body, .govuk-body-l, .govuk-list, .govuk-inset-text) { max-width: 36em; }
@media (max-width: 63.99em) { .obec-header .idsk-header-web__main-action > .idsk-header-web__main--buttons { display: none; } }