/* #region DIDEMEX - Ficha de batería: tabla de especificaciones */

/* =========================================================
   DIDEMEX - Tabla de especificaciones de batería
   -----------------------------------------------------------------
   La descripción de cada producto padre de batería lleva una tabla
   (Tipo · Capacidad · SKU) que genera el importador desde SICAR —
   ver includes/woocommerce/shop/ y docs/lanzamiento/ladrillo-2-baterias.md.
   Sin estilos salía como tabla cruda del navegador.

   Todo va acotado a .dmx-bat-specs a propósito: el CSS se encola en
   cualquier ficha de producto, pero sólo puede afectar a las que traen
   esa tabla. Los celulares no la tienen.
========================================================= */

body.single-product .dmx-bat-specs {
    /* Variables locales, para no repetir el valor en cada regla */
    --dmx-bat-linea: #e2e2e2;
    --dmx-bat-tinta-suave: #6f6f6f;
    --dmx-bat-cabecera: #fafafa;

    width: 100%;
    margin: 18px 0 4px;
    border-collapse: collapse;
    border: 1px solid var(--dmx-bat-linea);
    font-size: 0.88rem;
    line-height: 1.45;
}

body.single-product .dmx-bat-specs th {
    padding: 9px 12px;
    background: var(--dmx-bat-cabecera);
    border-bottom: 1px solid var(--dmx-bat-linea);
    color: var(--dmx-bat-tinta-suave);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

body.single-product .dmx-bat-specs td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--dmx-bat-linea);
    vertical-align: top;
}

body.single-product .dmx-bat-specs tr:last-child td {
    border-bottom: 0;
}

/* El tipo es lo que el cliente tiene que elegir arriba: se marca. */
body.single-product .dmx-bat-specs td:first-child {
    font-weight: 600;
    white-space: nowrap;
}

/* Las capacidades se comparan entre filas: cifras de ancho fijo. */
body.single-product .dmx-bat-specs td:nth-child(2) {
    font-variant-numeric: tabular-nums;
}

/* El SKU es dato de taller, no de escaparate: se baja de tono. */
body.single-product .dmx-bat-specs td:nth-child(3) {
    color: var(--dmx-bat-tinta-suave);
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: 0.8rem;
    white-space: nowrap;
}

/* En móvil la tabla no cabe: que ruede ella, no la página entera. */
@media (max-width: 640px) {
    body.single-product .dmx-bat-specs {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* #endregion DIDEMEX - Ficha de batería: tabla de especificaciones */