/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.alessioflamini.it/
 Description:    Divi Child Theme
 Author:         Alessio Flamini
 Author URI:     https://www.alessioflamini.it/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* ----------- Place your custom CSS below this line ------------------ */ 



.selected-variation-name {
    font-style: italic;
    font-size: 14px;
    color: #555;
    margin-left: 5px;
}

.et_pb_row .et_pb_row_1{
    z-index: 999!important;
}
.et-db #et-boc .et-l .et_pb_column{
    z-index: auto!important;
}

#single_variation_wrap{
    margin-bottom: -1.5em!important;
}

@media screen and (max-width: 768px) {
    /* Contenitore principale */
    .et_pb_wc_add_to_cart_0 .et_pb_module_inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; /* Avvolgi se necessario */
        gap: 10px; /* Spaziatura tra gli elementi */
    }
    
    .et-db #et-boc .et-l .et_pb_wc_add_to_cart_0 {
        z-index: 999!important;
    }

    /* Select box e altre variazioni */
    .et_pb_wc_add_to_cart_0 .variations {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0;
        padding: 0;
        border: none;
        gap: 10px;
    }

    .et_pb_wc_add_to_cart_0 .variations td {
        display: flex;
        align-items: center;
    }

    .et_pb_wc_add_to_cart_0 select {
        flex: 1;
        min-width: 100px;
        max-width: 150px;
    }

    /* Campo quantità */
    .et_pb_wc_add_to_cart_0 .quantity {
        flex: 0 0 auto;
        min-width: 80px;
    }

    /* Pulsante "Aggiungi al carrello" */
    .et_pb_wc_add_to_cart_0 .single_add_to_cart_button {
        flex: 1;
        max-width: 200px;
    }

    /* Impedisce che elementi vadano a capo inutilmente */
    .et_pb_wc_add_to_cart_0 .woocommerce-variation-add-to-cart {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }
}