/* Table Wrapper */
.table-wrapper {
    max-width: 1200px;
    margin: -16px auto;
    /* background: #fff; */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    /* padding: 24px; */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* text-align: center; */
}

/* Subtitle Titles Above the Table */
.table-subtitle {
    font-size: 40px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    gap: 12px;
    color: #000;
    margin-bottom: 16px;
}

/* Green Banner (Date, Headings) */
.table-banner {
    background-color: #0A9E01;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    margin-bottom: 0;
    text-align: center;
}

/* Table Base */
.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
    text-align: left;
}

/* Table Headings */
.styled-table th {
    background-color: #0A9E01;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 700;
    padding: 16px 20px;
    border-bottom: 1px dotted #ccc;
    white-space: nowrap;
}

/* Table Cells */
.styled-table td {
    font-family: 'Montserrat', sans-serif;
    padding: 16px 20px;
    border-bottom: 1px dotted #ccc;
    white-space: nowrap;
}

/* Variant 1 — Licenses (State + License Number) */
.variant1 td:first-child{
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;

    /* font-weight: 700; */
    color: black;
}

.variant2 td:first-child {
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;

    font-weight: 700;
    color: black;
}

.variant1 td:nth-child(2),
.variant2 td:not(:first-child) {
    font-size: 17px;
    font-weight: 400;
    /* color: black; */
}


.variant3 td:nth-child(1) {
    font-size: 17px;
    font-weight: 700;
    color: black;
}

/* Variant 3 — Download Table */
.variant3 td {
    font-size: 14px;
    font-weight: 400;
    color: black;
}

/* Download Button */
.download-btn {
    background-color: #0A9E01;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 18px;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
}

/* Hover Row Effect */
.styled-table tr:hover {
    background-color: #f5f5f5;
}

/* ===================== */
/* RESPONSIVE - MOBILE */
/* ===================== */
@media (max-width: 600px) {
   .table-wrapper {
    max-width: 1200px;
    margin: 0px auto;
    /* background: #fff; */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    /* padding: 24px; */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* text-align: center; */
}

    .table-subtitle {
        font-size: 18px;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px;
    }

    .table-banner {
        font-size: 12px;
        padding: 6px 10px;
    }

    .styled-table th {
        font-size: 14px;
        padding: 8px;
    }

    .styled-table td {
        font-size: 12px;
        padding: 8px;
    }

    .variant1 td:first-child,
    .variant2 td:first-child {
        font-size: 14px;
    }


    .variant1 td:nth-child(2),
    .variant2 td:not(:first-child),
    .variant3 td {
        font-size: 11px;
    }

    .download-btn {
        font-size: 9px;
        padding: 5px 10px;
    }
}