/**
 * Table Block - Académie des Étoiles
 */

.ade-table { margin: var(--ade-space-2xl) 0; }

.ade-table__caption {
    font-size: var(--ade-font-size-large);
    font-weight: 700;
    color: var(--ade-primary-dark);
    margin-bottom: var(--ade-space-lg);
    text-align: center;
}

.ade-table__wrapper {
    overflow-x: auto;
    /* Removed bulky white wrapper */

    background: transparent;
}

.ade-table__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--ade-font-size-base);
}

/* Header */
.ade-table__thead {
    background: var(--ade-primary);
    color: var(--ade-white);
}

.ade-table--header-dark .ade-table__thead {
    background: var(--ade-primary-dark);
}

.ade-table--header-light .ade-table__thead {
    background: var(--ade-primary-light);
    color: var(--ade-primary-dark);
}

.ade-table__header {
    padding: var(--ade-space-md) var(--ade-space-lg);
    text-align: left;
    font-weight: 700;
    font-size: var(--ade-font-size-base);
    white-space: nowrap;
}

/* Cells */
.ade-table__cell {
    padding: var(--ade-space-md) var(--ade-space-lg);
    border-bottom: 1px solid var(--ade-gray-light);
    color: var(--ade-gray-dark);
}

.ade-table__row:last-child .ade-table__cell {
    border-bottom: none;
}

/* Variants */
.ade-table--striped .ade-table__tbody .ade-table__row:nth-child(even) {
    background: var(--ade-gray-lighter);
}

.ade-table--bordered .ade-table__cell,
.ade-table--bordered .ade-table__header {
    border: 1px solid var(--ade-gray-light);
}

.ade-table--compact .ade-table__header,
.ade-table--compact .ade-table__cell {
    padding: var(--ade-space-sm) var(--ade-space-md);
    font-size: var(--ade-font-size-small);
}

/* Scroll mode (default) */
.ade-table--scroll .ade-table__wrapper {
    -webkit-overflow-scrolling: touch;
}

/* Responsive - Stack mode */
@media screen and (max-width: 768px) {
    .ade-table--stack .ade-table__wrapper {
        overflow-x: visible;
    }

    .ade-table--stack .ade-table__table {
        border: 0;
    }

    .ade-table--stack .ade-table__thead {
        display: none;
    }

    .ade-table--stack .ade-table__row {
        display: block;
        margin-bottom: var(--ade-space-lg);
        border: 1px solid var(--ade-gray-light);
        border-radius: 8px;
        overflow: hidden;
        background: var(--ade-white);
    }

    .ade-table--stack .ade-table__cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--ade-space-md);
        border-bottom: 1px solid var(--ade-gray-light);
        text-align: right;
    }

    .ade-table--stack .ade-table__row:last-child {
        margin-bottom: 0;
    }

    .ade-table--stack .ade-table__cell:last-child {
        border-bottom: none;
    }

    .ade-table--stack .ade-table__cell::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--ade-primary);
        text-align: left;
        flex: 0 0 50%;
        padding-right: var(--ade-space-md);
    }

    /* Remove striping on mobile stack mode */
    .ade-table--stack.ade-table--striped .ade-table__tbody .ade-table__row {
        background: var(--ade-white);
    }
}

/* Scroll mode on mobile - keep horizontal scroll */
@media screen and (max-width: 768px) {
    .ade-table--scroll .ade-table__wrapper {
        border-radius: 8px;
    }

    .ade-table--scroll .ade-table__header,
    .ade-table--scroll .ade-table__cell {
        padding: var(--ade-space-sm) var(--ade-space-md);
        font-size: var(--ade-font-size-small);
    }
}