/* Animated Radiant Background */
body {
    background: radial-gradient(circle at 50% 50%, #2c1a36 0%, #121212 100%) !important;
    background-attachment: fixed !important;
    position: relative;
    overflow-x: hidden;
}

/* Adding a "Noise" Texture to prevent color banding */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    opacity: 0.03;
    pointer-events: none;
    background-image: url("https://www.transparenttextures.com/patterns/carbon-fibre.png");
    z-index: 0;
}

/* Episode Card "Power-Up" Effect */
.episode-card, .post-item {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
    z-index: 1;
    position: relative;
}

.episode-card:hover, .post-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 0 20px rgba(155, 89, 182, 0.5), 10px 10px 0px #f1c40f !important;
    border-color: #f1c40f !important;
}

/* 1. HIDE THE HEADER TEXT & DESCRIPTION */
.site-header h1, 
.site-header .site-title, 
.site-header .podcast-title,
.site-header .description,
.site-header .podcast-description {
    display: none !important;
}

/* 2. REPOSITION THE SOCIAL/SUBSCRIBE ICONS */
.header-subscribe-btns, 
.site-header .social-links, 
.site-header .listen-on {
    position: absolute !important;
    bottom: 20px !important; /* Adjust this to move them up or down from the bottom */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    text-align: center !important;
}

/* 3. ENSURE HEADER IMAGE HAS SPACE */
.site-header {
    position: relative !important;
    min-height: 400px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

.navbar-nav a {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

/* The Ultimate Button */
.btn-primary, .subscribe-btn {
    background: linear-gradient(45deg, #9b59b6, #8e44ad) !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    padding: 12px 25px !important;
    box-shadow: 0 4px 0 #6c3483 !important;
    transition: all 0.1s active;
}

.btn-primary:active, .subscribe-btn:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #6c3483 !important;
}