/* ================================================================
   LA TRATTORIA – Complianz Cookie Banner Custom Styles
   ================================================================
   Überschreibt das Standard-Complianz-Design um es an das
   dunkle, elegante Restaurant-Theme anzupassen.
   Einfügen unter: Complianz > Cookie Banner > Custom CSS
   ================================================================ */

/* ─── VERZÖGERTER EINBLEND-EFFEKT ───
   Banner startet unsichtbar und wird nach der Seiten-Animation
   per JS eingeblendet (class lt-cmplz-show). DSGVO-konform da
   Complianz Cookies unabhängig vom Banner-UI blockiert. */
#cmplz-cookiebanner-container {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

#cmplz-cookiebanner-container.lt-cmplz-show {
  opacity: 1;
  pointer-events: auto;
}

/* ─── BANNER CONTAINER ─── */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
  background: #15120E !important;
  border-top: 1px solid rgba(201, 169, 110, 0.15) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.5) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  padding: 1.5rem 2rem !important;
}

/* Popup/Modal Variante */
.cmplz-cookiebanner.cmplz-popup .cmplz-body {
  background: #15120E !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
  border-radius: 0 !important;
  max-width: 560px !important;
}

/* ─── TEXTE ─── */
#cmplz-cookiebanner-container .cmplz-message {
  color: #BFB5A3 !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
}

#cmplz-cookiebanner-container .cmplz-title {
  color: #F5EDE0 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 1.3rem !important;
  line-height: 1.15 !important;
  margin-bottom: 0.5rem !important;
}

/* Links im Banner */
#cmplz-cookiebanner-container a,
#cmplz-cookiebanner-container .cmplz-links a {
  color: #C9A96E !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

#cmplz-cookiebanner-container a:hover,
#cmplz-cookiebanner-container .cmplz-links a:hover {
  color: #E2C992 !important;
}

/* ─── BUTTONS GEMEINSAM ─── */
#cmplz-cookiebanner-container .cmplz-btn {
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  padding: 0.9rem 2rem !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
  min-width: auto !important;
}

/* ─── AKZEPTIEREN BUTTON (Primary – Gold) ─── */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept {
  background: #C9A96E !important;
  color: #0C0A08 !important;
  border: 1px solid #C9A96E !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover {
  background: #E2C992 !important;
  border-color: #E2C992 !important;
}

/* ─── EINSTELLUNGEN / FUNKTIONAL BUTTON (Secondary – Outline) ─── */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences {
  background: transparent !important;
  color: #BFB5A3 !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:hover {
  border-color: #8B7340 !important;
  color: #C9A96E !important;
}

/* ─── BUTTON CONTAINER ─── */
#cmplz-cookiebanner-container .cmplz-buttons {
  display: flex !important;
  gap: 0.8rem !important;
  flex-wrap: wrap !important;
  margin-top: 1rem !important;
}

/* ─── KATEGORIEN / TOGGLES ─── */
#cmplz-cookiebanner-container .cmplz-categories {
  border-color: rgba(201, 169, 110, 0.15) !important;
  margin-top: 1rem !important;
}

#cmplz-cookiebanner-container .cmplz-category {
  border-bottom: 1px solid rgba(201, 169, 110, 0.1) !important;
  padding: 0.8rem 0 !important;
}

#cmplz-cookiebanner-container .cmplz-category .cmplz-category-header {
  color: #F5EDE0 !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.85rem !important;
}

#cmplz-cookiebanner-container .cmplz-category .cmplz-description {
  color: #9A8F80 !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
}

/* Toggle Switches */
#cmplz-cookiebanner-container .cmplz-toggle .cmplz-slider {
  background-color: #2A241D !important;
  border-radius: 12px !important;
}

#cmplz-cookiebanner-container .cmplz-toggle input:checked + .cmplz-slider {
  background-color: #C9A96E !important;
}

#cmplz-cookiebanner-container .cmplz-toggle .cmplz-slider::before {
  background-color: #F5EDE0 !important;
}

/* Always-on Toggle (funktional) */
#cmplz-cookiebanner-container .cmplz-toggle input:disabled + .cmplz-slider {
  background-color: #8B7340 !important;
  opacity: 0.6 !important;
}

/* ─── CLOSE BUTTON (X) ─── */
#cmplz-cookiebanner-container .cmplz-close {
  color: #9A8F80 !important;
  transition: color 0.3s ease !important;
}

#cmplz-cookiebanner-container .cmplz-close:hover {
  color: #C9A96E !important;
}

/* ─── OVERLAY (für Popup-Modus) ─── */
#cmplz-cookiebanner-container .cmplz-overlay {
  background: rgba(12, 10, 8, 0.85) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* ─── DATENSCHUTZ-SEITE: Cookie-Einstellungen Button ─── */
button.lt-cmplz-open {
  display: inline-block;
  padding: 0.9rem 2rem;
  background: transparent;
  color: #BFB5A3;
  border: 1px solid rgba(201, 169, 110, 0.15);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

button.lt-cmplz-open:hover {
  border-color: #8B7340;
  color: #C9A96E;
}

/* ─── REVOKE-BUTTON AUSBLENDEN ───
   Der Floating-Button zum Widerrufen der Cookie-Einwilligung wird
   komplett versteckt. Nutzer können ihre Einstellungen stattdessen
   über die Datenschutzseite ändern (Shortcode [cmplz-manage-consent]). */
#cmplz-manage-consent,
.cmplz-manage-consent,
.cmplz-cookiebanner .cmplz-manage-consent-container {
  display: none !important;
}

/* ─── RESPONSIVE ─── */
@media (max-width: 768px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner {
    padding: 1.2rem 1rem !important;
  }

  #cmplz-cookiebanner-container .cmplz-btn {
    padding: 0.8rem 1.5rem !important;
    font-size: 0.65rem !important;
    width: 100% !important;
    text-align: center !important;
  }

  #cmplz-cookiebanner-container .cmplz-buttons {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  #cmplz-cookiebanner-container .cmplz-title {
    font-size: 1.1rem !important;
  }
}