/**
 * Estilos: Tabla de descuentos por volumen
 * Módulo:  precios_fly — Ducktoy
 */

/* ------------------------------------------------------------------ */
/*  Contenedor principal                                                */
/* ------------------------------------------------------------------ */

.pfly-volume-discounts {
    margin: 1.5rem 0;
    font-family: inherit;
}

/* ------------------------------------------------------------------ */
/*  Título                                                              */
/* ------------------------------------------------------------------ */

.pfly-title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid #222;
    padding-bottom: 0.4rem;
    margin-bottom: 0;
}

/* ------------------------------------------------------------------ */
/*  Tabla                                                               */
/* ------------------------------------------------------------------ */

.pfly-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    color: #333;
}

.pfly-table thead tr {
    background-color: transparent;
}

.pfly-table thead th {
    padding: 0.7rem 1rem;
    text-align: center;
    font-weight: 400;
    color: #555;
    border: none;
}

.pfly-table tbody td {
    padding: 0.65rem 1rem;
    text-align: center;
    border: none;
}

/* Filas alternas */
.pfly-table .pfly-row-odd {
    background-color: #f5f5f5;
}

.pfly-table .pfly-row-even {
    background-color: #ebebeb;
}

/* Hover */
.pfly-table tbody tr:hover {
    background-color: #e0e0e0;
    transition: background-color 0.15s ease;
}

/* ------------------------------------------------------------------ */
/*  Columnas                                                            */
/* ------------------------------------------------------------------ */

.pfly-table .pfly-col-qty {
    width: 33%;
}

.pfly-table .pfly-col-discount {
    width: 34%;
}

.pfly-table .pfly-col-savings {
    width: 33%;
}

/* ------------------------------------------------------------------ */
/*  Responsive                                                          */
/* ------------------------------------------------------------------ */

@media (max-width: 576px) {
    .pfly-table thead th,
    .pfly-table tbody td {
        padding: 0.5rem 0.5rem;
        font-size: 0.82rem;
    }
}