/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root:root{
    /* Settings */
    --bcb-primary: var(--primary);
    --bcb-primary-hover: var(--primary-hover);
    --bcb-radius: var(--radius);
    --bcb-text: var(--text-s);
	--bcb-link-color: var(--link-color);

    /* Borlabs Code */
    --dialog-backdrop-background-color: var(--black);
    --dialog-background-color: var(--white);
    --dialog-button-accept-all-color: var(--bcb-primary);
    --dialog-button-accept-all-color-hover: var(--bcb-primary-hover);
    --dialog-button-accept-all-text-color: var(--white);
    --dialog-button-accept-all-text-color-hover: var(--white);
    --dialog-button-accept-only-essential-color: var(--bcb-primary);
    --dialog-button-accept-only-essential-color-hover: var(--bcb-primary-hover);
    --dialog-button-accept-only-essential-text-color: var(--white);
    --dialog-button-accept-only-essential-text-color-hover: var(--white);
    --dialog-button-close-color: var(--bcb-primary);
    --dialog-button-close-color-hover: var(--bcb-primary-hover);
    --dialog-button-close-text-color: var(--white);
    --dialog-button-close-text-color-hover: var(--white);
    --dialog-button-preferences-color: var(--bcb-primary);
    --dialog-button-preferences-color-hover: var(--bcb-primary-hover);
    --dialog-button-preferences-text-color: var(--white);
    --dialog-button-preferences-text-color-hover: var(--white);
    --dialog-button-save-consent-color: var(--bcb-primary);
    --dialog-button-save-consent-color-hover: var(--bcb-primary-hover);
    --dialog-button-save-consent-text-color: var(--white);
    --dialog-button-save-consent-text-color-hover: var(--white);
    --dialog-button-selection-color: var(--black);
    --dialog-button-selection-color-hover: var(--base);
    --dialog-button-selection-text-color: var(--white);
    --dialog-button-selection-text-color-hover: var(--white);
    --dialog-checkbox-background-color-active: var(--bcb-primary-hover);
    --dialog-checkbox-background-color-disabled: var(--base-ultra-light);
    --dialog-checkbox-background-color-inactive: var(--white);
    --dialog-checkbox-border-color-active: var(--bcb-primary-hover);
    --dialog-checkbox-border-color-disabled: var(--base-ultra-light);
    --dialog-checkbox-check-mark-color-active: var(--white);
    --dialog-card-background-color: var(--white);
    --dialog-card-control-element-color: var(--bcb-primary);
    --dialog-card-control-element-color-hover: var(--bcb-primary-hover);
    --dialog-card-text-color: var(--body-color, var(--black));
    --dialog-control-element-color: var(--bcb-primary);
    --dialog-control-element-color-hover: var(--bcb-primary-hover);
    --dialog-footer-background-color: var(--base-ultra-light);
    --dialog-footer-text-color: var(--base);
    --dialog-link-primary-color: var(--bcb-primary);
    --dialog-link-primary-color-hover: var(--bcb-primary-hover);
    --dialog-link-secondary-color: var(--bcb-link-color);
    --dialog-link-secondary-color-hover: var(--bcb-primary-hover);
    --dialog-list-item-background-color-even: var(--white);
    --dialog-list-item-background-color-odd: var(--white);
    --dialog-list-item-text-color-even: var(--body-color, var(--black));
    --dialog-list-item-text-color-odd: var(--body-color, var(--black));
    --dialog-list-item-control-element-color: var(--base);
    --dialog-list-item-control-element-color-hover: var(--base);
    --dialog-list-item-control-element-separator-color: var(--base);
    --dialog-list-item-separator-color: var(--base-ultra-light);
    --dialog-search-bar-input-background-color: var(--white);
    --dialog-search-bar-input-border-color-focus: var(--bcb-primary);
    --dialog-search-bar-input-text-color: var(--body-color, var(--black));
    --dialog-separator-color: var(--base-ultra-light);
    --dialog-switch-button-background-color-active: var(--bcb-primary);
    --dialog-switch-button-background-color-inactive: var(--base-ultra-light);
    --dialog-switch-button-color-active: var(--white);
    --dialog-switch-button-color-inactive: var(--white);
    --dialog-tab-bar-tab-background-color-active: var(--bcb-primary);
    --dialog-tab-bar-tab-background-color-inactive: var(--white);
    --dialog-tab-bar-tab-border-color-bottom-active: var(--bcb-primary-hover);
    --dialog-tab-bar-tab-border-color-bottom-inactive: var(--base-ultra-light);
    --dialog-tab-bar-tab-border-color-left-active: var(--bcb-primary-hover);
    --dialog-tab-bar-tab-border-color-left-inactive: var(--base-ultra-light);
    --dialog-tab-bar-tab-border-color-right-active: var(--bcb-primary-hover);
    --dialog-tab-bar-tab-border-color-right-inactive: var(--base-ultra-light);
    --dialog-tab-bar-tab-border-color-top-active: var(--bcb-primary-hover);
    --dialog-tab-bar-tab-border-color-top-inactive: var(--base-ultra-light);
    --dialog-tab-bar-tab-text-color-active: var(--white);
    --dialog-tab-bar-tab-text-color-inactive: var(--body-color, var(--black));
    --dialog-table-row-background-color-even: var(--base-ultra-light);
    --dialog-table-row-background-color-odd: var(--base-ultra-light);
    --dialog-table-row-text-color-even: var(--body-color, var(--black));
    --dialog-table-row-text-color-odd: var(--body-color, var(--black));
    --dialog-table-row-border-color: var(--base-ultra-light);
    --dialog-text-color: var(--body-color, var(--black));
    --dialog-cookie-group-justification: space-between;
    --dialog-border-radius-bottom-left: var(--bcb-radius);
    --dialog-border-radius-bottom-right: var(--bcb-radius);
    --dialog-border-radius-top-left: var(--bcb-radius);
    --dialog-border-radius-top-right: var(--bcb-radius);
    --dialog-button-border-radius-bottom-left: var(--bcb-radius);
    --dialog-button-border-radius-bottom-right: var(--bcb-radius);
    --dialog-button-border-radius-top-left: var(--bcb-radius);
    --dialog-button-border-radius-top-right: var(--bcb-radius);
    --dialog-card-border-radius-bottom-left: var(--bcb-radius);
    --dialog-card-border-radius-bottom-right: var(--bcb-radius);
    --dialog-card-border-radius-top-left: var(--bcb-radius);
    --dialog-card-border-radius-top-right: var(--bcb-radius);
    --dialog-card-list-padding-medium-screen-bottom: var(--space-m);
    --dialog-card-list-padding-medium-screen-left: var(--space-m);
    --dialog-card-list-padding-medium-screen-right: var(--space-m);
    --dialog-card-list-padding-small-screen-bottom: var(--space-s);
    --dialog-card-list-padding-small-screen-left: var(--space-s);
    --dialog-card-list-padding-small-screen-right: var(--space-s);
    --dialog-checkbox-border-radius-bottom-left: var(--bcb-radius);
    --dialog-checkbox-border-radius-bottom-right: var(--bcb-radius);
    --dialog-checkbox-border-radius-top-left: var(--bcb-radius);
    --dialog-checkbox-border-radius-top-right: var(--bcb-radius);
    --dialog-font-size: var(--bcb-text);
    --dialog-list-border-radius-bottom-left: var(--bcb-radius);
    --dialog-list-border-radius-bottom-right: var(--bcb-radius);
    --dialog-list-border-radius-top-left: var(--bcb-radius);
    --dialog-list-border-radius-top-right: var(--bcb-radius);
    --dialog-search-bar-input-border-radius-bottom-left: var(--bcb-radius);
    --dialog-search-bar-input-border-radius-bottom-right: var(--bcb-radius);
    --dialog-search-bar-input-border-radius-top-left: var(--bcb-radius);
    --dialog-search-bar-input-border-radius-top-right: var(--bcb-radius);
    --dialog-tab-bar-tab-border-radius-top-left-active: var(--bcb-radius);
    --dialog-tab-bar-tab-border-radius-top-right-active: var(--bcb-radius);
    --dialog-tab-bar-tab-border-radius-top-left-inactive: var(--bcb-radius);
    --dialog-tab-bar-tab-border-radius-top-right-inactive: var(--bcb-radius);
	
	--content-blocker-button-color: var(--bcb-primary);
	--content-blocker-button-color-hover: var(--bcb-primary-hover);
	--content-blocker-button-border-radius-bottom-left: var(--bcb-radius);
	--content-blocker-button-border-radius-bottom-right: var(--bcb-radius);
	--content-blocker-button-border-radius-top-left: var(--bcb-radius);
	--content-blocker-button-border-radius-top-right: var(--bcb-radius);
	
	--content-blocker-link-color: var(--bcb-link-color);
	--content-blocker-link-color-hover: var(--link-color-hover);
}



/* =============================================
   HEADER: Titel ausblenden
   ============================================= */

#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-headline {
  display: none !important;
}

/* =============================================
   "Einwilligung speichern" → Outline Primärfarbe
   ============================================= */

#BorlabsCookieBox .brlbs-btn-save,
#BorlabsCookieBox .brlbs-btn-save:focus,
#BorlabsCookieBox .brlbs-btn-save:focus-visible {
  background-color: var(--white) !important;
  color: var(--primary) !important;
  outline: 2px solid var(--primary) !important;
  outline-offset: -2px !important;
}
#BorlabsCookieBox .brlbs-btn-save:hover {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* =============================================
   "Nur essenzielle Cookies" → Outline Primärfarbe
   ============================================= */

#BorlabsCookieBox .brlbs-btn-accept-only-essential,
#BorlabsCookieBox .brlbs-btn-accept-only-essential:focus,
#BorlabsCookieBox .brlbs-btn-accept-only-essential:focus-visible {
  background-color: var(--white) !important;
  color: var(--primary) !important;
  outline: 2px solid var(--primary) !important;
  outline-offset: -2px !important;
}
#BorlabsCookieBox .brlbs-btn-accept-only-essential:hover {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* =============================================
   "Individuelle Präferenzen" → Textlink, immer sichtbar
   ============================================= */

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences,
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences:focus,
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences:focus-visible {
  background-color: var(--white) !important;
  color: var(--primary) !important;
  font-weight: 400 !important;
  font-size: var(--text-s) !important;
  text-decoration: underline !important;
}
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences:hover {
  background-color: var(--white) !important;
  color: var(--primary-hover) !important;
  text-decoration: none !important;
}

/* =============================================
   USA-Absatz zurückdrängen
   ============================================= */

#BorlabsCookieBox .brlbs-cmpnt-non-eu-data-transfer {
  font-size: var(--text-xs) !important;
  opacity: 0.55;
  line-height: 1.4 !important;
}

/* =============================================
   Button-Abstände kompakter
   ============================================= */

#BorlabsCookieBox .brlbs-space-y-2 > div + div {
  margin-top: calc(var(--space-xs) / 2) !important;
}

/* =============================================
   Close-Button größer
   ============================================= */

#BorlabsCookieBox .brlbs-cmpnt-close-button {
  padding: 16px !important;
}
#BorlabsCookieBox .brlbs-cmpnt-close-button svg {
  width: 20px !important;
  height: 20px !important;
}

/* =============================================
   PREFERENCES-DIALOG: Header-Titel ausblenden
   ============================================= */

#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header h2 {
  display: none !important;
}

/* Logo zentriert ohne Margin zum (weggefallenen) Titel */
#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-dialog-logo {
  margin-right: 0 !important;
  height: 40px !important;
}