/* ------------- */
/* UNGESEHEN.CSS */
/* ------------- */

.site-branding .site-description {
    color: var(--yellow-font);
}

.site-header {
    border-bottom: 1px solid var(--yellow-font);
}

.ungesehen-link {
    color: var(--yellow-font);
}

/* ------------- */
/* INTRO SECTION */
/* ------------- */

#ungesehen-intro {
    border: var(--border-yellow);
}

#ungesehen-headline span.ungesehen-prefix {
    color: var(--yellow-font);
    font-weight: 800;
}

#ungesehen-headline::after {
    background: linear-gradient(90deg, var(--yellow-font), transparent);
}

.tooltip-trigger-text {
    color: var(--yellow-font);
}

#ungesehen-intro .custom-tooltip-bubble {
    border: var(--border-yellow);   
    box-shadow: 0 0 var(--s-gap) var(--yellow-font);
}

.tooltip-headline {
    color: var(--yellow-font);
}

/* ------------ */
/* CARD STYLING */
/* ------------ */

.play-button-overlay {
    box-shadow: 0 0 var(--s-gap) var(--yellow-font);
    border: var(--border-yellow);    
}

.platform-hint {
    border: var(--border-yellow);    
    box-shadow: 0 0 var(--s-gap) var(--yellow-font);
}

.video-container:hover .play-icon-svg {
    color: var(--yellow-font);
}

.thumb-overlay::-webkit-scrollbar {
    width: 4px;
    color: var(--yellow-font);
    background: var(--dark-background);
    border-radius: var(--m-radius);
}
.thumb-overlay::-webkit-scrollbar-thumb {
    background: var(--yellow-font);
    border-radius: var(--m-radius);
}

.card-title {
    color: var(--yellow-font);
}

.is-active-btn {
    background: var(--yellow-font);
}

/* ------------ */
/* HERO SECTION */
/* ------------ */

.hero-section {
    border: var(--border-yellow);
}

.gallery-item {
    box-shadow: 0 0 var(--s-gap) var(--yellow-font);
}

.featured-video .gallery-item .video-container {
    box-shadow: 0 0 var(--s-gap) var(--yellow-font);
}


/* -------------- */
/* FILTER SECTION */
/* -------------- */

.series-select, .format-select, #deep-search-input {
    border-bottom: 2px solid var(--yellow-font) !important;
}

.filter-chip-item {
    color: var(--yellow-font);
    border: var(--border-yellow);
}

.toggle-chip input:checked + .filter-chip, .sort-chip.active, .search-icon-btn.active {
    background: var(--yellow-font);
}

/* --------------- */
/* GALLERY SECTION */
/* --------------- */

.gallery-section {
    border: var(--border-yellow);
}

/* ----------- */
/* HOVER STUFF */
/* ----------- */

@media (hover: hover) and (pointer: fine) {

    .tooltip-close:hover {
        color: var(--yellow-font);
        opacity: 1;
    }

    .video-container:hover .platform-hint {
        color: var(--yellow-font);
    }

    .info-icon:hover {
        background: var(--yellow-font);
        transform: scale(1.1);
    }

    .filter-chip:hover, .search-icon-btn:hover, .sort-chip:hover:not(.active), #load-more-btn:hover {
        color: var(--yellow-font);
        transform: scale(1.05);
        background: var(--glass-light-background);
    }

    .reset-icon-small:hover {
        color: var(--yellow-font) !important;
        background: none !important;
    }

    .gallery-item:hover {
        border-color: var(--yellow-font);
    }

}