/* Glassmorphism Header */
.navbar-glass {
    background: rgba(255, 255, 255, 0.85);
    /* Semi-transparent white */
    backdrop-filter: blur(12px);
    /* The "Frost" effect */
    -webkit-backdrop-filter: blur(12px);
    /* Safari support */
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    transition: opacity 0.1s ease;
    /* FAST transition for instant feel */
    z-index: 1020;
}

/* Utility Bar */
.utility-bar {
    font-size: 0.85rem;
    background-color: #f8f9fa;
    /* Very light gray */
    border-bottom: 1px solid #e9ecef;
    padding: 0.25rem 0;

    /* CRITICAL: Must be higher than sticky navbar to show dropdown on top */
    position: relative;
    /* Needed for z-index to work */
    z-index: 1060;
}

.utility-bar a {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.2s;
}

.utility-bar a:hover {
    color: #0d6efd;
    /* Primary Color */
}

/* Buzzword-Alarm Link */
.utility-bar .buzzword-link {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.2s ease;
}

.utility-bar .buzzword-link:hover {
    color: #0d6efd;
}

.utility-bar .buzzword-link .bell-icon {
    display: inline-block;
    animation: subtle-ring 3s ease-in-out infinite;
}

@keyframes subtle-ring {

    0%,
    100% {
        transform: rotate(0deg);
    }

    5%,
    15% {
        transform: rotate(-8deg);
    }

    10% {
        transform: rotate(8deg);
    }
}

.utility-bar .buzzword-link:hover .bell-icon {
    animation: ring-fast 0.5s ease-in-out 1;
}

@keyframes ring-fast {

    0%,
    100% {
        transform: rotate(0deg);
    }

    20%,
    60% {
        transform: rotate(-15deg);
    }

    40%,
    80% {
        transform: rotate(15deg);
    }
}

/* Buzzword Dropdown Menu */
.buzzword-menu {
    min-width: 320px;
    max-width: 400px;
    border: 0 !important;
}

.buzzword-menu .dropdown-divider {
    margin: 0.25rem 0;
}

.buzzword-menu .dropdown-header {
    font-weight: 600;
    color: #0d6efd;
}

/* Header Icons */
.nav-icon-link {
    color: #333;
    font-size: 1.1rem;
    padding: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.nav-icon-link:hover {
    color: #0d6efd;
}

/* Adjust sticky top to work with utility bar scrolling */
.sticky-top {
    top: 0;
    z-index: 1020;
}

/* --- Focus Mode Effects (INSTANT SWISSCOM-STYLE) --- */

/* Class to fade out the navbar */
.navbar-glass.fade-out {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s ease;
    /* INSTANT fade */
}

/* Class to blur the main content */
.blur-content {
    filter: blur(8px) grayscale(0.2);
    pointer-events: none;
    user-select: none;
    transition: filter 0.1s ease;
    /* INSTANT blur, almost no delay */
}

/* Base state for main content transition */
#main-content {
    transition: filter 0.1s ease;
    /* Match the blur speed */
}