/*
Theme Name: Hello Commerce Child
Template: hello-commerce
Version: 1.0
*/

:root {
    --color-primary: #ED722B;
}

body {
    background: #FAFAFA;
    font-family: "Montserrat", Sans-serif;
}

body a {
    color: var(--color-primary);
}

@media(min-width: 1400px) {
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1400px;
    }
}

.jolans-contenedor {

    max-width: 1800px;
    margin: auto;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 50px;
}


/* INPUTS WOO GLOBALES */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout form .form-row input[type="text"],
.woocommerce-checkout form .form-row input[type="email"],
.woocommerce-checkout form .form-row input[type="tel"],
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout .checkout .form-row .input-text {
    background: #f5f5f5;
    border: none;
    border-radius: 20px;
    padding: 14px 18px;
}

.woocommerce form .form-row input.input-text:active,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:active,
.woocommerce form .form-row textarea:focus,
.woocommerce-checkout form .form-row input[type="text"]:active,
.woocommerce-checkout form .form-row input[type="text"]:focus,
.woocommerce-checkout form .form-row input[type="email"]:active,
.woocommerce-checkout form .form-row input[type="email"]:focus,
.woocommerce-checkout form .form-row input[type="tel"]:active,
.woocommerce-checkout form .form-row input[type="tel"]:focus,
.woocommerce-checkout form .form-row textarea:active,
.woocommerce-checkout form .form-row textarea:focus,
.woocommerce-checkout .checkout .form-row .input-text:active,
.woocommerce-checkout .checkout .form-row .input-text:focus {
    outline: none;
}

.woocommerce form .form-row label {
    font-weight: 500;
}

.woocommerce form .required {
    color: #ED722B !important;
}

/* BOTONES */
.woocommerce-Button,
button.button {
    background: #ED722B !important;
    border-radius: 30px !important;
    padding: 12px 24px !important;
}

.woocommerce form .form-row .select2-container--default .select2-selection--single {
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 20px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
}

/* Texto interno */
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 18px !important;
    color: #333 !important;
}

/* Flecha */
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
    right: 16px !important;
}

/* Dropdown abierto */
.woocommerce .select2-dropdown {
    border-radius: 16px !important;
    border: none !important;
}

/* Focus estilo inputs */
.woocommerce .select2-container--open .select2-selection--single {
    outline: 1px solid #ED722B !important;
}