﻿/* ===============================================
   ELITE PRO FOOTBALL CARD (2025 DESIGN)
   =============================================== */

.elite-card {
    background: linear-gradient(145deg, #02210A 0%, #07451A 45%, #032C12 100%);
    border-radius: 1.75rem;
    padding: 1px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 25px 45px rgba(0,0,0,.45), 0 0 40px rgba(0, 255, 150, 0.1) inset;
    display: flex;
    flex-direction: column;
}

    /* Light sheen across the card */
    .elite-card::before {
        content: "";
        position: absolute;
        top: -30%;
        left: -20%;
        width: 160%;
        height: 160%;
        background: radial-gradient( circle at top, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0) 70% );
        pointer-events: none;
    }

    /* Some subtle pitch texture (super faint) */
    .elite-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background-size: cover;
        opacity: 0.05;
        pointer-events: none;
    }

/* Inner glass shell */
.elite-card-inner {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(7px);
    border-radius: 1.5rem;
    padding: 1rem 1rem;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255,255,255,0.08);
    flex: 1 1 auto; /* grows to fill parent */
    display: flex;
    flex-direction: column; /* optional: keeps content stacked vertically */
}

/* Header */
.elite-header {
    background: rgba(255,255,255,0.08);
    border-radius: 0.9rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 0 12px rgba(255,255,255,0.08);
    margin-bottom: 1.2rem;
}

/* Content */
.elite-content {
    color: #fff;
}

/* Subtitle */
.elite-subtitle {
    color: #B8FFD9;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Table styling */
.elite-table thead {
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.elite-table tbody tr {
    background: rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #fff;
}

    .elite-table tbody tr:hover {
        background: rgba(255,255,255,0.1);
    }

/* Smooth rounded mascot corners */
.elite-table-wrapper {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

.list-group-item {
    background-color: transparent !important;
}


@media (max-width: 768px) {
    .elite-card {
        overflow: visible !important;
    }
}

@media (min-width: 992px) {
    .home-left-column {
        height: 100vh;
    }
}

@media (max-width: 992px) {
    .home-left-column {
        height: auto !important;
    }
}



/* Elite form tabs styling */
.elite-card .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

    .elite-card .nav-tabs .nav-link {
        color: #ffffff; /* inactive text = white */
        background-color: transparent; /* inactive background */
        border: none;
        border-bottom: 3px solid transparent;
        margin-bottom: -1px;
    }

        .elite-card .nav-tabs .nav-link:hover,
        .elite-card .nav-tabs .nav-link:focus {
            color: #ffffff;
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        /* Active tab */
        .elite-card .nav-tabs .nav-link.active {
            color: #212529; /* dark text */
            background-color: #fff; /* white background */
            border-radius: 0.375rem 0.375rem 0 0;
            border-bottom-color: #fff;
        }
