/* =========================================================
   Bootshaus Harburg – einheitliche Buttons im Stil von
   .rmenu__seg-options (aktiver Zustand, Speisekarten-Modul)
   Werte am 01.10.2026 von der Live-Seite ausgelesen.
   ========================================================= */

:root {
  --bh-btn-bg:          #1d4f86;  /* = --rmenu-accent */
  --bh-btn-color:       #ffffff;  /* = --rmenu-accent-contrast */
  --bh-btn-bg-hover:    #163d68;  /* Annahme: Akzent etwas dunkler */
  --bh-focus-bg:        #eef4fb;  /* = --rmenu-control-bg */
  --bh-focus-border:    #6d8db0;  /* = --rmenu-control-border */
  --bh-btn-radius:      999px;
  --bh-btn-padding:     0.4rem 1rem;
  --bh-btn-minheight:   2.5rem;
  --bh-btn-font-family: 'Lato', sans-serif;
  --bh-btn-font-size:   0.9375rem;  /* 15px */
  --bh-btn-font-weight: 600;
}

/* Gutenberg-/Theme-Buttons + WPBakery-Buttons */
body .wp-block-button__link.wp-element-button,
body a.vc_general.vc_btn3 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  min-height: var(--bh-btn-minheight);
  padding: var(--bh-btn-padding) !important;
  border: 0 !important;
  border-radius: var(--bh-btn-radius) !important;
  background: var(--bh-btn-bg) !important;
  background-image: none !important;
  color: var(--bh-btn-color) !important;
  font-family: var(--bh-btn-font-family) !important;
  font-size: var(--bh-btn-font-size) !important;
  font-weight: var(--bh-btn-font-weight) !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 200ms, color 200ms;
}

body .wp-block-button__link.wp-element-button:hover,
body a.vc_general.vc_btn3:hover {
  background: var(--bh-btn-bg-hover) !important;
  color: var(--bh-btn-color) !important;
}

/* Fokus (nur Tastatur, :focus-visible) – Buttons:
   blau bleiben, heller Ring mit Abstand wie bei rmenu */
body .wp-block-button__link.wp-element-button:focus,
body a.vc_general.vc_btn3:focus {
  outline: none !important;
}
body .wp-block-button__link.wp-element-button:focus-visible,
body a.vc_general.vc_btn3:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--bh-focus-border) !important;
}

/* Fokus – Navigationspunkte: leicht hinterlegte Pille
   statt eckigem Rahmen (Stil der rmenu__seg-options) */
body .wp-block-navigation-item__content {
  border-radius: var(--bh-btn-radius);
  padding: 0.35em 0.9em !important;
  margin: -0.35em -0.9em !important;  /* Layout bleibt unverändert */
  transition: background-color 200ms, box-shadow 200ms;
}
body .wp-block-navigation-item__content:focus {
  outline: none !important;
}
body .wp-block-navigation-item__content:focus-visible {
  outline: none !important;
  background: var(--bh-focus-bg);
  box-shadow: inset 0 0 0 1px var(--bh-focus-border);
}

/* WPBakery-Buttons mit Icon (z. B. „Mittagstisch“):
   Icon in den Textfluss holen, sonst überlappt es */
body a.vc_general.vc_btn3 .vc_btn3-icon {
  position: static !important;
  transform: none !important;
  width: auto !important;
  color: inherit !important;
}

/* Button-Modul (WPBakery) in Teaser-Karten: gleicher seitlicher
   Einzug wie der Textblock darüber (16px), damit Buttons bündig sind */
.teaser-content .vc_btn3-container {
  padding-inline: 16px;
}

@media (prefers-reduced-motion: reduce) {
  body .wp-block-button__link.wp-element-button,
  body a.vc_general.vc_btn3 { transition: none; }
}