:root {
    --masb-ink: #123832;
    --masb-green: #116b59;
    --masb-lime: #d9e56d;
    --masb-paper: #f5f3ec;
    --masb-cream: #ebe7db;
    --masb-rust: #c95d3b;
    --masb-muted: #66736f;
    --masb-shadow: 0 18px 45px rgba(18, 56, 50, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--masb-paper); color: var(--masb-ink); }
.wp-site-blocks { overflow: hidden; }
.wp-site-blocks > * { margin-block-start: 0; }

/* Hlavička – vzhľad pôvodnej témy, obsah zostáva editovateľný. */
.masb-topbar { background: var(--masb-ink) !important; font-size: .76rem; }
.masb-topbar p { margin: 0; }
.masb-topbar a, .masb-footer a { color: inherit; }
.masb-main-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(245, 243, 236, .97) !important;
    border-bottom: 1px solid #ccd3ce;
    box-shadow: none;
    backdrop-filter: blur(12px);
}
.admin-bar .masb-main-header { top: 32px; }
.masb-main-header .wp-block-site-logo img { max-height: 68px; width: auto; border-radius: 0; }
.masb-main-header .wp-block-site-title {
    display: block;
    width: 220px;
    height: 66px;
    margin: 0;
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
    background: url('../images/loga/mas-bodrog.svg') left center / contain no-repeat;
}
.masb-main-header .wp-block-site-logo + .wp-block-site-title { display: none; }
.masb-main-header .wp-block-navigation-item__content { padding: .45rem .15rem; }
.masb-main-header .wp-block-navigation-item__content:hover { color: var(--masb-rust); }
.masb-main-header .wp-block-navigation__submenu-container {
    border: 1px solid #d7ddd8 !important;
    border-radius: 0 !important;
    padding: .5rem !important;
    box-shadow: var(--masb-shadow);
}
.masb-language-switcher { display: flex; align-items: center; gap: .3rem; font-weight: 800; font-size: .78rem; white-space: nowrap; }
.masb-language-switcher a { opacity: .45; text-decoration: none; }
.masb-language-switcher a.is-active, .masb-language-switcher .current-lang a { opacity: 1; color: var(--masb-rust); }
.masb-language-switcher ul { display: flex; gap: .5rem; list-style: none; margin: 0; padding: 0; }

/* Úvodná fotografia a typografia ako v pôvodnej téme. */
.masb-hero-editable {
    position: relative;
    isolation: isolate;
    min-height: 690px;
    display: flex;
    align-items: center;
    background-color: var(--masb-ink) !important;
    background-image:
        linear-gradient(90deg, rgba(9, 42, 36, .95), rgba(9, 42, 36, .62) 52%, rgba(9, 42, 36, .12) 82%),
        url('https://splavujemebodrog.eu/ws/media-library/8380ad4d4922d39bad1c52349b005695/bodrog_dron.png') !important;
    background-position: center !important;
    background-size: cover !important;
}
.masb-hero-editable::after { display: none; }
.masb-hero-editable > .wp-block-group { width: min(1180px, calc(100% - 48px)); }
.masb-hero-editable h1 { max-width: 880px; font-weight: 500; }
.masb-hero-editable p { max-width: 660px; }
.masb-hero-editable .kicker { color: var(--masb-lime) !important; }
.masb-hero-editable .wp-block-button__link { border-radius: 2px !important; background: var(--masb-rust) !important; }
.masb-hero-editable .is-style-outline .wp-block-button__link { color: #fff !important; border-color: #fff !important; background: transparent !important; }
.kicker { margin-bottom: .35rem !important; color: var(--masb-rust); font-weight: 800; letter-spacing: .19em; }

/* Zvýraznený oznam. */
.has-sand-background-color { background-color: var(--masb-lime) !important; }
.has-sand-background-color .wp-block-button__link { background: var(--masb-ink) !important; }

/* Fotografia regiónu bola v blokovej téme nahradená farebnou plochou. */
#uzemie { background: var(--masb-green) !important; }
.masb-editable-region-image {
    min-height: 520px !important;
    margin: 0;
    border-radius: 0 !important;
    background-color: #456f61 !important;
    background-image: url('https://plavby-tokaj.sk/_next/image?q=75&url=%2Fimages%2Ftokaj.webp&w=3840') !important;
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
}
.masb-editable-region-image .wp-block-cover__background { background: transparent !important; opacity: 0 !important; }
.masb-editable-region-image .wp-block-cover__inner-container { display: none; }
#uzemie > .wp-block-columns { padding-top: 0 !important; padding-bottom: 0 !important; }
#uzemie > .wp-block-columns > .wp-block-column:last-child { padding: clamp(3.5rem, 7vw, 7rem); }
#uzemie h2 { color: #fff !important; font-size: clamp(2.3rem, 4vw, 3.1rem); }
#uzemie .kicker { color: var(--masb-lime) !important; }

/* Dynamické bloky – rovnaké hranaté karty, farby a rytmus ako predtým. */
.wp-site-blocks .masb-section { width: min(1180px, calc(100% - 48px)); padding: 6.5rem 0; }
.wp-site-blocks .masb-section-head { margin-bottom: 2.75rem; }
.wp-site-blocks .masb-section-head h1,
.wp-site-blocks .masb-section-head h2 { font-weight: 500; font-size: clamp(2.3rem, 4vw, 3rem); }
.wp-site-blocks .masb-card {
    border: 0;
    border-top: 3px solid #9fb3a9;
    border-radius: 0;
    padding: 1.85rem;
    box-shadow: 0 8px 28px rgba(18, 56, 50, .04);
}
.wp-site-blocks .masb-card h3 { font-family: Georgia, serif; font-weight: 500; font-size: 1.7rem; }
.wp-site-blocks .masb-badge { border-radius: 20px; }
.wp-site-blocks .status-active { background: var(--masb-lime); color: var(--masb-ink); }
.wp-site-blocks .status-preparing { background: #e4ede8; color: #47675e; }
.wp-site-blocks .masb-card-image { border-radius: 0; margin: -1.85rem -1.85rem 1.2rem; }

.wp-site-blocks .masb-stats { width: min(1180px, calc(100% - 48px)); background: transparent; gap: 0; border-bottom: 1px solid #cad0c9; }
.wp-site-blocks .masb-stats > div { background: transparent; border-right: 1px solid #cad0c9; padding: 3.6rem 2rem; }
.wp-site-blocks .masb-stats > div:last-child { border-right: 0; }
.wp-site-blocks .masb-stats strong { font-weight: 500; color: var(--masb-ink); }
.wp-site-blocks .masb-stats span { margin-top: .45rem; font-size: .68rem; text-transform: uppercase; letter-spacing: .13em; color: var(--masb-muted); }

.wp-site-blocks .masb-municipality-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.wp-site-blocks .masb-municipality-card { min-height: 104px; padding: .9rem 1rem; border-radius: 0; border-color: #d9ded8; }
.wp-site-blocks .masb-municipality-card:hover { border-color: var(--masb-green); }
.wp-site-blocks .masb-municipality-card strong { font-family: Georgia, serif; font-weight: 600; }
.wp-site-blocks .masb-map-layout { gap: 0; box-shadow: var(--masb-shadow); }
.wp-site-blocks .masb-cadastral-map { border-radius: 0; background: linear-gradient(135deg, #f6f8f1, #e5eddf); padding: 1.25rem; color: var(--masb-ink); }
.wp-site-blocks .masb-map-info { border-radius: 0; background: var(--masb-ink); padding: 2.2rem 1.8rem; }
.wp-site-blocks .masb-map-info button { margin-top: auto; border: 0; border-radius: 0; background: var(--masb-lime); color: var(--masb-ink); padding: .9rem 1rem; font-weight: 800; }
.wp-site-blocks .map-path:hover, .wp-site-blocks .map-path:focus { stroke: #fff; }

/* Aktuality: tmavý pás a pôvodné fotografie ako náhradné obrázky. */
.wp-site-blocks .masb-news {
    width: 100%;
    max-width: none;
    padding-left: max(24px, calc((100vw - 1180px) / 2));
    padding-right: max(24px, calc((100vw - 1180px) / 2));
    background: var(--masb-ink);
    color: #fff;
}
.wp-site-blocks .masb-news h2, .wp-site-blocks .masb-news h3, .wp-site-blocks .masb-news a { color: #fff; }
.wp-site-blocks .masb-news .kicker { color: var(--masb-lime); }
.wp-site-blocks .masb-news .masb-card { background: transparent; border: 0; box-shadow: none; padding: 0; color: #fff; }
.wp-site-blocks .masb-news .masb-card-image { min-height: 230px; margin: 0 0 1.2rem; background-color: #184f46; }
.wp-site-blocks .masb-news-card:nth-child(1) .masb-card-image { background-image: url('https://img3.oastatic.com/img2/81989409/max/variant.jpg'); }
.wp-site-blocks .masb-news-card:nth-child(2) .masb-card-image { background-image: url('https://splavujemebodrog.eu/ws/media-library/8380ad4d4922d39bad1c52349b005695/bodrog_dron.png'); }
.wp-site-blocks .masb-news-card:nth-child(3) .masb-card-image { background-image: url('https://www.malyhores.sk/imgcache/e-img-2351.jpg?v=1742857471'); }
.wp-site-blocks .masb-news .masb-card time { color: #9fb5ae; font-size: .72rem; }
.wp-site-blocks .masb-news .masb-card p { color: #b8cbc5; }

.wp-site-blocks .masb-galleries { background: var(--masb-paper); }
.wp-site-blocks .masb-gallery-card { border-radius: 0; }
.wp-site-blocks .masb-document-hub { width: 100%; max-width: none; padding-left: max(24px, calc((100vw - 1180px) / 2)); padding-right: max(24px, calc((100vw - 1180px) / 2)); background: var(--masb-cream); }
.wp-site-blocks .masb-hub-grid { gap: .85rem; }
.wp-site-blocks .masb-hub-grid a { min-height: 210px; border-radius: 0; border-top: 3px solid var(--masb-green); background: #fff; color: var(--masb-ink); }
.wp-site-blocks .masb-hub-grid a:hover { background: var(--masb-lime); transform: translateY(-3px); }
.wp-site-blocks .masb-hub-grid span { color: var(--masb-rust); font: 800 .75rem Arial, sans-serif; letter-spacing: .14em; }
.wp-site-blocks .masb-hub-grid strong { font-family: Georgia, serif; font-size: 1.5rem; font-weight: 500; }
.wp-site-blocks .masb-partners { width: 100%; max-width: none; padding-left: max(24px, calc((100vw - 1180px) / 2)); padding-right: max(24px, calc((100vw - 1180px) / 2)); background: #fff; }
.wp-site-blocks .masb-partners > div { border-radius: 0; padding: 2rem 0; }

/* Archívy, dokumenty a profily. */
.wp-site-blocks .masb-filter input,
.wp-site-blocks .masb-filter select,
.wp-site-blocks .masb-filter button,
.wp-site-blocks .masb-button,
.wp-site-blocks .masb-download { border-radius: 2px; }
.wp-site-blocks .masb-filter button,
.wp-site-blocks .masb-button,
.wp-site-blocks .masb-download { background: var(--masb-rust); }
.wp-site-blocks .masb-file-list article { border-radius: 0; }
.wp-site-blocks .profile-modal { border-radius: 0; background: var(--masb-paper); }
.wp-site-blocks .profile-close { border-radius: 0; background: var(--masb-ink); color: #fff; }
.wp-site-blocks .profile-modal > header { background: var(--masb-paper); }

.masb-content-shell { padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: clamp(3.5rem, 8vw, 7rem); }
.masb-archive-hero { padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: clamp(2.5rem, 6vw, 5rem); }
.wp-block-post-featured-image img { border-radius: 0; }
.wp-block-query .wp-block-post-template { gap: 1.25rem; }
.wp-block-query .wp-block-post { padding: 1.25rem; background: #fff; border: 1px solid #dbe3df; border-radius: 0; }
.wp-block-post-title a, .wp-block-post-excerpt__more-link { text-decoration: none; }
.wp-block-post-excerpt__more-link { font-weight: 800; }

/* Pätička a náhradné logo, kým správca nenastaví Site Logo. */
.masb-footer { margin-block-start: 0; background: #092d28 !important; }
.masb-footer .wp-block-site-logo img { max-width: 235px; height: auto; padding: 8px; background: #fff; border-radius: 2px; filter: none; }
.masb-footer .wp-block-column:first-child::before {
    content: '';
    display: block;
    width: 235px;
    height: 90px;
    margin-bottom: 1.2rem;
    background: #fff url('../images/loga/mas-bodrog.svg') center / calc(100% - 16px) auto no-repeat;
    border-radius: 2px;
}
.masb-footer .wp-block-column:first-child:has(.wp-block-site-logo)::before { display: none; }
.masb-footer h3 { margin-top: 0; }
.masb-footer ul { padding-left: 1.2rem; }

@media (max-width: 1050px) {
    .masb-main-header > .wp-block-group { flex-wrap: wrap !important; }
    .masb-main-header .wp-block-navigation { order: 3; width: 100%; }
    .masb-main-header .wp-block-navigation__responsive-container-open { margin-left: auto; }
    .wp-site-blocks .masb-municipality-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 782px) {
    .admin-bar .masb-main-header { top: 46px; }
    .masb-topbar > .wp-block-group { justify-content: center !important; }
    .masb-topbar p { text-align: center; }
    .masb-main-header .wp-block-site-title { width: 155px; height: 56px; }
    .masb-main-header .wp-block-site-logo img { max-height: 56px; }
    .masb-hero-editable { min-height: 650px; }
    .masb-hero-editable > .wp-block-group { width: calc(100% - 32px); padding-top: 4rem !important; padding-bottom: 4rem !important; }
    #uzemie > .wp-block-columns > .wp-block-column:last-child { padding: 3.5rem 2rem; }
    .wp-site-blocks .masb-section, .wp-site-blocks .masb-stats { width: calc(100% - 32px); }
    .wp-site-blocks .masb-municipality-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wp-site-blocks .masb-card-grid { grid-template-columns: 1fr; }
    .wp-site-blocks .masb-news { padding-left: 24px; padding-right: 24px; }
    .masb-footer .wp-block-columns { gap: 2rem; }
}

@media (max-width: 600px) {
    .wp-site-blocks .masb-stats { grid-template-columns: 1fr; }
    .wp-site-blocks .masb-stats > div { border-right: 0; border-bottom: 1px solid #cad0c9; padding: 2rem; }
    .wp-site-blocks .masb-municipality-grid { grid-template-columns: 1fr; }
    .masb-editable-region-image { min-height: 330px !important; }
}
