/*
Theme Name: Lebe Child Theme
Theme URI: http://lebe.famithemes.com/
Template: lebe
Author: Famithemes
Author URI: http://famithemes.com/
Description: Lebe Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,translation-ready
Version: 1.0.6

*/
.rememberme{margin-top:100px;}
.lost_password{margin-top:100px;}

/* =========================================
 Genéricos
========================================= */
/* Aplicar Dancing Script a H1, H2 y H3 */
h1, h2, h3 {
    font-family: 'Dancing Script', cursive !important;
    font-weight: 700;
}
h2 {font-size: 26px;}
h3.post-title {font-size: 22px !important;}

/* Precio rebajado WooCommerce en rojo */

.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
    color: #d80202 !important;
}
/* =========================================
 Tamaño título producto
========================================= */

.product_title.entry-title {font-size: 32px !important ;}
.product-info.equal-elem .product-title a {font-size: 26px; color: #333333 ;}
.product-item .product-title {line-height: 26px !important;}
.product-mobile-layout .detail-content .summary .price {padding-top: 5px !important;}
/* =========================================
 Ajuste tabs
========================================= */
.single-product-mobile .summary .wc-tabs {background: none !important;}


/* Botón desactivado */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled {
	opacity: 0.65 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* Evitar cambios en hover */
.single_add_to_cart_button.disabled:hover,
.single_add_to_cart_button:disabled:hover {
	opacity: 0.65 !important;
	background-color: inherit !important;
	color: inherit !important;
	border-color: inherit !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Grid WooCommerce - imágenes mismo tamaño sin deformar */

.woocommerce ul.products li.product a img {
    width: 100%;
    height: 400px; /* ajusta el alto que quieras */
    object-fit: cover;
    object-position: center;
}
/* =========================================
 Grid
========================================= */

li.product-item .av-change-value-label {display: none;}

.variations_form.cart .variations {margin-bottom: 5px;
right: 0;
left: auto;}

.product-item .variations {visibility: visible !important;
opacity: 1 !important;}

/* --- Estilos para la lista de colores en catálogo --- */

.contenedor-colores-lista {
    display: block !important;
    clear: both;
    padding: 0;
    text-align: left;
    margin-bottom: 5px;
}

/* Etiqueta "COLORES DISPONIBLES:" en dorado y fina */
.etiq-colores {
    display: block !important;
    font-size: 14px !important;
    font-weight: 400 !important; /* Sin negrita */
    color: #e8b305 !important;    /* Color dorado solicitado */
    line-height: 1.4;
}

/* Lista de nombres de colores en mayúsculas y gris oscuro */
.items-colores {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #e8b305 !important;
    font-weight: 400 !important;

}

/* =========================================
   Ángel Vilches
   https://angelvilches.com

   Estilo visual para selector de color
========================================= */


/* Fila del atributo color en vertical */
.variations tr.variation:has(.attribute-pa_color),
.variations tr.variation:has(select[name="attribute_pa_color"]) {
    display: block !important;
    margin-bottom: 20px!important;
}

.variations tr.variation:has(.attribute-pa_color) td.variation-title,
.variations tr.variation:has(select[name="attribute_pa_color"]) td.variation-title {
    display: block !important;
    width: 100% !important;
    padding: 0 0 10px 0 !important;
}

.variations tr.variation:has(.attribute-pa_color) td.value,
.variations tr.variation:has(select[name="attribute_pa_color"]) td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Contenedor de los swatches */
.summary .data-val.attribute-pa_color {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: flex-start !important;
    justify-content: space-around !important;
    margin-top: 4px !important;
}

/* Cada color como bloque vertical */
.summary .av-change-value-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 84px !important;
    text-align: center !important;
}

/* Círculo más grande */
.summary .av-change-value-wrap .change-value.color,
.summary .av-change-value-wrap .change-value.photo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    margin: 0 0 8px 0 !important;
    border: 1px solid #d9d9d9;
    display: block;
    position: relative;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* Hover */
.summary .av-change-value-wrap .change-value.color:hover,
.summary .av-change-value-wrap .change-value.photo:hover {
    transform: scale(1.06);
    border-color: #999;
}

/* Activo */
.summary .av-change-value-wrap .change-value.active {
    border: 2px solid #111 !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Texto del color */
.summary .av-change-value-label {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    color: #222;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.variations td.variation-title label[for="pa_color"] {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 0;
}

tr.variation .data-val.attribute-pa_color {padding-right: 0px;}



/**ETIQUETAS */

.onnew {background-color: #e6b324; color: black;font-size: 16px;}

/* =========================================
   Ángel Vilches
   https://angelvilches.com

   Estilo visual para calculadora de medidas
   WooCommerce Measurement Price Calculator
========================================= */

#price_calculator {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 14px;
    margin: 18px 0 10px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px 18px;
    display: block !important;
}


#price_calculator td {
        width: 100% !important;
    } 


#price_calculator .price-table-row td {
    vertical-align: middle;
    padding: 0;
}

/* Columna izquierda */
#price_calculator .price-table-row td:first-child {
    padding-right: 18px;
}

#price_calculator label,
#price_calculator .total-amount td:first-child,
#price_calculator .calculated-price td:first-child {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    display: inline-block;
}

/* Columna derecha */
#price_calculator .price-table-row td:last-child {
    text-align: right;
    min-width: 130px;
}

/* Inputs numéricos */
#price_calculator input[type="number"].amount_needed {
    width: 110px;
    height: 54px;
    padding: 0 16px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #111827;
    text-align: center;
    transition: all 0.2s ease;
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Quitar flechas en Chrome */
#price_calculator input[type="number"].amount_needed::-webkit-outer-spin-button,
#price_calculator input[type="number"].amount_needed::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hover */
#price_calculator input[type="number"].amount_needed:hover {
    border-color: #9ca3af;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

/* Focus */
#price_calculator input[type="number"].amount_needed:focus {
    outline: none;
    border-color: #111827;
    box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.08);
}

/* Totales */
#price_calculator .total-amount td,
#price_calculator .calculated-price td {
    padding-top: 8px;
}

#price_calculator .wc-measurement-price-calculator-total-amount {
    display: inline-block;
    min-width: 110px;
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    text-align: right;
}

/* Precio final */
#price_calculator .calculated-price .product_price .amount {
    display: inline-block;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    color: #111827;
    text-align: right;
}

/* Separación visual antes del precio */
#price_calculator .calculated-price td {
    padding-top: 14px;
}
.summary.entry-summary .woocommerce-Price-amount.amount {font-size: 28px !important;}


/* =========================================
   Ángel Vilches
   https://angelvilches.com

   Override real para cantidad + botón en Lebe
========================================= */

/* Fila de cantidad + botón */
.single-product .woocommerce-variation-add-to-cart.variations_button,
.single-product .woocommerce-variation-add-to-cart,
.single-product .variations_button {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
}

/* Reset total del contenedor quantity del theme */
.single-product form.cart .quantity,
.single-product .variations_form .quantity,
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product .variations_button .quantity {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
    border: 0 !important;
    overflow: visible !important;
    position: relative !important;
    text-align: left !important;
    margin: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Por si Lebe mete decoraciones */
.single-product form.cart .quantity::before,
.single-product form.cart .quantity::after,
.single-product .variations_form .quantity::before,
.single-product .variations_form .quantity::after {
    content: none !important;
    display: none !important;
}

/* Input cantidad */
.single-product form.cart .quantity input.qty,
.single-product .variations_form .quantity input.qty,
.single-product .woocommerce-variation-add-to-cart input.qty,
.single-product .variations_button input.qty,
.single-product .woocommerce-variation-add-to-cart input.input-text.qty,
.single-product .variations_button input.input-text.qty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 58px !important;
    text-align: center !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    opacity: 1 !important;
    vertical-align: middle !important;
}

/* Quitar flechas del number */
.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,
.single-product form.cart .quantity input.qty::-webkit-inner-spin-button,
.single-product .variations_form .quantity input.qty::-webkit-outer-spin-button,
.single-product .variations_form .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
.single-product form.cart .quantity input.qty,
.single-product .variations_form .quantity input.qty {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* Focus */
.single-product form.cart .quantity input.qty:focus,
.single-product .variations_form .quantity input.qty:focus {
    outline: none !important;
    border-color: #111 !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.08) !important;
}

/* Botón */
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.variations_button .single_add_to_cart_button {
    height: 58px !important;
    min-width: 290px !important;
    padding: 0 34px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* Opcional: un poco más armónico */
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.variations_button .single_add_to_cart_button:hover {
    transform: translateY(-1px);
}

/* =========================================
   Productos simples – cantidad + botón
========================================= */

/* Fila cantidad + botón */
.single-product form.cart:not(.variations_form) {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
}

/* Botón en productos simples */
.single-product form.cart:not(.variations_form) .single_add_to_cart_button {
    height: 58px !important;
    min-width: 290px !important;
    padding: 0 34px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.single-product form.cart:not(.variations_form) .single_add_to_cart_button:hover {
    transform: translateY(-1px);
}



/*  MINI CART */

    .header .minicart-content-inner .actions .button.button-viewcart {
        background-color: #cacaca33 !important;
        color: #000000 !important;
    }



/* =========================================
   Ángel Vilches
   https://angelvilches.com

   Swatches loop + tooltip + aro activo
========================================= */


.product-item .product-thumb:has(.variations) {
    padding-bottom: 30px;
}

.product-item .variations {bottom: 0;}
.button-loop-action {bottom: 40px;}

/* Hacer el product-inner el contexto de posicionamiento */
.product-item .product-inner {
    position: relative;
}

.product-item.has-color-swatches .product-info {
    margin-top: 50px;
}

.variations_form.cart .variations { margin-bottom: 0; }

/* Sacar el table del flujo del thumb y colocarlo justo debajo */



/* Ocultar el select nativo, mostrar solo los swatches visuales */
.product-item .product-thumb .variations select {
    display: none !important;
}

/* Centrar y layout de los swatches en fila */
.product-item .product-thumb .variations,
.product-item .product-thumb .variations tbody,
.product-item .product-thumb .variations tr,
.product-item .product-thumb .variations td {
    width: 100%;
}

.product-item .product-thumb .variations .data-val {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

/* Ocultar label de la tabla */
.product-item .product-thumb .variations th {
    display: none !important;
}

.product-item .product-thumb .variations td.value {
    text-align: center;
    padding: 0;
}

.product-item .product-thumb .variations .data-val {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin: 0 auto;
}

/* CONTENEDOR */
.av-loop-swatches-placeholder {
    margin: 15px 0;
    text-align: center;
}

a.change-value.color {
    margin: 0 4px !important;
}

/* GRID DE COLORES */
.av-loop-swatches-placeholder .data-val.attribute-pa_color {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* WRAP */
.av-loop-swatches-placeholder .av-change-value-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* OCULTAR TEXTO DEBAJO */
.av-loop-swatches-placeholder .av-change-value-label {
    display: none !important;
}

/* CÍRCULO */
.av-loop-swatches-placeholder .change-value.color,
.av-loop-swatches-placeholder .change-value.photo {
    position: relative;
    display: block;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid #d1d5db;
    cursor: pointer;
    overflow: visible !important;
}

/* =========================
   ARO (SE MANTIENE)
========================= */

.av-loop-swatches-placeholder .change-value::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-radius: 50%;
    border: 1px solid #333;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* activar aro */
.av-loop-swatches-placeholder .change-value:hover::before,
.av-loop-swatches-placeholder .change-value.active::before {
    opacity: 1;
}

/* =========================
   TOOLTIP TEXTO
========================= */

.av-loop-swatches-placeholder .change-value::after {
    content: attr(data-name);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    transform: translateX(-50%) translateY(4px);
    background: #111;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; 
    z-index: 999;
}

/* mostrar tooltip */
.av-loop-swatches-placeholder .change-value:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    font-size: 18px;
    z-index: 99999;

}

/* =========================
   OPCIONAL: FLECHITA
========================= */

.av-loop-swatches-placeholder .change-value:hover::after {
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

/* =========================
   AJUSTES EXTRA
========================= */

/* evitar cortes por overflow del theme */
.product-item,
.product-item .product-inner,
.product-item .product-thumb,
.product-item .product-info {
    overflow: visible !important;
}

/* =========================
   bloques variacion mobile 
========================= */
/* Convertimos el form en contenedor flex */
.variations_form {
    display: flex !important;
    flex-direction: column;
}

/* =========================
   ORDEN DE BLOQUES
========================= */

/* 1. COLORES */
.variations_form table.variations {
    order: 2;
}

/* 2. IMAGEN (galería) */
.variations_form .woocommerce-product-gallery {
    order: 1;
}

/* 3. CALCULADORA */
.variations_form #price_calculator {
    order: 3;
}

/* 4. BOTÓN (opcional dejar después) */
.variations_form .single_variation_wrap {
    order: 4;
}

/* =========================
   IMAGEN PEQUEÑA
========================= */




/* =========================================
   Ángel Vilches
   https://angelvilches.com

   Ajustes mobile específicos para bloque
   product-mobile-more-detail-wrap en Lebe
========================================= */

    /* =========================
       ESTRUCTURA DEL BLOQUE
    ========================= */

     .product-mobile-more-detail-wrap form.variations_form.variable_mobile {
        display: flex;
        flex-direction: column;
    }

     .product-mobile-more-detail-wrap .variations {
        order: 1;
        margin-bottom: 18px;
    }

     .product-mobile-more-detail-wrap .woocommerce-product-gallery-mobile {
        order: 2;
        margin: auto;
        min-height: 0 !important;
    }

     .product-mobile-more-detail-wrap .single_variation_wrap {
        order: 3;
    }

    /* =========================
       OCULTAR DUPLICADOS
    ========================= */

     .product-mobile-more-detail-wrap .single_variation_wrap > .quantity:first-child,
     .product-mobile-more-detail-wrap .single_add_to_cart_button-clone,
     .product-mobile-more-detail-wrap .reset_variations,
     .product-mobile-more-detail-wrap .woocommerce-product-gallery__trigger,
     .product-mobile-more-detail-wrap .flex-control-nav,
     .product-mobile-more-detail-wrap .zoomImg {
        display: none !important;
    }

    /* =========================
       GALERÍA MÓVIL
    ========================= */

     .product-mobile-more-detail-wrap .flex-viewport {
        overflow: hidden !important;
        height: auto !important;
    }

     .product-mobile-more-detail-wrap .woocommerce-product-gallery__wrapper {
        display: block !important;
        width: 100% !important;
        transform: none !important;
        transition: none !important;
    }

    /* Ocultar todas por defecto */
     .product-mobile-more-detail-wrap .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
        display: none !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Mostrar solo la que marque el JS */
     .product-mobile-more-detail-wrap .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.av-mobile-active-image {
        display: block !important;
    }

     .product-mobile-more-detail-wrap .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.av-mobile-active-image img {
        display: block !important;
        width: 100% !important;
        max-width: 240px !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain;
    }

    /* =========================
       SELECTOR DE COLOR
    ========================= */

     .product-mobile-more-detail-wrap .variations tr.av-variation-color-row {
        display: block !important;
        margin-bottom: 18px !important;
    }

     .product-mobile-more-detail-wrap .variations tr.av-variation-color-row td.variation-title,
     .product-mobile-more-detail-wrap .variations tr.av-variation-color-row td.value {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

     .product-mobile-more-detail-wrap .variations tr.av-variation-color-row td.variation-title {
        margin-bottom: 12px;
    }

     .product-mobile-more-detail-wrap .data-val.attribute-pa_color {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
        justify-content: initial !important;
    }

     .product-mobile-more-detail-wrap .av-change-value-wrap {
        width: 100% !important;
    }

     .product-mobile-more-detail-wrap .av-change-value-wrap .change-value.color,
     .product-mobile-more-detail-wrap .av-change-value-wrap .change-value.photo {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

     .product-mobile-more-detail-wrap .av-change-value-label {
        font-size: 14px !important;
    }

 

    /* =========================
       CALCULADORA MÓVIL
    ========================= */

     .product-mobile-more-detail-wrap #price_calculator {
        margin: 0 0 18px 0 !important;
        padding: 22px 18px 44px 18px  !important;
        border-radius: 18px !important;
    }
    #price_calculator .total-amount td,
#price_calculator .calculated-price td {
    padding-top: 0px;
}

     .product-mobile-more-detail-wrap #price_calculator tbody,
     .product-mobile-more-detail-wrap #price_calculator tr,
     .product-mobile-more-detail-wrap #price_calculator td {
        display: block !important;
        width: 100% !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .price-table-row {
        margin-bottom: 20px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .length-input,
     .product-mobile-more-detail-wrap #price_calculator .width-input {
        margin-bottom: 22px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .price-table-row td:first-child {
        padding-right: 0 !important;
        text-align: center !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .price-table-row td:last-child {
        text-align: center !important;
        min-width: 0 !important;
    }

     .product-mobile-more-detail-wrap #price_calculator label,
     .product-mobile-more-detail-wrap #price_calculator .total-amount td:first-child,
     .product-mobile-more-detail-wrap #price_calculator .calculated-price td:first-child {
        display: block !important;
        text-align: center !important;
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator input[type="number"].amount_needed {
        width: 100% !important;
        max-width: none !important;
        height: 54px !important;
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .total-amount,
     .product-mobile-more-detail-wrap #price_calculator .calculated-price {
        margin-top: 8px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .total-amount td,
     .product-mobile-more-detail-wrap #price_calculator .calculated-price td {
        text-align: center !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .wc-measurement-price-calculator-total-amount {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
        font-size: 24px !important;
        margin-top: 4px !important;
        margin-bottom: 30px !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .product_price {
        display: block !important;
        width: 100% !important;
        min-height: 34px;
        text-align: center !important;
    }

     .product-mobile-more-detail-wrap #price_calculator .calculated-price .product_price .amount {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 30px !important;
        margin-top: 4px !important;
    }
/* =========================
   QUANTITY + ADD TO CART
========================= */

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart,
 .product-mobile-more-detail-wrap form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 0 !important;
}

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart > .quantity,
 .product-mobile-more-detail-wrap form.cart > .quantity {
    width: 100% !important;
}

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart > .quantity .control,
 .product-mobile-more-detail-wrap form.cart > .quantity .control {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart > .quantity .input-qty.qty,
 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart > .quantity input.qty,
 .product-mobile-more-detail-wrap form.cart > .quantity .input-qty.qty,
 .product-mobile-more-detail-wrap form.cart > .quantity input.qty {
    width: 92px !important;
    height: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
    border-radius: 16px !important;
    text-align: center !important;
}

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart > .quantity .btn-number,
 .product-mobile-more-detail-wrap form.cart > .quantity .btn-number {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #f1f1f1 !important;
    color: #111827 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    flex: 0 0 44px !important;
}

 .product-mobile-more-detail-wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button,
 .product-mobile-more-detail-wrap form.cart .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
}


/* =========================
   ORDEN BOTONES CANTIDAD
========================= */
/* =========================
   FIX ORDEN Y POSICIÓN QTY
========================= */
/* =========================
   FIX ORDEN Y POSICIÓN QTY
========================= */

 .product-mobile-more-detail-wrap .quantity .control {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}

 .product-mobile-more-detail-wrap .quantity .control .quantity-minus,
 .product-mobile-more-detail-wrap .quantity .control .minus,
 .product-mobile-more-detail-wrap .quantity .control .btn-number.quantity-minus,
 .product-mobile-more-detail-wrap .quantity .control .btn-number.minus {
    order: 1 !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
}

 .product-mobile-more-detail-wrap .quantity .control input.qty,
 .product-mobile-more-detail-wrap .quantity .control .input-qty {
    order: 2 !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
}

 .product-mobile-more-detail-wrap .quantity .control .quantity-plus,
 .product-mobile-more-detail-wrap .quantity .control .plus,
 .product-mobile-more-detail-wrap .quantity .control .btn-number.quantity-plus,
 .product-mobile-more-detail-wrap .quantity .control .btn-number.plus {
    order: 3 !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
}

 .product-mobile-more-detail-wrap .quantity .control > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================
   TABS
========================= */
.single-product-mobile .wc-tabs li a {
  background-color: #e6b32463 !important;
    border-radius: 20px !important;
    padding: 10px !important;
}



.single-product-mobile .summary .wc-tabs li:hover a, .single-product-mobile .summary .wc-tabs li.active a {
  background-color: #E6B324FF !important;
  
}
/* =========================
   CARRITO 
========================= */

.cart-collaterals .cart_totals .shop_table .shipping label::before {display: none !important;}
/* =========================
   RESPONSIVE 
========================= */

@media (max-width: 767px) {


/* Grid WooCommerce */
    
.product-info.equal-elem .product-title a {font-size: 22px !important;}


.woocommerce ul.products li.product a img {
      height: 250px; /* ajusta el alto que quieras */
}

/* Mobile – productos simples */

    .single-product form.cart:not(.variations_form) {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .single-product form.cart:not(.variations_form) .quantity {
        width: 100% !important;
        justify-content: center !important;
    }

    .single-product form.cart:not(.variations_form) .single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        height: 58px !important;
    }

    .single-product-mobile .summary .wc-tabs {margin: 0 auto !important;}

    /* PRICE CALCULATOR  

    #price_calculator {
        display: block !important;
        padding: 16px;
    }

    #price_calculator tbody,
    #price_calculator tr,
    #price_calculator td {
        display: block !important;
        width: 100% !important;
    } */

    #price_calculator .price-table-row {
        margin-bottom: 14px;
    }

    #price_calculator .price-table-row td:first-child {
        padding-right: 0;
        margin-bottom: 8px;
    }

    #price_calculator .price-table-row td:last-child {
        text-align: left !important;
        min-width: auto;
    }

    #price_calculator input[type="number"].amount_needed {
        width: 100%;
        max-width: 180px;
    }

    #price_calculator .wc-measurement-price-calculator-total-amount,
    #price_calculator .calculated-price .product_price .amount {
        text-align: left;
    }

/* =========================
   MINI CART
========================= */

.header .minicart-canvas-overlay {height: 100vh !important;}

.header .minicart-list-items {height: calc(90vh - 260px) !important;}


}