/* ============================================
   Borlabs Cookie – Custom CSS (Schreiner Capital)
   Wird vom Theme per wp_enqueue_style geladen (schreiner-borlabs-custom)
   und zusätzlich über borlabsCookie/styleBuilder/modifyCss in Borlabs’
   eigenes Frontend-CSS injiziert (siehe app/setup.php).
   ============================================ */

/* ============================================
   Content Blocker (Karten-Platzhalter etc.)
   Borlabs setzt die Defaults in :root – wir überschreiben gezielt für
   den Content-Blocker-Container, das gewinnt durch höhere Spezifität.
   ============================================ */
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker,
:root {
  --content-blocker-button-color: #ae8d62;
  --content-blocker-button-color-hover: #3a3b47;
  --content-blocker-button-text-color: #ffffff;
  --content-blocker-button-text-color-hover: #ffffff;
  --content-blocker-link-color: #ae8d62;
  --content-blocker-link-color-hover: #3a3b47;
  --content-blocker-text-color: #3a3b47;
  --content-blocker-background-color: #e3ddd2;
  --content-blocker-background: rgba(227, 221, 210, 0.92);
  --content-blocker-background-opacity: 0.92;
  --content-blocker-separator-color: rgba(58, 59, 71, 0.2);
  --content-blocker-button-border-radius-top-left: 0;
  --content-blocker-button-border-radius-top-right: 0;
  --content-blocker-button-border-radius-bottom-left: 0;
  --content-blocker-button-border-radius-bottom-right: 0;
  --content-blocker-border-radius-top-left: 0;
  --content-blocker-border-radius-top-right: 0;
  --content-blocker-border-radius-bottom-left: 0;
  --content-blocker-border-radius-bottom-right: 0;
  --content-blocker-font-family: "Instrument Sans", sans-serif;
}

/* Sicherheitsnetz mit der gleichen Spezifität wie Borlabs’ eigene Regel
   (body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn). */
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn {
  background-color: #ae8d62 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active {
  background-color: #3a3b47 !important;
  color: #ffffff !important;
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover {
  color: #ae8d62 !important;
  text-decoration: underline !important;
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-description,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-description p,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-description strong {
  color: #3a3b47 !important;
  font-family: "Instrument Sans", sans-serif !important;
}

/* ============================================
   Cookie-Dialog (Banner) – Werte kommen aus dem Borlabs Style Builder
   und liegen bereits in der CD-Palette (#c7bda7 / #9f8e69). Hier nur
   feine Anpassungen für Typographie & Form.
   ============================================ */

/* Backdrop – weniger dunkel */
.brlbs-cmpnt-dialog-backdrop {
  background: rgba(58, 59, 71, 0.5) !important;
}

/* Dialog-Box */
.brlbs-cmpnt-dialog-box {
  background-color: #e3ddd2 !important; /* softivory */
  border: 1px solid #ae8d62 !important; /* customtan */
  border-radius: 0 !important;
  box-shadow: 0 25px 50px -12px rgba(58, 59, 71, 0.25) !important;
  font-family: "Instrument Sans", sans-serif !important;
  color: #3a3b47 !important;
}

/* Dialog-Header & Titel (Entrance + Preferences) */
.brlbs-cmpnt-dialog-entrance-headline,
.brlbs-cmpnt-dialog-details-header h2,
#BorlabsCookieEntranceA11YHeadline,
#BorlabsCookiePreferencesA11YHeadline {
  font-family: "Cormorant", serif !important;
  font-weight: 500 !important;
  font-size: 1.75rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #3a3b47 !important;
}

/* Beschreibungstext */
.brlbs-cmpnt-dialog-details-description p,
#BorlabsCookiePreferencesA11YDescription {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: rgba(58, 59, 71, 0.85) !important;
}

/* Tabs */
.brlbs-cmpnt-tab-bar {
  border-bottom: 1px solid rgba(58, 59, 71, 0.2) !important;
}

.brlbs-cmpnt-tab {
  font-family: "Instrument Sans", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: rgba(58, 59, 71, 0.7) !important;
  border-radius: 0 !important;
  transition: color 0.25s ease-out, border-color 0.25s ease-out !important;
}

.brlbs-cmpnt-tab-active {
  color: #ae8d62 !important;
  border-bottom: 2px solid #ae8d62 !important;
  background-color: transparent !important;
  background: none !important;
}

.brlbs-cmpnt-tab-inactive:hover {
  color: #3a3b47 !important;
}

/* Service-Gruppen-Cards */
.brlbs-cmpnt-card-service-group,
.brlbs-cmpnt-card {
  background-color: #fff !important;
  border: 1px solid rgba(58, 59, 71, 0.15) !important;
  border-radius: 0 !important;
}

.brlbs-cmpnt-card-service-group fieldset legend,
.brlbs-cmpnt-card-group-form-control label {
  font-family: "Instrument Sans", sans-serif !important;
  font-weight: 600 !important;
  color: #3a3b47 !important;
}

.brlbs-cmpnt-card-service-group p.brlbs-text-sm,
.brlbs-cmpnt-accordion-toggle span {
  color: rgba(58, 59, 71, 0.85) !important;
}

/* Checkbox */
.brlbs-cmpnt-checkbox {
  accent-color: #ae8d62 !important;
}

/* Dialog-Footer ausblenden */
.brlbs-cmpnt-dialog-footer {
  display: none !important;
}

/* Scrollbereich */
.brlbs-cmpnt-dialog-details .md\:brlbs-max-h-80 {
  scrollbar-width: thin;
  scrollbar-color: #ae8d62 #e3ddd2;
}

/* Focus für Accessibility */
.brlbs-cmpnt-btn:focus-visible,
.brlbs-cmpnt-tab:focus-visible,
.brlbs-cmpnt-accordion-toggle:focus-visible {
  outline: 2px solid #ae8d62 !important;
  outline-offset: 2px !important;
}