a,
.nav-link {
    color: #FFBF00 !important;
    transition: color 0.3s ease-in-out;
}

/* Adds a bright amber text shadow to main headings for a "glowing" effect */
.home-header h1.text-three-line {
    color: #FFE084 !important;
}

/* Adds a dark amber line next to the podcast title on the header */
.home-header .border-left-5 {
    border-left: 5px solid #CC8400 !important;
}

/* Change the "Listen on:" title to a bright amber */
.cc-podcast-apps-content .title {
    color: #FFE084;
    font-weight: 700;
}

/* --- AMBER NAVIGATION & FOOTER --- */

/* Navigation Link Hover Effect */
.cc-navigation1 .navbar-nav .nav-item a:hover {
    color: #FFE084 !important; /* Brighter amber on hover */
    /* Add a subtle underline for clarity */
    border-bottom: 2px solid #CC8400;
}

/* Footer "Podbean" link and text color */
footer.footer .by a {
    color: #FFBF00 !important;
    font-weight: 600;
}

/* Footer copyright text color */
footer.footer p {
    color: #CC8400 !important; /* Use a darker amber for copyright/less important text */
}

/* --- AMBER EPISODE LIST STYLES --- */

/* Style the main episode title on the list */
.episode-content .card-title a {
    color: #FFE084 !important; /* Use a slightly brighter amber for readability */
    font-weight: 500;
}

/* Add an amber separator line above the episode title/content */
.episode-content .card-body::before {
    content: "";
    display: block;
    width: 30px; /* Small line width for an accent */
    height: 3px;
    background-color: #CC8400; /* Dark amber line */
    margin-bottom: 10px;
}

/* Customize the "Read more" link */
.episode-content .read-more a {
    color: #FFBF00 !important; 
    font-weight: 700;
}

/* Episode post toolbar icons (Likes, Download, Share) - change icon color */
.cc-post-toolbar svg {
    fill: #CC8400; /* Subtle dark amber icons */
}

/* Episode post toolbar text color (Likes/Download/Share count) */
.cc-post-toolbar .text-gray {
    color: #FFE084 !important; /* Brighter amber for the count/name */
}

/* --- AMBER PLAY BUTTON EFFECT --- */

/* Background on episode image when hovering */
.episode-content .episode-logo:hover .hover-bg {
    opacity: 0.6; /* Keeps it semi-transparent so you can still see the image */
    background-color: #CC8400; /* Dark amber overlay */
}

/* Play button circle background color (the circle around the play icon) */
.play-button .play-button-bg {
    background-color: #FFBF00;
    transition: background-color 0.2s ease;
}

/* Make the play button pulsate with a stronger shadow on hover */
.play-button:hover .play-button-bg {
    background-color: #FFE084; /* Change to brighter amber on hover */
    box-shadow: 0 0 10px rgba(255, 191, 0, 0.8), 0 0 20px rgba(255, 191, 0, 0.4); /* Strong glow */
}