/*
 Theme Name:   Astra Child
 Template:     astra
 Author:       Tu Nombre
 Version:      1.0.0
*/

/* --- Tamaño de las imágenes de variaciones-ATRIBUTOS (PC / por defecto) --- */
.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item {
    width: 200px !important;      
    height: 200px !important;
    max-width: none !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* --- Ajuste para Teléfonos Móviles  (50% más pequeñas: 100px) --- */
@media screen and (max-width: 768px) {
    
    /* 1. Atributos y Swatches de WooCommerce (50% de 200px = 100px) */
    .woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item {
        width: 100px !important;      
        height: 100px !important;
    }

    /* 2. Imágenes del plugin de extras en móviles (ajusta la clase o selector de tu plugin de extras aquí si fuera necesario) */
    .nereida-checkbox-calc img, 
    .product-addons-image img,
    .wc-pao-addon-image img {
        max-width: 50% !important;
        height: auto !important;
    }
}

/* --- Reducción del 50% en imágenes de extras para móviles --- */
@media screen and (max-width: 768px) {
    
    /* 1. Contenedor de la imagen principal del accesorio extra en móvil */
    .nereida-accesorios-grid .nereida-img-container,
    .nereida-accesorios-grid .nereida-img-placeholder {
        height: 80px !important; /* La mitad de los 160px originales */
    }

    /* 2. Tamaño de las tarjetas de los extras para que se compacten mejor */
    .nereida-btn-accesorio {
        flex: 1 1 calc(50% - 10px) !important;
        max-width: none !important;
    }

    /* 3. Miniaturas dentro del menú desplegable de opciones de los extras */
    .nereida-dropdown-item img,
    .nereida-dropdown-selected img {
        width: 14px !important;
        height: 14px !important;
    }
}