/*
Theme Name:  Shikoba Theme
Template: 	 hello-elementor
Theme URI:	 https://childthemewp.com/create-child-theme/
Author:		 Shikoba
Author URI:	 https://shikoba.es
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: shikoba
*/

/* Para modificar la etiqueta de oferta de la imagen de producto en producto individual */
.cs-imagen-producto-individual .onsale{
	background-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-secondary) !important;
	padding: 0.5em !important;
	font-weight: 700 !important;
}

/* ===== Variaciones producto individual ===== */

/* Fondo blanco en el bloque de variación seleccionada */
.cs-single-product-variations .woocommerce-variation.single_variation {
    background-color: #ffffff;
    padding: 12px 16px;
    border-radius: 4px;
}

/* Sin efecto hover en ese bloque */
.cs-single-product-variations .woocommerce-variation.single_variation:hover {
    background-color: #ffffff !important;
}

/* Precio de la variación en color primario de Elementor */
.cs-single-product-variations .woocommerce-variation-price .price,
.cs-single-product-variations .woocommerce-variation-price .woocommerce-Price-amount,
.cs-single-product-variations .woocommerce-variation-price .woocommerce-Price-amount bdi {
    color: var(--e-global-color-primary) !important;
}

/* Ocultar SKU */
.sku_wrapper {
    display: none !important;
}

/* Ajustar z-index a carrito */
.elementor-menu-cart__main{
	z-index: 9999 !important;
}

/* Ajustar las pestañas de info del single product para que no hagan cosas raras con el hover/focus/active */

.single-product-info .e-n-tab-title:hover {
	border-radius: 10px 10px 0 0;
}

.single-product-info .e-n-tab-title:active,
.single-product-info .e-n-tab-title:focus {
	border-radius: 10px 10px 0 0;
}

/* Ocultar botones de contacto y popup de subir cuando el carrito lateral de Elementor está abierto */
body:has(.elementor-menu-cart--shown) .e-contact-buttons,
body:has(.elementor-menu-cart--shown) .dialog-lightbox-message {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Cambiar de color los botones de Woocommerce que no se pueden editar con Elementor */
#place_order{
	background-color: var(--e-global-color-primary) !important;
	color: white !important;
}

input[type="checkbox"], input[type="radio"]{
    accent-color:  var(--e-global-color-primary) !important; /* el color que quieras */
}

/* Arreglar problema responsive espacio debajo del footer por elemento flotante */
#elementor-popup-modal-23772 {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    pointer-events: none; /* Esto evita que el hueco invisible bloquee clics */
}

#elementor-popup-modal-23772 .dialog-widget-content {
    pointer-events: auto; /* Esto permite que el botón sí sea clicable */
}