body {
    font-family: 'Kanit', sans-serif;
    --bs-bg-opacity: 1;
    background-color: rgb(14, 14, 14);
}
h2,.card-title,.card-text {
    color:#e0e0e0;
}
.nav-item {
    font-weight: 300;
}

a.item-card {
    text-decoration: none;
}

a.card-text {
    text-decoration: none;
}

a.item-card:hover h5 {
    text-decoration: underline;
}

a.card-text:hover {
    text-decoration: underline;
}

.cover {
    object-fit: cover;
}

.flowvod {
    width: 50vw !important;
}

.modal-open .container-fluid, .modal-open  .container {
    backdrop-filter: blur(5px) grayscale(90%);
    -webkit-filter: blur(5px) grayscale(90%);
}
.bg-darker {
    background-color: #121212!important;
}

.card-header-tabs .nav-link.active {
    border-bottom-color: #00000000!important;
}
/* March Madness nav link – glowing orange text */
.nav-link-march-madness {
    font-weight: bold;
    color: #ffb347;
    background: linear-gradient(
        90deg,
        #ffb347,
        #ff9100,
        #ffd27f
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: marchMadnessShine 2s ease-in-out infinite alternate;
    transition: text-shadow 0.3s ease;
    text-shadow:
        0 0 4px rgba(255, 145, 0, 0.7),
        0 0 8px rgba(255, 145, 0, 0.6),
        0 0 12px rgba(255, 145, 0, 0.5);
}

.nav-link-march-madness:hover {
    text-shadow:
        0 0 6px rgba(255, 191, 71, 1),
        0 0 12px rgba(255, 145, 0, 0.9),
        0 0 18px rgba(255, 145, 0, 0.8);
}

@keyframes marchMadnessShine {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}