/* Cookie-Hinweis (Oveleon Cookiebar) im Design von privat-altersvorsorgedepot.de
   Wird NACH default.css geladen. Alle drei Buttons sind bewusst gleich gestaltet. */
.contao-cookiebar {
  --ccb-clr: var(--pad-text);
  --ccb-text: var(--pad-text);
  --ccb-bdr: var(--pad-border);
  --ccb-detail-clr: var(--pad-muted);
  --ccb-detail-clr-hvr: var(--pad-ink);
  --ccb-focus-clr: var(--pad-violet);
  --ccb-unchecked-clr: #6B7280;
  --ccb-checked-clr: #5B21B6;
  --ccb-checked-bg: var(--pad-tint);
}
.contao-cookiebar .cc-inner { border: 3px solid var(--pad-turquoise); border-radius: var(--pad-radius); box-shadow: 0 8px 30px rgba(11, 59, 54, .25); }
.contao-cookiebar .cc-head h2 { color: var(--pad-ink); }
.contao-cookiebar .cc-head p, .contao-cookiebar .cc-info > p { color: var(--pad-text); font-size: 1rem; }
.contao-cookiebar .cc-group { border-radius: 12px; }
.contao-cookiebar .cc-detail-btn, .contao-cookiebar .cc-detail-btn-details { font-size: 1rem; text-decoration: underline; }
.contao-cookiebar .cc-info > a { color: #5B21B6; font-size: 1rem; text-decoration: underline; }
.contao-cookiebar .cc-info > a:hover { color: var(--pad-ink); }

/* Gleichwertige Buttons: speichern, alle akzeptieren, alle ablehnen */
.contao-cookiebar .cc-footer { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }
.contao-cookiebar .cc-footer .cc-btn,
.contao-cookiebar .highlight .success,
.contao-cookiebar .grayscale .success {
  --ccb-btn-bg: var(--pad-signal);
  --ccb-btn-bg-hvr: var(--pad-signal-hover);
  --ccb-btn-bdr: var(--pad-ink);
  --ccb-btn-clr: var(--pad-ink);
}
.contao-cookiebar .cc-footer .cc-btn {
  min-height: 48px;
  padding: .7rem 1.3rem;
  border-width: 2px;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
}
.contao-cookiebar .cc-close { color: var(--pad-ink) !important; }

/* Bei "Bewegung reduzieren" sind Animationen abgeschaltet (theme.css).
   Der Hinweis wird sonst nach dem Speichern nur per Animation ausgeblendet. */
@media (prefers-reduced-motion: reduce) {
  .contao-cookiebar.cc-saved .cc-inner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}