/*
 * Cookie-Consent Styling — Götz KFZ-Meisterbetrieb
 * Passt zum dunklen Seiten-Theme (Montserrat, Akzent #ff6b6b).
 * "Ablehnen" ist bewusst gleichwertig prominent zu "Akzeptieren".
 */
#goetz-cc { display: none; }
#goetz-cc.cc-open { display: block; }

#goetz-cc .cc-overlay {
  position: fixed; inset: 0; z-index: 2147483640;
  background: rgba(9, 11, 16, 0.55);
}

#goetz-cc .cc-box {
  position: fixed; z-index: 2147483641;
  left: 50%; bottom: 24px; transform: translateX(-50%);
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 48px); overflow-y: auto;
  background: #14171f; color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.12); border-radius: 16px;
  padding: 24px; box-shadow: 0 18px 50px rgba(0,0,0,0.5);
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}

#goetz-cc .cc-title {
  margin: 0 0 10px; font-size: 1.25rem; font-weight: 800; color: #fff; line-height: 1.2;
}
#goetz-cc .cc-text { margin: 0 0 18px; font-size: 0.92rem; line-height: 1.6; color: rgba(255,255,255,0.82); }
#goetz-cc .cc-text a { color: #ff6b6b; text-decoration: underline; text-underline-offset: 2px; }
#goetz-cc .cc-text strong { color: #fff; }

#goetz-cc .cc-prefs { margin: 0 0 18px; border-top: 1px solid rgba(255,255,255,0.1); }
#goetz-cc .cc-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.08);
}
#goetz-cc .cc-row small { color: rgba(255,255,255,0.6); font-size: 0.78rem; }
#goetz-cc .cc-badge {
  font-size: 0.72rem; font-weight: 700; color: rgba(255,255,255,0.55);
  white-space: nowrap; padding: 4px 10px; border: 1px solid rgba(255,255,255,0.2); border-radius: 999px;
}
#goetz-cc .cc-toggle { width: 22px; height: 22px; accent-color: #ff6b6b; cursor: pointer; }

#goetz-cc .cc-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
#goetz-cc [hidden] { display: none !important; }  /* hidden-Attribut gewinnt gegen display:flex */
#goetz-cc .cc-btn {
  flex: 1 1 auto; min-width: 120px;
  font-family: inherit; font-size: 0.9rem; font-weight: 700; cursor: pointer;
  padding: 12px 18px; border-radius: 10px; border: 1px solid transparent; transition: filter .15s ease;
}
#goetz-cc .cc-btn:hover { filter: brightness(1.08); }
#goetz-cc .cc-btn--primary { background: #ff6b6b; color: #14171f; }
#goetz-cc .cc-btn--secondary { background: rgba(255,255,255,0.1); color: #fff; border-color: rgba(255,255,255,0.2); }
#goetz-cc .cc-btn--ghost { background: transparent; color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.18); flex: 0 0 auto; min-width: 0; }

@media (max-width: 480px) {
  #goetz-cc .cc-box { left: 8px; right: 8px; transform: none; width: auto; bottom: 8px; padding: 20px; }
  #goetz-cc .cc-btn--ghost { order: 3; flex: 1 1 100%; }
}

/* Footer-Widerruf-Link (Pflicht) — matcht .footer-legal a */
.cookie-settings-link {
  background: none; border: none; padding: 0; cursor: pointer;
  font: inherit; color: rgba(255,255,255,0.5); transition: color 0.3s;
}
.cookie-settings-link:hover { color: #fff; }