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;
    }
}
.march-alert {
    position: relative;
    background-color: #001a33;
    color: #00bfff;
    border: 2px solid transparent;
    border-radius: 6px;
    z-index: 0;
    overflow: hidden;
}

/* Animated gradient border */
.march-alert::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 8px;

    /* BLUE version (matches your box) */
    background: linear-gradient(
        90deg,
        #0066cc,
        #00bfff,
        #66d9ff,
        #00bfff,
        #0066cc
    );

    background-size: 200% auto;
    animation: marchMadnessShine 2s linear infinite;
    z-index: -1;
}

/* Inner background (keeps box clean) */
.march-alert::after {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #001a33;
    border-radius: 4px;
    z-index: -1;
}