/*
Theme Name:         Bambini e genitori
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.4
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
.c-footer__logo { height:auto; max-width:280px!important;}

/* ==================================================
   CHECKOUT BAMBINI & GENITORI
   Layout definitivo dati cliente
================================================== */

/* Contenitore delle due colonne */
form.checkout.woocommerce-checkout #customer_details {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 40px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 30px 0 !important;
    padding: 0 !important;
}

/* Colonna dati donatore */
form.checkout.woocommerce-checkout #customer_details > .col-1 {
    display: block !important;
    float: none !important;

    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Colonna informazioni aggiuntive */
form.checkout.woocommerce-checkout #customer_details > .col-2 {
    display: block !important;
    float: none !important;

    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Contenitore dei campi di fatturazione */
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-billing-fields,
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-billing-fields__field-wrapper,
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-additional-fields,
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-additional-fields__field-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Impostazioni generali delle righe */
form.checkout.woocommerce-checkout
#customer_details
.form-row {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
}

/* Campi larghi */
form.checkout.woocommerce-checkout
#customer_details
.form-row-wide,
form.checkout.woocommerce-checkout
#billing_codice_fiscale_field,
form.checkout.woocommerce-checkout
#billing_partita_iva_field {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* Nome */
form.checkout.woocommerce-checkout
#customer_details
.form-row-first {
    float: left !important;
    clear: left !important;

    width: 48% !important;
    max-width: 48% !important;
}

/* Cognome */
form.checkout.woocommerce-checkout
#customer_details
.form-row-last {
    float: right !important;
    clear: right !important;

    width: 48% !important;
    max-width: 48% !important;
}

/* Wrapper degli input */
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Input, select e textarea */
form.checkout.woocommerce-checkout
#customer_details
input.input-text,
form.checkout.woocommerce-checkout
#customer_details
select,
form.checkout.woocommerce-checkout
#customer_details
textarea,
form.checkout.woocommerce-checkout
#customer_details
.select2-container {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}

/* Altezza textarea note */
form.checkout.woocommerce-checkout
#customer_details
#order_comments {
    min-height: 130px !important;
    resize: vertical;
}

/* Ripulisce i float di nome e cognome */
form.checkout.woocommerce-checkout
#customer_details
.woocommerce-billing-fields__field-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* Tablet e mobile */
@media screen and (max-width: 900px) {

    form.checkout.woocommerce-checkout #customer_details {
        display: block !important;
    }

    form.checkout.woocommerce-checkout
    #customer_details > .col-1,
    form.checkout.woocommerce-checkout
    #customer_details > .col-2 {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 30px !important;
    }
}

/* Smartphone */
@media screen and (max-width: 600px) {

    form.checkout.woocommerce-checkout
    #customer_details
    .form-row-first,
    form.checkout.woocommerce-checkout
    #customer_details
    .form-row-last {
        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;
    }
}