/**
Theme Name: Azulrec Theme
Author: Azulrec
Author URI: https://azulrec.com/
Description: Web de venta de azulejos
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: azulrec-theme
Template: astra
*/

/* ==========================================================================
   ESTILOS CARRITO - COLUMNAS MARCA Y M² (AZULREC)
   ========================================================================== */

/* Tabla del carrito con columnas extra */
.azulrec-cart-table {
    width: 100%;
}

/* Cabeceras de columnas */
.azulrec-cart-table thead th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 8px;
    background-color: #f8f8f8;
    border-bottom: 2px solid #ddd;
    text-align: left;
}

/* Columnas personalizadas - centradas */
.azulrec-cart-table .product-marca,
.azulrec-cart-table .product-m2 {
    text-align: center;
    white-space: nowrap;
}

.azulrec-cart-table thead .product-marca,
.azulrec-cart-table thead .product-m2 {
    width: 80px;
    min-width: 80px;
}

/* Contenido de las celdas */
.azulrec-cart-table td.product-marca,
.azulrec-cart-table td.product-m2 {
    font-weight: 600;
    color: #333;
    vertical-align: middle;
}

/* Columna de cantidad - estilo compacto */
.azulrec-cart-table .product-quantity {
    text-align: center;
}

.azulrec-cart-table .product-quantity .quantity {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Responsive: en móvil las columnas extra se muestran como data-labels */
@media (max-width: 768px) {
    .azulrec-cart-table thead {
        display: none;
    }

    .azulrec-cart-table tr.cart_item {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        padding: 15px;
        background: #fff;
    }

    .azulrec-cart-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

    .azulrec-cart-table td::before {
        content: attr(data-title);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 11px;
        color: #666;
    }

    .azulrec-cart-table td.product-remove,
    .azulrec-cart-table td.product-thumbnail {
        border-bottom: none;
    }

    .azulrec-cart-table td.product-remove::before,
    .azulrec-cart-table td.product-thumbnail::before {
        display: none;
    }

    .azulrec-cart-table td.product-name {
        flex-direction: column;
        align-items: flex-start;
    }

    .azulrec-cart-table td.product-name::before {
        margin-bottom: 5px;
    }

    .azulrec-cart-table td.actions {
        flex-direction: column;
        gap: 10px;
    }

    .azulrec-cart-table td.actions::before {
        display: none;
    }
}

/* Nota de precios con IVA */
.woocommerce-cart .cart-collaterals::before {
    content: "* Los precios indicados es por cajas IVA Incluido.";
    display: block;
    font-size: 12px;
    color: #666;
    padding: 10px 0;
    font-style: italic;
}

/* ==========================================================================
   ESTILOS PRECIO SIN IVA (LISTADO/FICHA)
   ========================================================================== */

.precio-sin-iva {
    font-size: 0.9em;
    color: #666;
    margin: 0 0 2px 0;
}
/* ==========================================================================
   ESTILOS FICHA PRODUCTO - DISEÑO BOXED (AZULREC)
   ========================================================================== */

/* Caja contenedora de la calculadora y compra */
.product-purchase-box {
    border: 1px solid #e1e1e1; /* Borde suave */
    padding: 25px; /* Espaciado interno generoso */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    background-color: #fff; /* Fondo blanco limpio */
    margin-bottom: 25px; /* Separación con elementos inferiores (muestras) */
    box-shadow: 0 2px 10px rgba(0,0,0,0.02); /* Sutil sombra para profundidad */
}

/* Ajustes para el título del precio dentro de la caja */
.product-purchase-box .price {
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    width: 100%;
}

/* Separar el bloque de muestras */
.bloque-muestras,
.sample-block {
    margin-top: 25px !important; /* Asegurar separación visible */
    clear: both;
}

/* Categorías al final - estilo discreto */
.product_meta {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 0.9em;
    color: #777;
    clear: both;
}

/* LAYOUT HORIZONTAL DE COMPRA (Restaurado desde Child Theme) */
form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Alineación vertical perfecta */
    gap: 12px;
}

/* Label Cajas */
form.cart .label-antes-cantidad,
form.cart .quantity-label {
    margin-right: 5px;
    font-weight: 500;
    line-height: 1;
}

/* Selector de cantidad */
form.cart .quantity {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}

/* Input y botones unidos */
form.cart .quantity input.qty {
    width: 45px;
    height: 38px; /* Altura unificada */
    text-align: center;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

form.cart .quantity .minus,
form.cart .quantity .plus {
    width: 35px;
    height: 38px; /* Altura unificada */
    background: #f9f9f9;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
}

form.cart .quantity .minus {
    border-radius: 4px 0 0 4px;
}

form.cart .quantity .plus {
    border-radius: 0 4px 4px 0;
}

form.cart .quantity .minus:hover,
form.cart .quantity .plus:hover {
    background: #eee;
}

/* Botón Añadir al Carrito */
form.cart .single_add_to_cart_button {
    height: 38px; /* Altura unificada con selector */
    padding: 0 25px;
    border-radius: 50px; /* Redondeado y limpio */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}


/* Ocultar categorías duplicadas si Astra las está inyectando con otra prioridad difícil de quitar */
.summary.entry-summary > .product_meta:not(:last-child) {
    display: none !important;
}


/* Fix para evitar que el label 'Cajas' se superponga al bot.minus */
form.cart .quantity.buttons_added {
    display: inline-flex !important;
    align-items: center !important;
}

/* El label debe estar antes que todo (flex order) */
form.cart .label-antes-cantidad {
    order: -1; /* Forzar que salga al principio */
    margin-right: 10px !important;
    flex-shrink: 0; /* No permitir que se comprima */
}

/* Eliminar margin negativo del botón menos que causa overlap */
form.cart .quantity.buttons_added .minus {
    margin-right: 0 !important; /* Anular el margin negativo */
}


/* Margen superior para el bloque de muestras */
.bloquemuestras,
.sample-block {
    margin-top: 20px !important;
}


/* Separar el formulario del botón de muestra del mensaje de entrega que tiene encima */
.solicitarmuestraform {
    margin-top: 20px !important;
}

/* Opcional: Ocultar el mensaje de entrega duplicado dentro del bloque de muestras */
.bloquemuestras .edw_date {
    display: none !important;
}



/* =========================================
   CORRECCIONES PARA PRODUCTOS VARIABLES
   ========================================= */

/* 1. Eliminar la línea gris (border-top) del contenedor de variaciones */
.woocommerce-variation {
    border-top: none !important;
    border: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2. Cuando no hay variación seleccionada, ocultar el contenedor vacío */
.woocommerce-variation.single_variation_wrap.variations_option {
    min-height: 0 !important;
}

/* 3. Alinear elementos de la calculadora MPC igual en simples y variables */
.wc-measurement-price-calculator-price-table {
    width: 100% !important;
}

.wc-measurement-price-calculator-price-table td {
    text-align: left !important;
    padding: 8px 0 !important;
}

.wc-measurement-price-calculator-price-table td:last-child {
    text-align: right !important;
}

/* 4. Mensaje 'Elige un producto' - solo mostrar cuando no hay selección */
.info_sin_precio_muestra {
    display: inline !important;
}

.texto-muestra.ocultar + .info_sin_precio_muestra {
    display: inline !important;
}

/* 5. Ocultar clase 'ocultar' */
.ocultar {
    display: none !important;
}

/* 6. Aviso 10% extra - mismo estilo en simples y variables */
.single_variation_wrap h6,
.product-purchase-box h6,
form.cart h6 {
    font-size: 0.85em !important;
    color: #0089bd !important;
    text-align: center !important;
    font-weight: normal !important;
    margin: 10px 0 !important;
}



/* =========================================
   CORRECCIONES ADICIONALES V2 - PRODUCTOS VARIABLES
   ========================================= */

/* 1. Eliminar TODOS los bordes posibles de las variaciones */
table.variations,
table.variations tr,
table.variations td,
table.variations th,
.variations_form table,
.variations_form tr,
.variations_form td {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 2. Asegurar que .ocultar funciona (prioridad máxima) */
.ocultar,
span.ocultar,
div.ocultar,
p.ocultar,
.texto-muestra.ocultar {
    display: none !important;
    visibility: hidden !important;
}

/* 3. info_sin_precio_muestra solo visible cuando texto-muestra está oculto */
.texto-muestra:not(.ocultar) ~ .info_sin_precio_muestra {
    display: none !important;
}

/* 4. Cuando texto-muestra tiene contenido, ocultar el mensaje de elegir producto */
#price_muestra_taco:not(:empty):not(.ocultar) ~ .info_sin_precio_muestra {
    display: none !important;
}

/* 5. Bloque de variaciones sin espacios extra */
.single_variation_wrap {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 6. Aviso 10% debajo del botón (no encima) - POSICIÓN CONSISTENTE */
.woocommerce-variation-description h6,
.single_variation_wrap > h6,
.variations_form h6 {
    order: 999 !important;
    margin-top: 15px !important;
}

/* Usar flexbox para reordenar en formulario de variaciones */
.variations_form .single_variation_wrap,
form.variations_form {
    display: flex !important;
    flex-direction: column !important;
}

/* El aviso va al final */
form.cart h6:last-of-type {
    order: 100 !important;
}



/* =========================================
   OCULTAR MENSAJE DE ENTREGA DUPLICADO EN BLOQUE DE MUESTRAS
   ========================================= */

/* El plugin de entregas (EDW) añade un mensaje dentro del bloque de muestras que no debería aparecer */
.bloquemuestras .edw_date,
.bloquemuestras .expected-delivery-date,
.bloquemuestras [class*='delivery'],
.solicitarmuestraform .edw_date,
.solicitarmuestraform [class*='delivery'] {
    display: none !important;
}

/* Asegurar que el mensaje correcto de 'Elige un producto' aparece debajo del botón */
.coste-muestra {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 10px !important;
}

.coste-muestra .info_sin_precio_muestra {
    display: inline !important;
}

.coste-muestra .info_sin_precio_muestra.ocultar {
    display: none !important;
}