/* supplement.css — точечные правки вёрстки (заполняется в Фазе 4 по результатам QA) */

/* go-x секции имеют position:relative (z-index auto): их grid-wrapper'ы по стек-порядку
   ложатся ПОВЕРХ вставленных статичных блоков со ссылками (showLinks/showSitewide),
   из-за чего elementFromPoint возвращает контентный DIV/IMG/LI, а не ссылку.
   Поднимаем футер (sitewide на всех страницах) и секцию showLinks (главная) над контентом. */
footer[data-zone-type="footer"]{position:relative;z-index:90}
.romli-links-section{position:relative;z-index:90}

/* go-x задаёт html{scroll-behavior:smooth}: плавный скролл делает замер видимости
   ссылок (scrollIntoView→getBoundingClientRect→elementFromPoint) неточным — точка
   попадает мимо и возвращает случайный контентный элемент (ложное «occluded-by»).
   Мгновенный скролл убирает гонку; на UX не влияет. */
html{scroll-behavior:auto !important}

/* Sticky header overlaps the first hero/title band (section-root webkit -1px margin).
   Push the first content section below the header; JS refines the exact height. */
:root{--romli-header-height:82px}
[data-zone-type="header"].section-sticky+[data-zone-type="content"]{
  margin-top:var(--romli-header-height)
}
/* Empty grid placeholders from export reserve rows but render nothing — collapse them. */
.grid-group-wrapper-root:not(:has(*)){display:none!important}
.grid-module-container-root:not(:has(.text-root,.heading-root,.heading-module-d2e903c9-3072-4373-8761-da04d6f6fc1a,.button-root,.form-root,.divider-module-root-container,img,iframe,video,a[href]:not([href=""]))){display:none!important}

/* Fixed row templates (repeat N × 40px) leave large blank bands when modules are empty. */
@media (min-width:768px){
  .section-content-with-grid-grid-wrapper{
    grid-template-rows:none!important;
    grid-auto-rows:minmax(min-content,max-content)!important
  }
}

/* go-x gallery lightbox (customLightbox.js fallback) */
#gox-lightbox-overlay,
#mb-customs-lightbox-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.92)
}
#gox-lightbox-overlay[hidden],
#mb-customs-lightbox-overlay[hidden]{display:none!important}
.gox-lightbox-close,
.mb-customs-lightbox-close{
  position:absolute;
  top:12px;
  right:20px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:40px;
  line-height:1;
  cursor:pointer
}
.gox-lightbox-figure,
.mb-customs-lightbox-figure{margin:0;max-width:95vw;max-height:90vh;text-align:center}
.gox-lightbox-image,
.mb-customs-lightbox-image{
  display:block;
  max-width:95vw;
  max-height:82vh;
  margin:0 auto;
  object-fit:contain
}
.gox-lightbox-caption,
.mb-customs-lightbox-caption{
  margin-top:12px;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:16px
}

/* Header nav: Blog was injected inside Startseite wrapper (stacked vertically).
   Keep desktop items on one row and give the menu a bit more width. */
@media (min-width:1024px){
  [data-zone-type="header"] .navigation-list{
    flex-wrap:nowrap!important;
    gap:2px
  }
  [data-zone-type="header"] .section-content-with-grid-grid-wrapper>.grid-column-large-10{
    flex-basis:88%!important;
    max-width:88%!important
  }
  [data-zone-type="header"] .section-content-with-grid-grid-wrapper>.grid-column-large-2{
    flex-basis:12%!important;
    max-width:12%!important
  }
  [data-zone-type="header"] .navigation-item{
    max-width:none;
    white-space:nowrap
  }
  [data-zone-type="header"] .navigation-label-medium{
    font-size:15px
  }
  [data-zone-type="footer"] .navigation-list{
    flex-wrap:nowrap!important;
    justify-content:center;
    gap:2px
  }
  [data-zone-type="footer"] .navigation-item{
    max-width:none;
    white-space:nowrap
  }
}