/* Matilde: vorhandenen WordPress-Menüpunkt „Raum anfragen“ als Button darstellen. */
a.mrv-nav-request-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .72rem 1.65rem !important;
  border: 1px solid #00797a !important;
  border-radius: 999px !important;
  background: #00797a !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

a.mrv-nav-request-link:hover,
a.mrv-nav-request-link:focus-visible {
  border-color: #006465 !important;
  background: #006465 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

@media (max-width: 560px) {
  a.mrv-nav-request-link {
    min-height: 42px;
    padding: .65rem 1.2rem !important;
  }
}


/* === Matilde 1.1.23: Menü auf allen Seiten so breit wie auf der Startseite === */
/* Nur die Breite und seitlichen Innenabstände werden vereinheitlicht.
   Position, Hintergrund und Verhalten des Theme-Headers bleiben erhalten. */
#masthead .site-header-row-container-inner,
#masthead .site-main-header-inner-wrap,
#masthead .site-container,
header#masthead .site-header-row-container-inner,
header#masthead .site-main-header-inner-wrap,
header#masthead .site-container {
  width: 100% !important;
  max-width: none !important;
}

#masthead .site-container,
header#masthead .site-container {
  padding-right: clamp(28px, 3.3vw, 58px) !important;
  padding-left: clamp(28px, 3.3vw, 58px) !important;
}

@media (max-width: 860px) {
  #masthead .site-container,
  header#masthead .site-container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}

/* Matilde 1.1.34: optionaler Anbieter-Login im WordPress-Menü. */
a.mrv-nav-provider-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .62rem 1.15rem !important;
  border: 1px solid rgba(0, 121, 122, .28) !important;
  border-radius: 999px !important;
  background: rgba(231, 244, 243, .78) !important;
  color: #006f70 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

a.mrv-nav-provider-link:hover,
a.mrv-nav-provider-link:focus-visible {
  border-color: rgba(0, 121, 122, .5) !important;
  background: #dcefee !important;
  color: #005f60 !important;
  transform: translateY(-1px);
}

/* === Matilde 1.1.82: mobiles Burger-Menue hell und passend zur Matilde === */
@media (max-width: 1024px) {
  /* Kadence Mobile Drawer: nur Farbgebung, kein Layout-/Verhaltenswechsel. */
  #mobile-drawer.popup-drawer .drawer-inner,
  #mobile-drawer .drawer-inner,
  .popup-drawer#mobile-drawer .drawer-inner {
    background:
      radial-gradient(circle at 15% 8%, rgba(204, 232, 233, .58), transparent 34%),
      linear-gradient(155deg, #f8fbf9 0%, #eef7f5 100%) !important;
    color: #075e60 !important;
  }

  #mobile-drawer .drawer-header {
    border-bottom: 1px solid rgba(7, 94, 96, .10);
    background: transparent !important;
  }

  #mobile-drawer .drawer-toggle,
  #mobile-drawer .drawer-toggle:hover,
  #mobile-drawer .drawer-toggle:focus-visible,
  #mobile-drawer .drawer-toggle .kadence-svg-iconset,
  #mobile-drawer .drawer-toggle svg {
    color: #087d7b !important;
  }

  #mobile-drawer .mobile-navigation a,
  #mobile-drawer .mobile-navigation .menu-item > a,
  #mobile-drawer .drawer-content .menu a {
    color: #075e60 !important;
  }

  #mobile-drawer .mobile-navigation a:hover,
  #mobile-drawer .mobile-navigation a:focus-visible,
  #mobile-drawer .mobile-navigation .current-menu-item > a,
  #mobile-drawer .mobile-navigation .current-menu-ancestor > a {
    background: rgba(214, 237, 233, .72) !important;
    color: #045859 !important;
  }

  #mobile-drawer .mobile-navigation li,
  #mobile-drawer .drawer-content .menu > li {
    border-color: rgba(7, 94, 96, .10) !important;
  }

  /* Der Seiten-Overlay bleibt sichtbar, wirkt aber nicht mehr hart schwarz. */
  #mobile-drawer.popup-drawer .drawer-overlay,
  .popup-drawer#mobile-drawer .drawer-overlay {
    background: rgba(2, 54, 55, .18) !important;
  }

  /* Bestehende Matilde-CTA-Buttons im Menue behalten ihre eigene Gestaltung. */
  #mobile-drawer a.mrv-nav-request-link,
  #mobile-drawer .mobile-navigation a.mrv-nav-request-link,
  #mobile-drawer .mobile-navigation .menu-item > a.mrv-nav-request-link,
  #mobile-drawer .drawer-content .menu a.mrv-nav-request-link {
    color: #ffffff !important;
  }

  #mobile-drawer a.mrv-nav-request-link:hover,
  #mobile-drawer a.mrv-nav-request-link:focus-visible {
    color: #ffffff !important;
  }

  #mobile-drawer a.mrv-nav-provider-link {
    color: #006f70 !important;
  }
}