/* Drieslag Arnhem - gerichte correcties bovenop het originele eGovt design. */

/* Headerbreedte en verticale uitlijning, exact op de geïmporteerde eGovt-header. */
@media (min-width: 1200px) {
  .elementor-element[data-id="7986c7e"] > .elementor-container,
  .elementor-element[data-id="f969790"] > .elementor-container {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
  }

  .elementor-element[data-id="7986c7e"] {
    min-height: 48px !important;
  }

  .elementor-element[data-id="f969790"] {
    min-height: 88px !important;
  }

  .elementor-element[data-id="444e1b4"] {
    width: 18% !important;
    flex: 0 0 18% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-element[data-id="c4b7d3c"] {
    width: 75% !important;
    flex: 0 0 75% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  .elementor-element[data-id="bee3a92"] {
    width: 7% !important;
    flex: 0 0 7% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .elementor-element[data-id="1a38af8"] {
    width: 60% !important;
    flex: 0 0 60% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-element[data-id="26a4174"] {
    width: 40% !important;
    flex: 0 0 40% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}

/* Logo compacter: geen overlap meer met Start. */
.elementor-widget-ova_logo img,
.ova-logo img,
.ova_logo img {
  width: auto !important;
  height: auto !important;
  max-height: 40px !important;
  max-width: 190px !important;
  object-fit: contain !important;
}


/* OVA Logo rendert desktop-, mobiel- en stickylogo tegelijk in de HTML.
   Toon per toestand exact één variant; voorkom drie dubbele logo's in Elementor/front-end. */
.ova_logo .desk-logo {
  display: none !important;
}
.ova_logo .mobile-logo {
  display: none !important;
}
.ova_logo .logo-fixed {
  display: none !important;
}

@media (min-width: 992px) {
  .ova_logo .desk-logo {
    display: block !important;
  }
  .active_fixed .ova_logo .desk-logo,
  .active_fixed .ova_logo .mobile-logo {
    display: none !important;
  }
  .active_fixed .ova_logo .logo-fixed {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .ova_logo .desk-logo {
    display: none !important;
  }
  .ova_logo .mobile-logo {
    display: block !important;
  }
  .active_fixed .ova_logo .mobile-logo {
    display: none !important;
  }
  .active_fixed .ova_logo .logo-fixed {
    display: block !important;
  }
}

/* Zoekfunctie en de oude rechter CTA zijn bewust verwijderd. CSS is extra vangnet. */
.elementor-element[data-id="607ae9d"],
.elementor-element[data-id="5c9d8ba"] {
  display: none !important;
}

/* Hoofdmenu: één nette regel, geen hoofdletter-transformatie en geen overlap. */
@media (min-width: 1200px) {
  .elementor-widget-ova_menu,
  .elementor-widget-ova_menu .elementor-widget-container,
  .elementor-widget-ova_menu .ova_nav {
    width: 100% !important;
  }

  .elementor-widget-ova_menu ul.menu,
  .elementor-widget-ova_menu .ova_nav ul,
  .ova_nav ul.menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .elementor-widget-ova_menu ul.menu > li,
  .elementor-widget-ova_menu .ova_nav ul > li,
  .ova_nav ul.menu > li {
    flex: 0 0 auto !important;
  }

  .elementor-widget-ova_menu ul.menu > li > a,
  .elementor-widget-ova_menu .ova_nav ul > li > a,
  .ova_nav ul.menu > li > a {
    white-space: nowrap !important;
    text-transform: none !important;
    font-size: 15px !important;
    line-height: 24px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Bovenste blauwe balk: beide zijden op dezelfde middenlijn. */
.elementor-element[data-id="7986c7e"] .elementor-widget,
.elementor-element[data-id="7986c7e"] .elementor-widget-container,
.elementor-element[data-id="7986c7e"] .ova-contact-info {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important;
}

/* Lokale informatieblokken op service-, gids- en themapagina's. */
.drieslag-local-content {
  color: #5a6579;
  font-size: 17px;
  line-height: 1.75;
  max-width: 100%;
}

.drieslag-local-content .intro {
  color: #202b5d;
  font-size: 19px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.drieslag-local-content h2 {
  color: #202b5d;
  font-size: 28px;
  line-height: 1.25;
  margin: 36px 0 12px;
}

.drieslag-local-content p {
  margin: 0 0 18px;
}

/* De oude demo-download en demo-hulpafbeelding mogen niet terugkomen. */
.ova_sev_single .sev-file-sidebar,
.ova_sev_single .ova-media {
  display: none !important;
}

/* Reactieformulier is voor deze lokale gids niet nodig. */
.ova_sev_single .comment-respond,
.ova_sev_single #comments,
.page .comment-respond,
.page #comments {
  display: none !important;
}

/* Iets ruimere inhoud op servicepagina's zodat de pagina niet kaal oogt. */
.ova_sev_single .ova_sev_content {
  min-height: 420px;
}

/* Lange breadcrumb- of servicetitels netjes afbreken op kleinere schermen. */
.ovatheme_breadcrumbs .breadcrumb,
.ova_sev_single .title-list-sev,
.ova_sev_single .ova-list-sev a {
  overflow-wrap: anywhere;
}

/* Mobiel: logo compact houden; originele mobiele menuknop blijft intact. */
@media (max-width: 1199px) {
  .elementor-widget-ova_logo img,
  .ova-logo img,
  .ova_logo img {
    max-height: 36px !important;
    max-width: 172px !important;
  }
}

/* v6: alle binnenpagina's gebruiken via PHP dezelfde Header start als de homepage. */

/* v7 – rustige nieuwsweergave zonder oude demo-meta */
.blog .post-meta,
.blog .post-meta-grid,
.archive .post-meta,
.archive .post-meta-grid,
.single-post .post-meta,
.single-post .post-meta-grid,
.single-post .blog-details-author,
.single-post .post-tags,
.single-post .post-tag,
.single-post .ova-post-tags { display:none !important; }

/* Footer hoort op iedere pagina als volwaardig blok zichtbaar te blijven. */
footer, .ova-footer, .footer, .footer-default { visibility:visible !important; opacity:1 !important; }