/* === BImSch44 Buttons – Inline (global) =============================== */
/* Design-Variablen (Monochrom) */
:root{
  --b44-ink:#0a0a0a;           /* Text: Schwarz */
  --b44-ink-2:#3a3a3a;         /* Sekundärtext */
  --b44-bg:#ffffff;            /* Flächen */
  --b44-glass:rgba(255,255,255,.78);
  --b44-bd:rgba(0,0,0,.14);    /* feine Rahmen */
}

/* Hohe Spezifität gegen Theme/Kubio */
html body .entry-content a.wp-block-button__link,
html body .entry-content .wp-block-button__link,
html body .entry-content a[role="button"],
html body .entry-content button,
html body .entry-content input[type="button"],
html body .entry-content input[type="submit"],
html body [data-kubio] .kb-button,
html body .b44-btn,
html body a.b44-btn {
  -webkit-appearance:none; appearance:none;
  background:var(--b44-bg);
  color:var(--b44-ink);
  border:1px solid var(--b44-bd);
  padding:.72rem 1rem;
  font:600 15px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;
  text-decoration:none !important;
  display:inline-flex; align-items:center; gap:.55rem;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  border-radius:0;                             /* kein Radius */
  transition:transform .08s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  cursor:pointer;
}

/* Hover/Active */
html body .entry-content a.wp-block-button__link:hover,
html body .entry-content .wp-block-button__link:hover,
html body .entry-content a[role="button"]:hover,
html body .entry-content button:hover,
html body .entry-content input[type="button"]:hover,
html body .entry-content input[type="submit"]:hover,
html body [data-kubio] .kb-button:hover,
html body .b44-btn:hover,
html body a.b44-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}

html body .entry-content a.wp-block-button__link:active,
html body .entry-content .wp-block-button__link:active,
html body .entry-content a[role="button"]:active,
html body .entry-content button:active,
html body .entry-content input[type="button"]:active,
html body .entry-content input[type="submit"]:active,
html body [data-kubio] .kb-button:active,
html body .b44-btn:active,
html body a.b44-btn:active{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

/* Outline-Varianten */
html body .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
html body .entry-content a.wp-block-button__link.is-style-outline,
html body .b44-btn.is-outline{
  background:transparent;
  color:var(--b44-ink);
  border:1px solid var(--b44-ink-2);
}

/* Buttons in Gruppen sauber anordnen */
html body .entry-content .wp-block-buttons,
html body .b44-btns{
  display:flex; flex-wrap:wrap; gap:.6rem .8rem; align-items:center;
}

/* Kubio-Buttons hart festziehen (Gewicht) */
html body [data-kubio] .kb-button,
html body [data-kubio] .kb-button *{ font-weight:600 !important; }

/* Breiten & Textumbruch freundlich halten */
html body .entry-content .wp-block-button .wp-block-button__link{
  width:auto; max-width:100%; white-space:nowrap;
}

/* Optional: Links, die wie Buttons aussehen sollen */
html body .entry-content a.btn,
html body a.btn{
  border:1px solid var(--b44-bd);
  padding:.7rem 1rem;
  display:inline-flex;
}

/* Kleinere Kantenfälle: Navigationslinks nicht anfassen */
header a, nav a { text-decoration:none; }

/* Dezent: Fokus-Ring */
html body .entry-content a.wp-block-button__link:focus,
html body .entry-content .wp-block-button__link:focus,
html body .entry-content a[role="button"]:focus,
html body .entry-content button:focus,
html body .entry-content input[type="button"]:focus,
html body .entry-content input[type="submit"]:focus,
html body [data-kubio] .kb-button:focus{
  outline:2px solid rgba(0,0,0,.28);
  outline-offset:2px;
}
/* === NAVIGATION (Astra/Kubio) – Buttons & Links monochrom ================= */

/* 1) Astra: Standard-Menülinks im Header bekommen oft Blau auf :hover */
.site-header .ast-primary-header-bar .main-header-menu .menu-link:hover,
.site-header .ast-primary-header-bar .main-header-menu .menu-link:focus {
  background: transparent !important;
  color: var(--b44-ink) !important;
}

/* 2) Astra "Button"-Links im Menü (z. B. .ast-button, .menu-link.button) */
.site-header .ast-button,
.site-header .ast-button:visited,
.site-header .main-header-menu .menu-link.button,
.site-header .main-header-menu .menu-link.button:visited {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  border-radius: 0;
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease;
}
.site-header .ast-button:hover,
.site-header .main-header-menu .menu-link.button:hover {
  background: var(--b44-bg) !important;      /* Blau neutralisieren */
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}

/* 3) Kubio-Buttons, wenn sie im Header/Nav liegen */
header .wp-block-button__link,
header .kb-button,
header a[role="button"] {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}
header .wp-block-button__link:hover,
header .kb-button:hover,
header a[role="button"]:hover {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10) !important;
}

/* 4) Mobile-Menü/Toggler (falls als Button gestyled) */
.site-header .menu-toggle,
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* === Custom Topnav (außerhalb von .entry-content) ====================== */
html body nav.topnav .navlinks a,
html body header nav.topnav .navlinks a,
html body .topnav .navlinks a {
  appearance: none;
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  border-radius: 0 !important;
  padding: .72rem 1rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body nav.topnav .navlinks a:hover,
html body header nav.topnav .navlinks a:hover,
html body .topnav .navlinks a:hover {
  background: var(--b44-bg) !important;     /* Blau neutralisieren */
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10) !important;
}

/* Falls du Buttons im Topnav nutzt (.btn) */
html body nav.topnav .btn {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  border-radius: 0 !important;
}
html body nav.topnav .btn:hover {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
  transform: translateY(-1px);
}
/* === Blau neutralisieren: Kubio/Gutenberg-Variablen auf Monochrom setzen === */
:root{
  --kubio-color-1: 0,0,0;     /* primär -> schwarz */
  --kubio-color-2: 58,58,58;  /* sekundär -> dunkelgrau */
  --kubio-color-3: 0,0,0;     /* Akzent -> schwarz */
}

/* === Content-Buttons: Hover strikt monochrom ================================= */
html body .entry-content .wp-block-button .wp-block-button__link:hover,
html body .entry-content a.wp-block-button__link:hover,
html body .entry-content a[role="button"]:hover,
html body .entry-content .wp-element-button:hover,
html body .entry-content [data-kubio] .kb-button:hover {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.10) !important;
  transform: translateY(-1px);
}

/* Outline-Buttons ausdrücklich transparent halten */
html body .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover,
html body .entry-content a.wp-block-button__link.is-style-outline:hover {
  background: transparent !important;
  color: var(--b44-ink) !important;
  border-color: var(--b44-ink-2) !important;
}

/* Falls Links als Buttons gestylt sind (Gutenberg .wp-element-button) */
html body .entry-content .wp-element-button,
html body .entry-content .wp-element-button:hover {
  background: var(--b44-bg) !important;
  color: var(--b44-ink) !important;
  border: 1px solid var(--b44-bd) !important;
  border-radius: 0 !important;
}

/* =======================================================================
   BImSch44 – Kill-Switch Overrides (ganz ans Ende stellen)
   Erzwingt einheitliches Button-Styling & linke Ausrichtung im Schnellcheck
   ======================================================================= */

/* 1) Einheitliche Button-Optik auf ALLE Varianten, inkl. <a class="btn">  */
html body .entry-content :is(
  a.btn,
  button.btn,
  .wp-element-button,
  .wp-block-button__link,
  .ast-button,
  .ast-custom-button,
  .kubio-button,
  .kb-button,
  .kb-button__link
){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;

  /* an deine Variablen aus der Basis-Datei angelehnt */
  padding: var(--b44-py, .6rem) var(--b44-px, 1rem) !important;
  border-radius: var(--b44-radius, 0) !important;
  border: 1px solid var(--b44-bd, rgba(0,0,0,.14)) !important;
  background: var(--b44-bg, #ffffff) !important;
  color: var(--b44-ink, #0a0a0a) !important;
  line-height: 1.2 !important;
}

/* 2) Hover/Focus auf alle Varianten ausrollen */
html body .entry-content :is(
  a.btn,
  button.btn,
  .wp-element-button,
  .wp-block-button__link,
  .ast-button,
  .ast-custom-button,
  .kubio-button,
  .kb-button,
  .kb-button__link
):is(:hover,:focus-visible){
  background: var(--b44-glass, rgba(255,255,255,.78)) !important;
  color: var(--b44-ink, #0a0a0a) !important;
  box-shadow: 0 0 0 .18rem rgba(0,0,0,.06) !important;
  outline: none !important;
  text-decoration: none !important;
}

/* 3) Kontakt-CTA (#sc-kontakt) explizit einfangen – selbst wenn keine .btn-Klasse gesetzt wäre */
html body .entry-content #schnellcheck #sc-kontakt{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;

  padding: var(--b44-py, .6rem) var(--b44-px, 1rem) !important;
  border-radius: var(--b44-radius, 0) !important;
  border: 1px solid var(--b44-bd, rgba(0,0,0,.14)) !important;
  background: var(--b44-bg, #ffffff) !important;
  color: var(--b44-ink, #0a0a0a) !important;
}

/* 4) Rechte Spalte im Schnellcheck konsequent linksbündig – überstimmt Karten-Centering */
html body .entry-content #schnellcheck,
html body .entry-content #schnellcheck :is(h3,p,ul,form,label,#sc-ergebnis){
  text-align:left !important;
}

/* 5) Form-Feinschliff (nicht typografisch invasiv) */
html body .entry-content #schnellcheck form label{
  display:block !important;
  margin:.5rem 0 !important;
}
html body .entry-content #schnellcheck select,
html body .entry-content #schnellcheck input[type="number"]{
  width:100% !important;
  margin-top:.25rem !important;
}

/* 6) Notfall: Astra/Kubio Outline-Styles neutralisieren, falls die nochmal „greifen“ */
html body .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
html body .entry-content a.wp-block-button__link.is-style-outline,
html body .entry-content .wp-element-button.is-style-outline{
  background: transparent !important;
  color: var(--b44-ink, #0a0a0a) !important;
  border-color: var(--b44-ink-2, #3a3a3a) !important;
}