/**
 * Sticky Header Styles
 *
 * Header always sticks to the top and condenses when scrolling down.
 * Behavior matches CU Boulder Registrar page.
 */

/* Header container - always sticky */
.sticky-header-container {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    transition: var(--transition-base);
    overflow: visible; /* Allow dropdowns to extend beyond container */
}

/* Add shadow when scrolled */
body.scrolled .sticky-header-container {
    box-shadow: var(--shadow-md);
}

/* Dark mode shadow */
[data-theme="dark"] body.scrolled .sticky-header-container {
    box-shadow: var(--shadow-lg);
}

/* Condensed state when scrolled - hide brand bar */
body.scrolled .ucb-brand-bar {
    display: none !important;
}

/* Condensed state - make header smaller */
body.scrolled .ucb.black {
    padding: 0.5rem 0;
}

/* Condensed state - make header text smaller */
body.scrolled .ucb.black a {
    font-size: 1.1rem;
}

/* Condensed state - hide affiliation */
body.scrolled .affiliation {
    display: none !important;
}

/* Condensed state - shrink gold accent stripe */
body.scrolled .sticky-header-container .background-color-gold {
    padding-bottom: 1px !important;
}

/* Smooth transitions for all header elements */
.ucb.black {
    transition: padding 0.3s ease;
}

.ucb.black a {
    transition: font-size 0.3s ease;
}

.ucb-brand-bar {
    transition: opacity 0.3s ease;
}

.affiliation {
    transition: opacity 0.3s ease;
}

.background-color-gold {
    transition: padding 0.3s ease;
}