/* ===============================
   Checkout Styling - Inputuri și Select-uri
   =============================== */
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout input[type=text],
.wp-block-woocommerce-checkout input[type=email],
.wp-block-woocommerce-checkout input[type=tel] {
    border: 1px solid #3bc4b24;
    border-radius: 4px;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    color: #222;
    background-color: #fff;
}

/* Container newsletter și Terms */
#customer_details .custom-newsletter,
#customer_details .woocommerce-terms-and-conditions-wrapper {
    display: flex !important;
    flex-direction: column;
    gap: 5px !important;
    margin-top: 10px !important;
}

/* Newsletter: checkbox și text pe același rând */
#customer_details .custom-newsletter label {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    font-size: 15px;
    line-height: 1.3;
}

/* Terms & Conditions: păstrăm p pentru flex */
#customer_details .woocommerce-terms-and-conditions-wrapper p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    /* checkbox aliniat cu textul */
    /*gap: 8px; */
    /* spațiu între checkbox și text */
}

/* Checkbox-uri mai mari și clickabile */
#customer_details .custom-newsletter input[type="checkbox"],
#customer_details .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    transform: scale(1.2);
    margin: 0;
    cursor: pointer;
}
.checkout .woocommerce-billing-fields {
    padding-bottom: 0 !important;
    /* sau cât vrei tu */
}
/* Containerul select-ului Country / Region */
#billing_country_field .select2-container--default .select2-selection--single {
    border: 1px solid #544444 !important;
    border-radius: 4px !important;
    height: 38px !important;
    line-height: 35px !important;
    background-color: #fff !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    /* text centrat vertical */
}

/* Textul din dropdown */
#billing_country_field .select2-selection__rendered {
    line-height: 35px !important;
    padding-left: 2px !important;
    color: #222 !important;
}

/* Săgeata dropdown */
#billing_country_field .select2-selection__arrow {
    height: 42px !important;
    right: 8px !important;
}

/* Eliminăm border verde de focus */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active,
.select2-container--default .select2-selection--single:hover {
    border-color: #544444 !important;
    box-shadow: none !important;
}

/* Hover pe item în dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3bc4b2 !important;
    color: #fff !important;
}
/* Stilizare County / State ca Country / Region */
#billing_state_field .select2-container--default .select2-selection--single {
    border: 1px solid #544444 !important;
    border-radius: 4px !important;
    height: 38px !important;
    line-height: 35px !important;
    background-color: #fff !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    /* text centrat vertical */
}

#billing_state_field .select2-selection__rendered {
    line-height: 35px !important;
    padding-left: 2px !important;
    color: #222 !important;
}

#billing_state_field .select2-selection__arrow {
    height: 35px !important;
    right: 8px !important;
}

/* Eliminăm border verde de focus */
#billing_state_field .select2-container--default .select2-selection--single:focus,
#billing_state_field .select2-container--default .select2-selection--single:active,
#billing_state_field .select2-container--default .select2-selection--single:hover {
    border-color: #544444 !important;
    box-shadow: none !important;
}

/* Hover pe item în dropdown */
#billing_state_field .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3bc4b2 !important;
    color: #fff !important;
}
#order_comments_field,
.woocommerce-additional-fields {
    display: none !important;
}

/* Container newsletter + Terms */
#customer_details .custom-newsletter,
#customer_details .woocommerce-terms-and-conditions-wrapper {
    display: flex !important;
    flex-direction: column;
    margin-top: 10px !important;
    gap: 5px !important;
}

/* Checkbox și text - Newsletter */
#customer_details .custom-newsletter label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    font-size: 15px;
}

/* Checkbox și text - Terms */
#customer_details .woocommerce-terms-and-conditions-wrapper label {
    display: flex !important;
    align-items: center !important;
    /* perfect aliniat checkbox cu text */
    gap: 6px !important;
    margin: 0 !important;
    font-size: 15px;
}

/* Eliminăm span-uri inutile și whitespace */
#customer_details .woocommerce-terms-and-conditions-wrapper label span,
#customer_details .woocommerce-terms-and-conditions-wrapper label i {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Checkbox scaling */
#customer_details input[type="checkbox"] {
    transform: scale(1.2);
    margin-right: 6px !important;
}

/* Spațiu mic între Newsletter și Terms */
#customer_details .custom-newsletter+.woocommerce-terms-and-conditions-wrapper {
    margin-top: 5px !important;
}

/* Mobile foarte mic */
@media (max-width: 430px) {
    #customer_details .woocommerce-terms-and-conditions-wrapper label {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding-left: 0 !important;
        /* eliminăm padding-ul folosit pe desktop */
    }

    #customer_details .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
        position: relative !important;
        /* nu absolut */
        margin-top: 0 !important;
        transform: scale(1.2);
    }

    #customer_details .woocommerce-terms-and-conditions-wrapper label span,
    #customer_details .woocommerce-terms-and-conditions-wrapper label a,
    #customer_details .woocommerce-terms-and-conditions-wrapper label i {
        flex: 1 !important;
    }
}