/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 20 2025 | 16:28:47 */
/* ======================================================================== */
/* --- ESTILOS MEJORADOS PARA SELECTORES DE VARIACIONES (<select>) --- */
/* ======================================================================== */

/* Selector principal para los <select> dentro de la tabla de variaciones */
.woocommerce div.product form.cart table.variations td.value select {
    /* --- Reseteo de apariencia --- */
    -webkit-appearance: none; /* Chrome, Safari, Edge */
    -moz-appearance: none;    /* Firefox */
    appearance: none;         /* Estándar */
    background-color: #f8f8f8; /* Fondo gris muy claro */
    border: 1px solid #e0e0e0; /* Borde sutil */
    border-radius: 4px;       /* Bordes ligeramente redondeados */
    padding: 10px 40px 10px 15px; /* Padding: top/bottom=10px, left=15px, right=40px (para la flecha) */
    width: 100%;              /* Ocupa todo el ancho disponible */
    cursor: pointer;
    
    /* --- Tipografía --- */
    font-family: "Montserrat", Sans-serif;
    font-size: 16px; /* Tamaño de fuente legible */
    color: #333;      /* Color de texto oscuro */
    line-height: 1.5; /* Espaciado entre líneas */

    /* --- Flecha personalizada (usando background image SVG) --- */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath fill-rule='evenodd' d='M8 11.646l-4.854-4.854a.5.5 0 01.708-.708L8 10.232l4.146-4.146a.5.5 0 01.708.708L8 11.646z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center; /* Posiciona la flecha a la derecha */
    background-size: 16px 16px; /* Tamaño de la flecha */

    transition: border-color 0.2s ease, box-shadow 0.2s ease; /* Transición suave */
}

/* --- Estados :hover y :focus --- */
.woocommerce div.product form.cart table.variations td.value select:hover {
    border-color: #aaa; /* Borde un poco más oscuro al pasar el ratón */
}

.woocommerce div.product form.cart table.variations td.value select:focus {
    border-color: var(--e-global-color-accent, #0073e6); /* Usa el color de acento del tema o un azul por defecto */
    box-shadow: 0 0 0 2px rgba(169, 169, 169, 0.25); /* Sombra exterior suave al enfocar */
    outline: none; /* Quitamos el outline por defecto del navegador */
}

	.woocommerce-variation-price {
    display: none;
}

/* --- Contenedor del select (td.value) --- */
.woocommerce div.product form.cart table.variations td.value {
    position: relative;
}

/* --- Opcional: Ocultar la flecha por defecto en IE --- */
.woocommerce div.product form.cart table.variations td.value select::-ms-expand {
    display: none;
	

	
}