/*
Theme Name: Aarberg 2026
Description: A Child Theme for Enfold.
Version: 7.1.1
Author: Kriesi / Sam Krieg
Author URI: https://samkrieg.ch
Template: enfold
*/

/*Add your own styles here:*/

/* Bungee Spice Font Definition - Multicolor Font */
@font-face {
    font-family: 'Bungee Spice';
    src: url('fonts/bungee-spice-regular.woff2') format('woff2'),
         url('fonts/bungee-spice-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* CrimsonText Font Family Definition */
@font-face {
    font-family: 'CrimsonText';
    src: url('fonts/CrimsonText-Regular.eot');
    src: url('fonts/CrimsonText-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/CrimsonText-Regular.woff2') format('woff2'),
         url('fonts/CrimsonText-Regular.woff') format('woff'),
         url('fonts/CrimsonText-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CrimsonText';
    src: url('fonts/CrimsonText-Italic.eot');
    src: url('fonts/CrimsonText-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/CrimsonText-Italic.woff2') format('woff2'),
         url('fonts/CrimsonText-Italic.woff') format('woff'),
         url('fonts/CrimsonText-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CrimsonText';
    src: url('fonts/CrimsonText-Bold.eot');
    src: url('fonts/CrimsonText-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/CrimsonText-Bold.woff2') format('woff2'),
         url('fonts/CrimsonText-Bold.woff') format('woff'),
         url('fonts/CrimsonText-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CrimsonText';
    src: url('fonts/CrimsonText-BoldItalic.eot');
    src: url('fonts/CrimsonText-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/CrimsonText-BoldItalic.woff2') format('woff2'),
         url('fonts/CrimsonText-BoldItalic.woff') format('woff'),
         url('fonts/CrimsonText-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Standard Body Font - CrimsonText */
body, p, div, span, article, section, main {
    font-family: 'CrimsonText', Georgia, serif;
    font-weight: 400;
}

/* H1 and H2 Styling with Bungee Spice - Multicolor Font */
h1, h2 {
    font-family: 'Bungee Spice', Arial, sans-serif;
    font-weight: 400;
    /* Enable multicolor font features */
    font-feature-settings: "colr" 1;
    -webkit-font-feature-settings: "colr" 1;
    /* Alternative multicolor font properties */
    font-palette: normal;
    -webkit-font-palette: normal;
    /* Ensure color layers are rendered properly */
    text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
}

/* Additional multicolor font support for broader compatibility */
@supports (font-palette: normal) {
    h1, h2 {
        font-palette: normal;
    }
}

/* Fallback for older browsers that don't support multicolor fonts */
@supports not (font-palette: normal) {
    h1, h2 {
        background: linear-gradient(45deg, #ff6b35, #f7931e, #ffd23f, #06ffa5, #1fb3d3, #5d4e75);
        background-size: 400% 400%;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: multicolor-gradient 3s ease infinite;
    }
}

/* Gradient animation for fallback */
@keyframes multicolor-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}