/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor - BSA Optics
Author: BSA Optics
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/







/* Ajustar miniaturas del Menu Cart en móvil */
@media (max-width: 767px) {
    .elementor-menu-cart__main .product-image img {
        width: 80px !important;  /* Cambia a tu tamaño deseado */
        height: auto !important;
        max-width: 100% !important;
    }
}

span.woocommerce-Price-amount.amount, .woocommerce-Price-currencySymbol {
  font-weight: 700 !important;
  font-style: normal;
  font-size: 30px;

}

/* Ajustar botones de cantidades */

.quantity .qty {
    padding: unset !important;
    height: 52px !important;
    border-radius: 0px !important;
    text-align: center !important;
    border: 1px solid #666 !important;
}

.quantity {
    display: flex !important;
    justify-content: flex-end !important;
}

button.plus, button.minus {
    padding: unset !important;
    margin: 0px !important;
    border: 1px solid #666 !important;
    background-color: white !important;
    color: #666 !important;
    width: 52px !important;
    height: 52px !important;
}

button.plus {
    margin-right: 10px !important;
}

/* =========================================
   WOOCOMMERCE - QUANTITY
   Reglas adicionales del site de referencia
   ========================================= */

/* Eliminar margen del selector en Single Product */
.woocommerce div.product form.cart div.quantity {
    margin: 0px !important;
}

/* Ocultar flechas nativas del campo numérico */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}



/* =========================================
   WOOCOMMERCE - ADDITIONAL INFORMATION
   Características en dos columnas
   ========================================= */

.woocommerce table.shop_attributes {
    width: 100%;
    border: 0;
    margin-bottom: 0;
}

.woocommerce table.shop_attributes tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.woocommerce table.shop_attributes tr {
    display: flex;
    align-items: center;
    width: 48%;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border: 0;
    background: #f2f2f2 !important;
    text-align: left;
    font-style: normal;
}

.woocommerce table.shop_attributes th {
    width: 40%;
    font-weight: 700;
    text-transform: uppercase;
}

.woocommerce table.shop_attributes td {
    width: 60%;
}

.woocommerce table.shop_attributes td p {
    margin: 0;
}

/* Móvil: una columna */
@media (max-width: 767px) {
    .woocommerce table.shop_attributes tr {
        width: 100%;
    }
}


/* Ocultar título interior de Description */
.woocommerce-Tabs-panel--description > h2:first-child {
    display: none !important;
}



/* =========================================
   WOOCOMMERCE - ESTÁNDAR PRODUCTOS
   Cambiar SOLO --product-price-color
   según el site
   ========================================= */

:root {
    --product-price-color: #F6A90E; /* Precios y botones */
    --sale-badge-color: #d32f2f;    /* Sticker SALE */
}

/* =========================================
   COLOR GLOBAL DE PRECIOS
   ========================================= */

.woocommerce span.woocommerce-Price-amount.amount,
.woocommerce .woocommerce-Price-currencySymbol {
    color: var(--product-price-color) !important;
}


/* =========================================
   SALE BADGE
   ========================================= */

.loop-sale-badge {
    background-color: var(--sale-badge-color) !important;
}


/* =========================================
   BOTONES DE PRODUCTO
   ========================================= */

/* ESTADO NORMAL */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.button:visited {
    background-color: var(--product-price-color) !important;
    color: #000000 !important;
    transition: background-color .2s ease-in-out,
                color .2s ease-in-out;
}


/* HOVER / FOCUS BOTONES ACTIVOS */
body .woocommerce ul.products li.product a.button:hover,
body .woocommerce ul.products li.product a.button:focus {
    background-color: #ffffff !important;
    color: var(--product-price-color) !important;
}


/* =========================================
   OUT OF STOCK
   ========================================= */

/* ESTADO NORMAL */
body ul.products li.product.outofstock a.button,
body ul.products li.product.outofstock a.button:visited {
    background-color: #bbbbbb !important;
    color: #ffffff !important;
    transition: background-color .2s ease-in-out,
                color .2s ease-in-out;
}


/* HOVER / FOCUS */
body ul.products li.product.outofstock a.button:hover,
body ul.products li.product.outofstock a.button:focus {
    background-color: #ffffff !important;
    color: var(--product-price-color) !important;
}

/* =========================================
   PRECIOS
   ========================================= */

/* PRECIO NORMAL / ACTUAL */
.woocommerce .price .woocommerce-Price-amount,
.woocommerce .price .woocommerce-Price-amount bdi,
.woocommerce .price .woocommerce-Price-currencySymbol {
    color: var(--product-price-color) !important;
}


/* PRECIO ORIGINAL CUANDO HAY OFERTA */
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del .woocommerce-Price-amount bdi,
.woocommerce .price del .woocommerce-Price-currencySymbol {
    color: var(--product-price-color) !important;
    text-decoration: line-through !important;
    opacity: 0.75;
}


/* PRECIO REBAJADO */
.woocommerce .price ins,
.woocommerce .price ins .woocommerce-Price-amount,
.woocommerce .price ins .woocommerce-Price-amount bdi,
.woocommerce .price ins .woocommerce-Price-currencySymbol {
    color: var(--product-price-color) !important;
    text-decoration: none !important;
}


/* =========================================
   PRECIOS EN TARJETAS
   Archive / Home / Related Products
   ========================================= */

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

/* =========================================
   GAMO - PRECIOS / FROM / VARIABLES
   ========================================= */

/* FROM - ARCHIVE PRODUCT: encima del precio */
.woocommerce ul.products li.product .price .from-text {
    display: block !important;
    width: 100% !important;
    color: #999999 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

/* FROM - FICHA PRODUCTO: al lado del precio */
body.single-product
.elementor-widget-woocommerce-product-price .price .from-text {
    display: inline !important;
    width: auto !important;
    color: #999999 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin: 0 8px 0 0 !important;
}

/* PRECIO ORIGINAL CUANDO HAY OFERTA: gris + tachado fino */
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del .woocommerce-Price-amount bdi,
.woocommerce .price del .woocommerce-Price-currencySymbol {
    color: #999999 !important;
    text-decoration: line-through !important;
    text-decoration-color: #999999 !important;
    text-decoration-thickness: 1px !important;
    opacity: 1 !important;
}

/* PRECIO REBAJADO: color sin subrayado */
.woocommerce .price ins,
.woocommerce .price ins .woocommerce-Price-amount,
.woocommerce .price ins .woocommerce-Price-amount bdi,
.woocommerce .price ins .woocommerce-Price-currencySymbol {
    color: var(--product-price-color) !important;
    text-decoration: none !important;
}


/* HOME - SLIDER PRODUCTOS - PRECIOS REBAJADOS */
.elementor-widget-woocommerce-products
.woocommerce ul.products li.product .price ins,
.elementor-widget-loop-carousel
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins .woocommerce-Price-currencySymbol {
    color: #F6A90E !important;
}

/* BSA OPTICS - PRECIO REBAJADO LOOP CAROUSEL */
.elementor-loop-container h2 ins,
.elementor-loop-container h2 ins .woocommerce-Price-amount,
.elementor-loop-container h2 ins .woocommerce-Price-amount bdi,
.elementor-loop-container h2 ins .woocommerce-Price-currencySymbol {
    color: #F6A90E !important;
}

/* PRECIO DE LA VARIACIÓN SELECCIONADA - COMO BENJAMIN */
body.single-product .woocommerce-variation-price {
    margin-bottom: 18px !important;
}

body.single-product .woocommerce-variation-price .price,
body.single-product .woocommerce-variation-price .price del,
body.single-product .woocommerce-variation-price .price ins,
body.single-product .woocommerce-variation-price .price .woocommerce-Price-amount,
body.single-product .woocommerce-variation-price .price .woocommerce-Price-amount bdi,
body.single-product .woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* =========================================
   WOOCOMMERCE - ROLLOVER IMAGEN SECUNDARIA
   ========================================= */

/* Contenedor de las imágenes */
.woocommerce ul.products li.product > a {
    position: relative !important;
    display: block;
    overflow: hidden;
}

/* Imagen secundaria superpuesta */
.woocommerce ul.products li.product img.product-secondary-image {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Mostrar imagen secundaria al pasar el cursor */
@media (hover: hover) {
    .woocommerce ul.products li.product > a:hover img.product-secondary-image {
        opacity: 1 !important;
    }
}

/* =========================================
   ROLLOVER - FONDO BLANCO IMAGEN SECUNDARIA
   ========================================= */

.woocommerce ul.products li.product img.product-secondary-image {
    background-color: #FFFFFF !important;
}



/* BSA OPTICS - CANTIDADES CARRITO ELEMENTOR */

.elementor-widget-woocommerce-cart .woocommerce .quantity {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Botones - y + */
.elementor-widget-woocommerce-cart .woocommerce .quantity button.minus,
.elementor-widget-woocommerce-cart .woocommerce .quantity button.plus {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #666 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #666 !important;
    box-sizing: border-box !important;
}

/* Campo numérico central */
.elementor-widget-woocommerce-cart .woocommerce .quantity input.qty {
    width: 70px !important;
    min-width: 70px !important;
    height: 52px !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #666 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    text-align: center !important;
    box-sizing: border-box !important;
}


/* COMPARE - Flecha Font Awesome */
.woocommerce-products-compare-compare-link .dashicons::before {
    content: "";
}

.woocommerce-products-compare-compare-link::before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
}


/* Página compare */

.woocommerce-products-compare-content {
    max-width: 1140px;
    margin: auto;
}

.wc-block-components-notice-banner__content a {
    color: inherit;
    text-decoration: underline;
}

.woocommerce-products-compare-content table td:first-child, .woocommerce-products-compare-content table th:first-child {
    border-left: 1px solid #c5c5c5 !important;
}

tr.products > th > h3, .woocommerce-products-compare-content th {
    font-size: 1.2rem;
    font-weight: 700;
	color: #010101 !important;
	text-align: left;
}

.woocommerce-products-compare-content .header-title {
    vertical-align: top !important;
}

.woocommerce-products-compare-content .remove-compare-product {
    text-decoration: underline !important;
    font-weight: 600;
    font-size: 1em;
}

td.product h3 {
    font-size: 1.2em;
    color: #1d1d1b;
    font-weight: 700;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #292929;
    text-transform: uppercase;
    background-color: #bbbbbb;
    border-radius: 0px;
    padding: 10px 30px;
}

span.woocommerce-Price-amount.amount, .woocommerce-Price-currencySymbol {

    font-weight: 700 !important;
	font-family: "Barlow Condensed", Arial, sans-serif !important;

}

/* =========================================
   COMPARE - PRECIO ORIGINAL
   Un solo tachado
   ========================================= */

.woocommerce-products-compare-content .price del,
.woocommerce-products-compare-content .price del *,
.woocommerce-products-compare-content .price del bdi {
    color: #999999 !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* Eliminar la línea adicional */
.woocommerce-products-compare-content .price del::before,
.woocommerce-products-compare-content .price del::after {
    content: none !important;
    display: none !important;
}

/* Aplicar un único tachado al importe */
.woocommerce-products-compare-content .price del bdi {
    text-decoration: line-through !important;
    text-decoration-color: #999999 !important;
    text-decoration-thickness: 1px !important;
}

/* =========================================
   COMPARE - TÍTULOS DE FILAS
   ========================================= */

.woocommerce-products-compare-content table th,
.woocommerce-products-compare-content table th h3,
.woocommerce-products-compare-content .header-title {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
}

/* COMPARE - Botones Add to Cart */

.woocommerce-products-compare-content .product .button {
    background-color: #F6A90E !important;
    color: #000000 !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    padding: 10px 35px !important;
}

.woocommerce-products-compare-content .product .button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* COMPARE - Título del producto */
.woocommerce-products-compare-content tr.products td.product h3 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none;
}

/* COMPARE - Etiqueta SALE redonda y roja */
.woocommerce-products-compare-content .product .onsale {
    background-color: #D40000 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    min-height: 55px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}


/* CART - CROSS SELLS / BOTONES */

.cross-sells ul.products li.product a.button {
    display: block !important;
    width: 70% !important;
    min-width: 0 !important;
    margin: 20px auto 25px !important;
    padding: 15px 20px !important;

    background-color: #F6A90E !important;
    color: #000000 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 1.2 !important;
    border-radius: 0 !important;
}

/* Hover */
.cross-sells ul.products li.product a.button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* My Account - Textos informativos del registro */
.woocommerce-form-register p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
}

/* My Account - Igualar textos informativos del registro */
.woocommerce .woocommerce-form-register b {
    font-weight: 500 !important;
}