/*
 Theme Name:   Divi Child
 Theme URI:    https://www.chooomedia.de/wordpress-themes/
 Description:  Divi Child Theme with individualized Music Player
 Author:       CHOOOMEDIA
 Author URI:   https://chooomedia.de/
 Template:     Divi
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

#main-header {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px) !important;
}

/* ==== Borlabs Cookie Content-Blocker ==== */

/* Provider-Toggle-Button (z. B. "YouTube laden") in Markenfarbe */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle {
    color: var(--content-blocker-button-color, #06907b);
}

/* Content-Blocker Preset A: abgerundete Ecken */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a {
    border-radius: 28px;
}

/* Provider-Toggle (Link): Textfarbe + Hover-Textfarbe */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover {
    color: var(--dialog-button-accept-all-color-hover, #4d4d4d);
}

/* Content-Blocker Button: Hover-Hintergrund */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn:hover {
    background: var(--dialog-button-accept-all-color-hover, #4d4d4d);
}

/* ==== Borlabs Buttons: konsistent mit Divi-Buttons ====
 * (Inter-Bold, 18px, uppercase, letter-spacing 1px, radius 4px, Gradient)
 * Gilt für Cookie-Consent-Dialog UND Content-Blocker-Buttons. */

/* Gemeinsame Typografie aller Borlabs-Buttons */
#BorlabsCookieBox .brlbs-cmpnt-btn,
body .brlbs-cmpnt-container .brlbs-cmpnt-btn,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle {
    font-family: 'Inter-Bold', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    border-radius: 4px;
}

.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a {
	padding: 48px!important;
}

/* Button-Höhe konsistent mit Divi-Buttons (z. B. Hero).
 * Zielt direkt auf die echten Borlabs-Button-Klassen (brlbs-btn-*) und
 * überschreibt zusätzlich logische Properties + min-height, falls Borlabs
 * diese statt des padding-Shorthands nutzt. */
body .brlbs-cmpnt-btn[class*="brlbs-btn-"],
#CookieBoxSaveButton,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn {
    padding: 0.3em 1em !important;
    padding-block: 0.3em !important;
    padding-inline: 1em !important;
    line-height: 1.7em !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Primary-Buttons ("Accept all" im Dialog + Content-Blocker-Hauptbutton):
 * Gradient wie Divi. Echte Borlabs-Klassen: brlbs-btn-accept-all,
 * brlbs-btn-save, brlbs-btn-accept-only-essential. */
body .brlbs-cmpnt-btn.brlbs-btn-accept-all,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0);
    background-image: radial-gradient(circle at bottom left, #079a82 0%, #048271 100%);
}

@media (min-width: 768px) {
    .brlbs-cmpnt-container .md\:brlbs-px-12 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 468px) {
    .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a {
		padding: 48px 24px!important;
	}
}