﻿.configurador-ovillos{
    margin-top:30px;
}
.configurador-ovillos ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    font-size: 13px;
    text-align: center;
}
.configurador-ovillos .ovillo-item img {
    width:100%;
    max-width:120px;
    display:block;
    margin:0 auto;
}
.configurador-ovillos .ovillo-item{
    padding:0 5px;
}

.configurador-ovillos ul input[type=number] {
    display: block;
    margin: 0 auto 20px auto;
    width:100%;
    max-width:60px;
    border: 1px solid #F1F1F1;
    padding:5px 10px;
    font-size:14px;
    border-radius:4px;
}
.configurador-ovillos input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: number-input;
}

    .configurador-ovillos input[type="number"]::-webkit-inner-spin-button,
    .configurador-ovillos input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: auto;
        opacity: 1 !important;
        display: inline-block !important;
    }


    .single-product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 48% !important;
    }
#mensajeErrorOvillos {
    display: none;
    color: #FF0000;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px 20px;
    border: 1px solid #FF0000;
    background-color: #fdeded;
    animation: parpadeo 1s infinite alternate;
    text-align: center;
}
.woocommerce-cart-form__cart-item .variation{
    font-size:0.8em;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price .amount bdi{
    font-weight:normal !important;
    text-decoration:none;
}

.woocommerce div.product form.cart div.quantity{
    display:block !important;
}
.woocommerce .quantity .qty {
    display: none;
}

.single-product form.cart>.price {
    display: none !important;
}

@media screen and (max-width: 960px) {
    .configurador-ovillos ul {
        grid-template-columns: repeat(3, 1fr);        
    }
}

@media screen and (max-width: 768px) {
    .single-product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 23.5% !important;
    }
}
    @keyframes parpadeo {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }