/* Header and Logo Improvements */

/* Ensure header starts transparent - works with ultimate-ui.css */
.header {
    transition: background-color 0.3s ease, padding 0.3s ease;
}

/* Scrolled state becomes solid/dark */
.header.scrolled {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Premium UI - let header start transparent */
body.premium-ui .header {
    background: transparent !important;
    border-bottom: none !important;
}

body.premium-ui .header.scrolled {
    background: rgba(3, 7, 16, 0.97) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
}

/* Logo Styling */
.logo-image {
    display: block;
    height: 44px;
    width: auto !important; /* override HTML width attribute */
    max-width: none;
    object-fit: contain;
    transition: height 0.3s ease;
}

/* Scale logo on scroll */
.header.scrolled .logo-image {
    height: 36px;
}

/* Improve Navigation */
.nav {
    transition: height 0.3s ease, padding 0.3s ease;
    height: 80px; /* Initial height */
}

.header.scrolled .nav {
    height: 60px; /* Reduced height on scroll */
    padding: 10px 0;
}