/* Homepage all-sports browser and game ordering */
.nexa-sports-browser {
    overflow: hidden;
    margin: 8px 0 18px;
    padding: 16px;
    border: 1px solid #214553;
    border-radius: 13px;
    background:
        radial-gradient(circle at 95% 0%, #238cff20, transparent 28%),
        linear-gradient(145deg, #0d2835, #091f2a);
    box-shadow: 0 12px 30px #020b0f2b;
}

.nexa-sports-browser__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    padding: 2px 3px 13px;
    border-bottom: 1px solid #1d414f;
}

.nexa-sports-browser__head > div > span {
    display: block;
    margin-bottom: 2px;
    color: #50dba2;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.nexa-sports-browser__head h2 {
    margin: 0;
    color: #fff;
    font-size: 19px;
    letter-spacing: -.4px;
}

.nexa-sports-browser__head p {
    margin: 3px 0 0;
    color: #7f9ca8;
    font-size: 9px;
}

.nexa-sports-browser__head > i {
    color: #238cff;
    font-size: 31px;
    filter: drop-shadow(0 6px 12px #238cff42);
}

.nexa-sport-selector {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.nexa-sport-selector > a {
    min-width: 0;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px !important;
    border: 1px solid #244a59 !important;
    border-radius: 9px !important;
    background: #0a202b !important;
    color: #9bb1bb !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.nexa-sport-selector > a:hover,
.nexa-sport-selector > a.active {
    border-color: #2b96ff80 !important;
    background: #113242 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.nexa-sport-selector > a.active {
    box-shadow: inset 0 -2px #29d98c;
}

.nexa-sport-selector > .nexa-live-selector {
    border-color: #29d98c45 !important;
}

.nexa-sport-selector > .nexa-live-selector:hover,
.nexa-sport-selector > .nexa-live-selector.active {
    border-color: #29d98c8a !important;
    background: #10372f !important;
}

.nexa-sport-selector__icon {
    width: 35px;
    height: 35px;
    display: grid;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 8px;
    background: #143746;
    color: #39e49c;
    font-size: 17px;
}

.nexa-live-selector .nexa-sport-selector__icon {
    background: #164638;
    color: #49efa9;
}

.nexa-sport-selector__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nexa-sport-selector__copy strong {
    overflow: hidden;
    color: inherit;
    font-size: 9px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nexa-sport-selector__copy small {
    color: #668795;
    font-size: 7px;
}

.nexa-live-games-section,
.nexa-available-games-section {
    scroll-margin-top: 88px;
}

.nexa-live-games-section {
    position: relative;
    margin-bottom: 7px;
    padding: 15px;
    border: 1px solid #29d98c38;
    border-radius: 12px;
    background: linear-gradient(145deg, #0a262b, #091f29);
}

.nexa-live-games-section .betting-body {
    padding: 0 !important;
}

.nexa-live-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #29d98c;
    box-shadow: 0 0 0 0 #29d98c80;
    animation: nexaLivePulse 1.6s infinite;
}

.nexa-live-games-section .sports-card {
    border-color: #29d98c36 !important;
}

@keyframes nexaLivePulse {
    70% { box-shadow: 0 0 0 8px #29d98c00; }
    100% { box-shadow: 0 0 0 0 #29d98c00; }
}

@media (max-width: 767px) {
    .nexa-sports-browser {
        padding: 12px;
    }

    .nexa-sports-browser__head p {
        display: none;
    }

    .nexa-sport-selector {
        display: flex !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    .nexa-sport-selector::-webkit-scrollbar {
        display: none;
    }

    .nexa-sport-selector > a {
        flex: 0 0 128px !important;
    }

    .nexa-live-games-section {
        padding: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nexa-live-pulse {
        animation: none;
    }
}