/* AUBREY LOVE | THE VOICE OF VARGR 
   Updated for Proper Scaling & Custom Textures
*/

:root {
    --viking-gold: #c5a059;
    --viking-gold-glow: rgba(197, 160, 89, 0.4);
    --viking-bronze: #8c6239;
    --forest-night: #0a140d;
    --forest-deep: rgba(10, 20, 13, 0.96);
    
    /* SHRUNK Typography - Clamped for mobile safety */
    --step-nav: clamp(1rem, 0.8rem + 0.5vw, 1.2rem); 
    --step-h1: clamp(1.8rem, 1.2rem + 3vw, 3.5rem); /* Shrunk from 5.25rem */
    --step-h2: clamp(1.4rem, 1rem + 2vw, 2.2rem);
    
    --transition-vargr: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

/* 1. Global Texture Injection */
body.vargr-theme {
    /* Set to wallpaper1.jpg for that deep, leathered Irish feel */
    background: linear-gradient(rgba(10, 20, 13, 0.85), rgba(10, 20, 13, 0.95)), 
                url('../img/wallpaper1.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #f5f5f5;
    font-family: 'Montserrat', sans-serif;
    min-height: 100vh;
    margin: 0;
}

/* 2. Scaled Navigation Bar */
#mainNav .navbar-brand {
    font-size: var(--step-nav); /* Significantly smaller to prevent wrap */
    font-family: 'Cinzel Decorative', cursive;
    letter-spacing: 1px;
}

#mainNav .nav-link {
    font-size: 0.9rem; /* Clean, professional sizing */
    letter-spacing: 1px;
}

/* 3. Hero Section & Typography Refinement */
.cinzel-font { 
    font-family: 'Cinzel Decorative', cursive; 
    font-size: var(--step-h1); /* Applied the shrunk size */
    font-weight: 700;
}

.hero-section {
    min-height: 70vh; /* Reduced height for better balance */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* Hero uses wallpaper3.jpg (Tree of Life) */
    background: url('../img/wallpaper3.jpg') no-repeat center center / cover;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, rgba(10,20,13,0.3) 0%, rgba(10,20,13,0.9) 100%);
    z-index: 1;
}

/* 4. Impactful Sub-Headings */
.vargr-h2 {
    font-family: 'Cinzel Decorative', cursive;
    font-size: var(--step-h2);
    color: var(--viking-gold);
}

/* 5. Custom Card Styling (using wallpaper2.jpg texture) */
.card.bg-dark {
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                url('../img/wallpaper2.jpg') center center / cover !important;
    border: 1px solid var(--viking-bronze) !important;
}

/* Fixed Audio Player Styling */
.vargr-audio {
    width: 100%;
    max-width: 500px;
    filter: sepia(100%) saturate(150%) hue-rotate(-20deg) invert(0.9);
    border-radius: 4px;
}