/* MotoHebeWerk — Fingerprint consent control + Real Cookie Banner integration.
   The consent dialog itself is Real Cookie Banner's own (styled to V5 in RCB
   settings). This file only provides the floating fingerprint trigger and the
   first-view auto-suppression guard. No consent state is stored here. */

/* Visibility guard used only for the brief moment the first-view banner is
   auto-dismissed via RCB's real "Nur notwendige" path (prevents any flash). */
html.mhw-cc-hide div[consent-skip-blocker]{
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Enforce the website's sans-serif inside the Real Cookie Banner dialog + banner.
   RCB's second-layer dialog headings otherwise fall back to the browser default
   serif (Times New Roman). Font only — no text replacement, no hiding. */
div[consent-skip-blocker], div[consent-skip-blocker] *{
  font-family: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Floating fingerprint button (privacy symbol only — collects no biometric data) */
.mhw-fab{
  position: fixed;
  left: 20px; left: max(20px, env(safe-area-inset-left));
  bottom: 20px; bottom: max(20px, env(safe-area-inset-bottom));
  width: 52px; height: 52px; min-width: 48px; min-height: 48px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid rgba(10, 14, 20, 0.08);
  color: #1B222C;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0; margin: 0; cursor: pointer;
  z-index: 2147483000;
  box-shadow: 0 6px 20px rgba(5, 7, 10, 0.28), 0 2px 6px rgba(5, 7, 10, 0.16);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, opacity .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.mhw-fab:hover, .mhw-fab:focus-visible{
  transform: translateY(-2px);
  border-color: #2583F2;
  box-shadow: 0 8px 26px rgba(37, 131, 242, 0.32), 0 2px 6px rgba(5, 7, 10, 0.18);
  outline: none;
}
.mhw-fab:focus-visible{
  box-shadow: 0 0 0 3px rgba(37, 131, 242, 0.55), 0 8px 26px rgba(5, 7, 10, 0.28);
}
.mhw-fab svg{ width: 26px; height: 26px; display: block; }
.mhw-fab .mhw-fab-tip{
  position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%);
  white-space: nowrap;
  background: #05070A; color: #F5F7FA;
  font: 500 12px/1 "Manrope", system-ui, -apple-system, sans-serif;
  padding: 7px 10px; border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  opacity: 0; pointer-events: none; transition: opacity .15s ease;
}
.mhw-fab:hover .mhw-fab-tip, .mhw-fab:focus-visible .mhw-fab-tip{ opacity: 1; }

/* Subtle pulse — only until the visitor has opened the settings at least once */
.mhw-fab.mhw-pulse::after{
  content: ""; position: absolute; inset: -4px; border-radius: 50%;
  border: 2px solid rgba(37, 131, 242, 0.55);
  animation: mhw-fab-pulse 2.4s ease-out infinite;
}
@keyframes mhw-fab-pulse{
  0%   { transform: scale(0.9); opacity: 0.7; }
  70%  { transform: scale(1.35); opacity: 0; }
  100% { opacity: 0; }
}

/* Hidden while the footer is in view so it never overlaps footer links */
.mhw-fab.mhw-fab-hidden{ opacity: 0; pointer-events: none; transform: translateY(8px); }

/* Mobile: sit safely above the sticky purchase bar + safe-area inset */
@media (max-width: 768px){
  .mhw-fab{
    width: 48px; height: 48px;
    left: 16px; left: max(16px, env(safe-area-inset-left));
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
  .mhw-fab .mhw-fab-tip{ display: none; }
}

/* Footer "Cookie-Einstellungen" trigger reads as a normal footer link */
.mhw-cc-link{
  background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: inherit; cursor: pointer;
}
.mhw-cc-link:hover, .mhw-cc-link:focus-visible{ color: #ffffff; text-decoration: underline; outline: none; }

@media (prefers-reduced-motion: reduce){
  .mhw-fab, .mhw-fab::after{ transition: none !important; animation: none !important; }
}