/* Wenice Header Styles - static portion */

.site-header.wenice-header-style {
    position: relative;
    overflow: hidden;
    color: var(--wenice-header-surface, #f7f7ff);
    transition: background 240ms ease, box-shadow 240ms ease, color 240ms ease;
}

.site-header.wenice-header-style .site-branding .main-title,
.site-header.wenice-header-style .site-branding .main-title a,
.site-header.wenice-header-style .site-description {
    color: inherit;
}

.site-header.wenice-header-style .main-navigation a,
.site-header.wenice-header-style .main-navigation .menu-toggle,
.site-header.wenice-header-style .main-navigation .main-nav ul li > a {
    color: inherit;
}

.site-header.wenice-header-style .main-navigation .main-nav ul li > a:hover,
.site-header.wenice-header-style .main-navigation .main-nav ul li > a:focus {
    color: var(--wenice-header-highlight, rgba(255, 255, 255, 0.94));
}

/* Modern Gradient */
.site-header.wenice-header-style--gradient {
    --wenice-header-surface: var(--global-color-10, #f7f7ff);
    --wenice-header-highlight: color-mix(in srgb, var(--wenice-header-surface, #f7f7ff) 86%, transparent);
    background: linear-gradient(
        120deg,
        color-mix(in srgb, var(--wenice-header-primary, #7248ff) 90%, rgba(14, 17, 32, 0.92)) 0%,
        color-mix(in srgb, var(--wenice-header-secondary, #ff3f81) 70%, rgba(14, 16, 32, 0.82)) 100%
    );
    box-shadow: 0 24px 48px color-mix(in srgb, var(--wenice-header-secondary, #ff3f81) 32%, transparent);
}

.site-header.wenice-header-style--gradient::after {
    content: "";
    position: absolute;
    inset: -35% -10% auto -10%;
    height: 260px;
    pointer-events: none;
    background: radial-gradient(circle at top, rgba(255, 255, 255, 0.35), transparent 70%);
    opacity: 0.65;
}

.site-header.wenice-header-style--gradient .main-navigation .main-nav ul li.current-menu-item > a,
.site-header.wenice-header-style--gradient .main-navigation .main-nav ul li.current-menu-ancestor > a {
    color: var(--wenice-header-surface, #f7f7ff);
    position: relative;
}

.site-header.wenice-header-style--gradient .main-navigation .main-nav ul li.current-menu-item > a::after,
.site-header.wenice-header-style--gradient .main-navigation .main-nav ul li.current-menu-ancestor > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--wenice-header-primary, #7248ff), var(--wenice-header-secondary, #ff3f81));
}

/* Glassmorphism */
.site-header.wenice-header-style--glass {
    --wenice-header-surface: var(--global-color-10, #f7f7ff);
    --wenice-header-highlight: color-mix(in srgb, var(--wenice-header-surface, #f7f7ff) 92%, rgba(255, 255, 255, 0.2));
    background: linear-gradient(140deg, rgba(7, 10, 28, 0.85), rgba(7, 10, 28, 0.9));
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.site-header.wenice-header-style--glass::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        color-mix(in srgb, var(--wenice-header-primary, #7248ff) 18%, transparent) 0%,
        color-mix(in srgb, var(--wenice-header-secondary, #ff3f81) 24%, transparent) 100%
    );
    opacity: 0.65;
    pointer-events: none;
}

.site-header.wenice-header-style--glass .inside-header {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: clamp(16px, 4vw, 28px);
    box-shadow: 0 24px 48px rgba(7, 10, 28, 0.42);
    position: relative;
    z-index: 1;
}

.site-header.wenice-header-style--glass .inside-header::before {
    content: "";
    position: absolute;
    inset: -40% 5% auto auto;
    width: clamp(120px, 18vw, 220px);
    height: clamp(120px, 22vw, 260px);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.32), transparent 70%);
    opacity: 0.85;
    filter: blur(20px);
    pointer-events: none;
}

.site-header.wenice-header-style--glass .main-navigation .menu-bar-items > * {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 10px 18px;
}

/* Luxury Glow */
.site-header.wenice-header-style--luxury {
    --wenice-header-surface: color-mix(in srgb, var(--global-color-10, #f7f7ff) 92%, rgba(14, 11, 22, 0.08));
    --wenice-header-highlight: color-mix(in srgb, var(--wenice-header-accent, #d4af37) 85%, rgba(255, 255, 255, 0.2));
    background: linear-gradient(135deg, rgba(14, 9, 26, 0.92), rgba(7, 5, 18, 0.98));
    border-bottom: 1px solid color-mix(in srgb, var(--wenice-header-accent, #d4af37) 25%, transparent);
    box-shadow:
        0 20px 50px color-mix(in srgb, var(--wenice-header-accent, #d4af37) 26%, rgba(0, 0, 0, 0.2)),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.site-header.wenice-header-style--luxury::before {
    content: "";
    position: absolute;
    inset: -20% -50% auto -20%;
    height: 220px;
    background: radial-gradient(circle, color-mix(in srgb, var(--wenice-header-accent, #d4af37) 45%, transparent) 0%, transparent 70%);
    opacity: 0.75;
}

.site-header.wenice-header-style--luxury .main-navigation .main-nav ul li > a {
    position: relative;
    padding-inline: clamp(14px, 3vw, 22px);
}

.site-header.wenice-header-style--luxury .main-navigation .main-nav ul li > a::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: -14px;
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--wenice-header-accent, #d4af37) 65%, transparent), transparent);
    opacity: 0;
    transition: opacity 160ms ease;
}

.site-header.wenice-header-style--luxury .main-navigation .main-nav ul li > a:hover::after,
.site-header.wenice-header-style--luxury .main-navigation .main-nav ul li:focus-within > a::after,
.site-header.wenice-header-style--luxury .main-navigation .main-nav ul li.current-menu-item > a::after {
    opacity: 1;
}

.site-header.wenice-header-style--luxury .main-navigation .menu-bar-items > * {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid color-mix(in srgb, var(--wenice-header-accent, #d4af37) 48%, transparent);
    border-radius: 999px;
    padding: 10px 20px;
    box-shadow: 0 0 15px color-mix(in srgb, var(--wenice-header-accent, #d4af37) 22%, transparent);
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .site-header.wenice-header-style .inside-header {
        padding-inline: clamp(12px, 6vw, 24px);
    }

    .site-header.wenice-header-style--gradient::after {
        inset: -45% -20% auto -20%;
    }

    .site-header.wenice-header-style--glass .inside-header {
        border-radius: 18px;
        padding: clamp(14px, 6vw, 22px);
    }

    .site-header.wenice-header-style--luxury::before {
        inset: -30% -60% auto -30%;
    }
}