/* ==========================================
   ALPINEHOST CUSTOM BRAND COLORS (HostX V3.1.0)
   ========================================== */

:root {
    --brand-primary: #0000FF;    /* Your main brand color (e.g., Swiss Blue) */
    --brand-secondary: #DA291C;  /* Your accent brand color (e.g., Swiss Red) */
    --brand-dark: #1A2B4C;       /* Dark background color */
    --brand-light: #FFFFFF;      /* Light block backgrounds */
}

/* 1. Global Custom Block Backgrounds & Texts */
.custom-block-section, 
.wgs-block-wrapper {
    background-color: var(--brand-light) !important;
}

/* 2. Overriding Buttons within Custom Blocks */
.custom-block-section .btn-primary,
.wgs-block-wrapper .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
}

.custom-block-section .btn-primary:hover,
.wgs-block-wrapper .btn-primary:hover {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

/* 3. Overriding Heading Colors inside Custom Blocks */
.custom-block-section h1, 
.custom-block-section h2, 
.custom-block-section h3, 
.wgs-block-wrapper h2 {
    color: var(--brand-dark) !important;
}

/* 4. Highlight elements / icons in the block grid */
.custom-block-section .icon-box i,
.wgs-block-wrapper .feature-icon {
    color: var(--brand-primary) !important;
}