/* =====================================================
   SPECIFICATIONS TABLE COMPONENT
   ===================================================== */

   .iyeg-specs-table-section {
    background-color: #0a0a0a;
    padding: var(--iyeg-space-xl) var(--iyeg-container-padding);
    position: relative;
    z-index: 1;
}

.iyeg-specs-table-section--overlap {
    margin-top: -5rem;
    position: relative;
    z-index: 2;
}

.iyeg-specs-table__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.iyeg-specs-table__inner .iyeg-section-title {
    text-align: center;
    margin-bottom: var(--iyeg-space-lg);
}

/* ===== TABLE WRAPPER ===== */
.iyeg-specs-table__wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: var(--iyeg-space-lg);
    border-radius: 12px;
    background-color: #0f0f0f;
    padding: 0.5rem;
}

/* ===== TABLE ===== */
.iyeg-specs-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Inter", sans-serif;
    min-width: 600px;
}

/* ===== HEADER ROW ===== */
.iyeg-specs-table thead tr {
    border-bottom: 1px solid var(--iyeg-active-green) !important; 
}

.iyeg-specs-table thead th {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: var(--iyeg-font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    padding: 1rem 1rem 0.875rem 1rem;
    text-align: left;
}

.iyeg-specs-table thead th:not(:first-child) {
    text-align: left;
}

.iyeg-specs-table thead th {
    text-align: left;  /* All headers left-aligned */
}

/* ===== BODY ROWS ===== */
.iyeg-specs-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: background-color var(--iyeg-transition-base);
}

.iyeg-specs-table tbody tr:last-child {
    border-bottom: none;
}

.iyeg-specs-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

/* ===== CELLS ===== */
.iyeg-specs-table tbody td {
    padding: 0.75rem 1rem;
    font-size: var(--iyeg-font-size-sm);
    line-height: 1.4;
    vertical-align: middle;
}

.iyeg-specs-table__label {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    color: var(--iyeg-text-gray);
    min-width: 180px;
}

.iyeg-specs-table__value {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    min-width: 120px;
}

/* ===== DOWNLOAD BUTTON ===== */
.iyeg-specs-table__download {
    text-align: center;
    margin-top: var(--iyeg-space-lg);
}

/* ===== RESPONSIVE ===== */

/* Tablet and below */
@media (max-width: 768px) {
    .iyeg-specs-table-section {
        padding: var(--iyeg-space-lg) 5%;
    }

    .iyeg-specs-table-section--overlap {
        margin-top: -3rem;
    }

    .iyeg-specs-table__wrapper {
        padding: 0.25rem;
        border-radius: 8px;
    }

    .iyeg-specs-table {
        min-width: 480px;
        font-size: var(--iyeg-font-size-xs);
    }

    .iyeg-specs-table thead th {
        font-size: var(--iyeg-font-size-xs);
        padding: 0.75rem 0.75rem 0.625rem 0.75rem;
    }

    .iyeg-specs-table tbody td {
        padding: 0.625rem 0.75rem;
        font-size: var(--iyeg-font-size-xs);
    }

    .iyeg-specs-table__label {
        min-width: 140px;
        font-size: var(--iyeg-font-size-xs);
    }

    .iyeg-specs-table__value {
        min-width: 90px;
        font-size: var(--iyeg-font-size-xs);
    }
}

/* Mobile */
@media (max-width: 480px) {
    .iyeg-specs-table-section {
        padding: var(--iyeg-space-md) 4%;
    }

    .iyeg-specs-table-section--overlap {
        margin-top: -2rem;
    }

    .iyeg-specs-table {
        min-width: 380px;
        font-size: 0.6875rem;
    }

    .iyeg-specs-table thead th {
        font-size: 0.625rem;
        padding: 0.5rem 0.5rem 0.375rem 0.5rem;
        letter-spacing: 0.03em;
    }

    .iyeg-specs-table tbody td {
        padding: 0.5rem 0.5rem;
        font-size: 0.625rem;
    }

    .iyeg-specs-table__label {
        min-width: 100px;
        font-size: 0.625rem;
    }

    .iyeg-specs-table__value {
        min-width: 70px;
        font-size: 0.625rem;
    }

    .iyeg-specs-table__wrapper {
        padding: 0.125rem;
        border-radius: 6px;
    }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
    .iyeg-specs-table tbody tr {
        transition: none;
    }
}