/*
 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
*/

/* ==========================================================================
   Header Styles: Undersider (Alle sider undtagen forsiden)
   ========================================================================== */

/* 1. Sæt baggrunden på selve header-sektionen */
body:not(.home) #brx-header {
    background-color: var(--bg-surface) !important;
    /* Tilføjer en let skygge, så headeren adskilles fra lyst indhold */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); 
}

/* 2. Sæt tekstfarve på menupunkter og generel tekst i headeren */
/* Vi bruger !important for at overskrive Bricks' standardindstillinger */
body:not(.home) #brx-header .header-base-color,
body:not(.home) #brx-header .brxe-nav-nested a, 
body:not(.home) #brx-header .menu-item a {
    color: var(--dark-90) !important;
}

/* 3. Sæt farve på Logo (SVG) og ikoner */
/* "fill" farver selve figuren i SVG'en, "color" er fallback */
body:not(.home) #brx-header svg,
body:not(.home) #brx-header .brxe-svg {
    fill: var(--dark-90) !important;
    color: var(--dark-90) !important;
}

/* 4. Sæt farve på mobil-menu knappen (burger-ikonet) */
/* Vi farver de tre streger (inner, before og after) */
body:not(.home) #brx-header .brxe-toggle .brxa-inner,
body:not(.home) #brx-header .brxe-toggle .brxa-inner::before,
body:not(.home) #brx-header .brxe-toggle .brxa-inner::after {
    background-color: var(--dark-90) !important;
}