/* ÖGKM local layout fixes — clipped Wix header + restored site menu */

/* --- Always-visible site navigation --- */
#oegkm-main-nav {
  position: relative;
  z-index: 100050;
  background: rgb(6, 41, 79);
  border-bottom: 3px solid rgb(136, 146, 161);
  font-family: Tahoma, Geneva, sans-serif;
}

#oegkm-main-nav .oegkm-nav-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 7px;
}

#oegkm-main-nav a {
  display: inline-block;
  color: #fff !important;
  background: rgb(136, 146, 161);
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;
  padding: 9px 11px;
  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  transition: background-color 0.2s ease, color 0.2s ease;
}

#oegkm-main-nav a:hover,
#oegkm-main-nav a:focus {
  background: rgb(22, 65, 114);
  color: #fff !important;
}

#oegkm-main-nav a.is-active {
  background: rgb(186, 197, 205);
  color: rgb(6, 41, 79) !important;
}

/* --- Unclip broken Wix mesh header --- */
#SITE_HEADER,
#SITE_HEADER_WRAPPER,
.SITE_HEADER_WRAPPER {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

#masterPage:not(.landingPage) {
  --header-height: auto !important;
}

[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
  margin-top: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 16px !important;
  padding: 16px 20px 12px !important;
  height: auto !important;
  min-height: 0 !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
}

[data-mesh-id="SITE_HEADERinlineContent-wedge-3"],
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > [id^="comp-k3a512"],
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > [id^="comp-k3a51"] {
  /* Hide leftover Konotop/Kunst floaters that sit above the fold and get clipped */
  display: none !important;
}

[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > * {
  position: relative !important;
  left: 0 !important;
  margin: 0 !important;
  grid-area: auto !important;
  justify-self: auto !important;
  align-self: auto !important;
}

/* Brand title readable on dark header */
#SITE_HEADER #SITE_STRUCTURE_WRichText_0,
#SITE_HEADER #SITE_STRUCTURE_WRichText_0 .color_17,
#SITE_HEADER #SITE_STRUCTURE_WRichText_0 h1,
#SITE_HEADER #SITE_STRUCTURE_WRichText_0 span {
  color: #f2f4f6 !important;
}

/* Hide incomplete in-header HOME / Kunst / KUKI buttons — replaced by #oegkm-main-nav */
#SITE_HEADER #comp-ijg2uog7,
#SITE_HEADER #comp-k3a512a3,
#SITE_HEADER #comp-ijg4a1ku,
#SITE_HEADER #comp-ldodurnj {
  display: none !important;
}

/* Keep logos visible and reasonably sized */
#SITE_HEADER #comp-iktw8ven,
#SITE_HEADER #comp-iktwbxrm {
  width: 96px !important;
  height: 96px !important;
  flex: 0 0 auto;
}

#SITE_HEADER #SITE_STRUCTURE_WRichText_0 {
  flex: 1 1 280px;
  max-width: 640px;
  text-align: center;
  margin: 0 !important;
}

/* --- Page content / post-Wix sections must stay reachable --- */
html,
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

#SITE_CONTAINER,
#site-root,
#masterPage.mesh-layout {
  height: auto !important;
  overflow: visible !important;
}

#PAGES_CONTAINER,
#SITE_PAGES,
#mainPage {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Content injected after the Wix shell (blog + links) */
body > section,
body > div[style*="max-width:980px"],
#romli-sitewide {
  position: relative;
  z-index: 2;
  background: rgb(236, 240, 241);
}

/* --- Editorial pages (/pages, r-template_article) --- */
body.oegkm-editorial-page,
body.oegkm-editorial-page #SITE_CONTAINER,
body.oegkm-editorial-page #site-root,
body.oegkm-editorial-page #masterPage,
body.oegkm-editorial-page #BACKGROUND_GROUP,
body.oegkm-editorial-page [id^="pageBackground_"],
body.oegkm-editorial-page [data-testid="colorUnderlay"] {
  background-color: rgb(186, 197, 205) !important;
}

/* Broken leftover Wix header menu — replaced by #oegkm-main-nav */
body.oegkm-editorial-page #SITE_HEADER #comp-kgqhu155,
#SITE_HEADER #comp-kgqhu155 {
  display: none !important;
}

#oegkm-editorial {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 24px auto 40px;
  padding: 36px 28px;
  box-sizing: border-box;
  font-family: Verdana, Geneva, sans-serif;
  color: #484d56;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

#oegkm-editorial .editorial-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
}

#oegkm-editorial .editorial-article {
  flex: 1 1 440px;
  min-width: 0;
}

#oegkm-editorial .editorial-article > h1 {
  font-size: 2rem;
  line-height: 1.3;
  margin: 0 0 24px;
  color: #484d56;
}

#oegkm-editorial .editorial-aside {
  flex: 0 1 230px;
  max-width: 240px;
  padding: 18px;
  box-sizing: border-box;
  background: #f4f4f4;
}

#oegkm-editorial .editorial-aside h2 {
  font-size: 1.1rem;
  margin: 0 0 16px;
}

#oegkm-editorial .editorial-aside p {
  margin: 0 0 14px;
}

#oegkm-editorial .editorial-aside a {
  color: #484d56;
}

/* Lists readable against Wix reset (ol,ul{list-style:none}) */
#oegkm-editorial .entry-content,
#oegkm-editorial .oddlfoy {
  overflow: visible !important;
}

.oddlfoy ul,
#oegkm-editorial .oddlfoy ul,
#oegkm-editorial .entry-content ul {
  list-style: disc outside !important;
  list-style-type: disc !important;
  padding-left: 2em !important;
  margin: 0.625rem 0 0.827rem !important;
}

.oddlfoy ol,
#oegkm-editorial .oddlfoy ol,
#oegkm-editorial .entry-content ol {
  list-style: decimal outside !important;
  list-style-type: decimal !important;
  padding-left: 2em !important;
  margin: 0.625rem 0 0.827rem !important;
}

.oddlfoy ul ul,
#oegkm-editorial .entry-content ul ul {
  list-style-type: circle !important;
}

.oddlfoy ol ol,
#oegkm-editorial .entry-content ol ol {
  list-style-type: lower-alpha !important;
}

.oddlfoy li,
#oegkm-editorial .entry-content li {
  display: list-item !important;
  list-style: inherit !important;
  margin-bottom: 0.35rem;
}

@media (max-width: 720px) {
  #oegkm-main-nav .oegkm-nav-inner {
    justify-content: flex-start;
  }

  #oegkm-main-nav a {
    font-size: 11px;
    padding: 7px 10px;
  }

  #SITE_HEADER #comp-iktw8ven,
  #SITE_HEADER #comp-iktwbxrm {
    width: 72px !important;
    height: 72px !important;
  }
}