@import '../variables';

@mixin desktop-header-variant-selector() {
    .site--desktop-header--#{$header-variant-name} {
        @content;
        .indicator__button {
            background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
            border-radius: 8px;
            box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
        }
    }
}

@mixin mobile-header-variant-selector() {
    .site--mobile-header--#{$header-variant-name} {
        @content;
    }
}