/* BerosCheck – gemeinsame Styles für Header, Navigation, WhatsApp-CTAs (Single Source of Truth).
   Wird von scripts/build-pages.mjs auf jeder Seite VOR den Inline-Styles eingebunden:
   Alle Selektoren stehen in :where() (Spezifität 0): Tailwind-Utilities (hidden, lg:hidden …) und seiteneigene Regeln gewinnen immer;
   seiteneigene Regeln dürfen weiterhin überschreiben, fehlende Regeln werden aber nie mehr vergessen. */
:where(.nav-glass) { background: rgba(7,12,24,0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border, rgba(255,255,255,0.07)); }
:where(.nav-link) { color: var(--muted, #94a3b8); text-decoration: none; font-size: 0.875rem; font-weight: 600; padding: 0.5rem 0.85rem; border-radius: 0.6rem; border: 1px solid transparent; transition: color 0.15s, background 0.15s, border-color 0.15s; white-space: nowrap; }
:where(.nav-link:hover) { color: var(--text, #f1f5f9); background: rgba(255,255,255,0.04); }
:where(.nav-link.active) { color: var(--text, #f1f5f9); background: rgba(59,130,246,0.15); border-color: rgba(59,130,246,0.25); }
:where(.mobile-menu) { display: none; }
:where(.mobile-menu.open) { display: flex; flex-direction: column; }
:where(.btn-wa) { background: var(--green, #25d366); color: #fff; font-weight: 700; border-radius: 0.875rem; transition: all 0.25s; display: inline-flex; align-items: center; gap: 0.55rem; text-decoration: none; }
:where(.btn-wa:hover) { background: var(--green-dark, #1da851); transform: translateY(-2px); box-shadow: 0 12px 35px rgba(37,211,102,0.35); }
:where(.wa-float) { position: fixed; right: 24px; bottom: 24px; width: 60px; height: 60px; border-radius: 50%; background: var(--green, #25d366); color: #fff; font-size: 28px; display: none; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 8px 30px rgba(37,211,102,0.5); z-index: 35; }
@media (min-width: 768px) { :where(.wa-float) { display: flex; } }
:where(.sticky-cta) { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(7,12,24,0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--border, rgba(255,255,255,0.07)); padding: 0.65rem 1rem; z-index: 30; display: block; }
@media (min-width: 768px) { :where(.sticky-cta) { display: none; } }