/*
#####################################################
##	Estilos Pagination
#####################################################
*/


.woocommerce {
    margin: 0 auto;
}

.wc-forward {
    color: var(--primary);
}

.showcoupon {
    color: var(--primary);
}

.woocommerce-form-coupon input {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
}

.woocommerce-form-coupon button {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    padding: 16px 38.5px;
    background-color: #333333;
    border-radius: 36px;
    border: none;
    font-family: font-bold;
}

#submit_redsys_payment_form,
#submit_bizum_payment_form {
    background-color: var(--primary);
    color: #ffffff;
    padding: 0.5rem 1rem;
    margin-right: .5rem;
    border-radius: 30px;
    border: 0;
}

.contenedor_payment_methods_title_check img {
    width: 100px;
}


/*
#####################################################
##	FIN Estilos Pagination
#####################################################
*/




/*
#####################################################
##	Estilos Página de Carrito
#####################################################
*/

/*** Form de Cupon ***/

/* .coupon input {}

.coupon input::placeholder {}

.coupon button {} */


/*** Boton de Checkout del carrito ***/

/* .checkout-button {} */


/*** Boton de Cantidad de producto del carrito ***/

/* .product-quantity .quantity input {} */



/*
#####################################################
##	FIN Estilos Página de Carrito
#####################################################
*/


/* ESTILOS PAGINA DE PRODUCTOS // CONTENT PRODUCT */

/*
#####################################################
##	Estilos Página de productos "Content-product"
#####################################################
*/


/* .container-product-wc {}
.cta-product-wc {} */

/*
#####################################################
##	Estilos Página de productos "Content-product"
#####################################################
*/



/*
#####################################################
##	Estilos Página single-product
#####################################################
*/

/*** Botón añadir a carrito ***/

/* .single_add_to_cart_button {} */

/*** Formulario Producto simple ***/

/* Contenedor */

/* #form-single-product-simple {} */

/* Botón */

/* #button-submit-simple {} */


/*
#####################################################
##	FIN Estilos Página single-product
#####################################################
*/

/*  PAGINA ARCHIVE PRODUCT  */

/*
#####################################################
##	Estilos Página Tienda "Arhive Product"
#####################################################
*/

/*** Menu de Categorias de los productos ***/

/*
.product-category {}

.product-category:hover {}

.product-category img {}

.product-category .woocommerce-loop-category__title {}

.product-category:hover .woocommerce-loop-category__title {}

.product-category .woocommerce-loop-category__title mark {}
*/

/*
#####################################################
##	FIN Estilos Página Tienda "Arhive Product"
#####################################################
*/


/*
#####################################################
##	Estilos Página Checkout
#####################################################
*/


/*** Campos de facturación ***/

/* .billing-label-field {} */

.woocommerce-billing-fields {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper p {
    margin-bottom: 11px;
}

.woocommerce-billing-fields__field-wrapper p input {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
}

.woocommerce-billing-fields__field-wrapper p .select2-selection--single {
    width: 100%;
    font-size: 12px;
    padding: .4rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
    height: auto !important;
    margin: 0 !important;
}

.woocommerce-billing-fields__field-wrapper p .select2-selection--single .select2-selection__rendered {
    color: #A2A2A2;
    padding: 0;
}
.woocommerce-billing-fields__field-wrapper p .select2-selection--single .select2-selection__arrow {
    top: 0px;
    height: 100%;
    right: 20px;
}

.woocommerce-billing-fields__field-wrapper p input::placeholder {
    color: #A2A2A2;
}


/*** Campos de Envío ***/

#ship-to-different-address {
    margin-bottom: 1.5rem;
}

#ship-to-different-address label span {
    font-size: 14px;
    color: #333333;
    margin-left: 5px;
    font-weight: normal;
}

#ship-to-different-address label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.woocommerce-checkout > .col-3 > .woocommerce-billing-fields > h3 {
    font-family: font-black;
    font-size: 18px;
    color: #333333;
    display: block;
    margin-bottom: 26px;
}

.woocommerce-checkout > .col-3 > .woocommerce-additional-fields > h3 {
    font-family: font-black;
    font-size: 18px;
    color: #333333;
    display: block;
    margin-bottom: 26px;
}


.woocommerce-shipping-fields {
    width: 100%;
}

.woocommerce-shipping-fields__field-wrapper p {
    margin-bottom: 11px;
}

.woocommerce-shipping-fields__field-wrapper p input {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
}

.woocommerce-shipping-fields__field-wrapper p .select2-selection--single {
    width: 100%;
    font-size: 12px;
    padding: .4rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
    height: auto !important;
    margin: 0 !important;
}

.woocommerce-shipping-fields__field-wrapper p .select2-selection--single .select2-selection__rendered {
    color: #A2A2A2;
    padding: 0;
}
.woocommerce-shipping-fields__field-wrapper p .select2-selection--single .select2-selection__arrow {
    top: 0px;
    height: 100%;
    right: 20px;
}

.woocommerce-shipping-fields__field-wrapper p input::placeholder {
    color: #A2A2A2;
}


/*** Campos de Crear cuenta ***/

.create-account {
    margin-top: .8rem;
    margin-bottom: .8rem;
}

.create-account label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    color: #979797;
}

.create-account label span {
    font-size: 14px;
    color: #333333;
    margin-left: 5px;
}

.create-account .woocommerce-input-wrapper input {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
}
.create-account .woocommerce-input-wrapper input::placeholder {
    color: #A2A2A2;
}

.woocommerce-password-strength {
    font-size: 15px;
    color: #333333;
}


/*** Campos de Form de Pedido ***/

#order_comments_field label {
    display: none;
}

#order_comments_field span textarea {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 10px;
    color: #A2A2A2;
    height: 136px;
    max-height: 200px;
}

#order_comments_field span textarea::placeholder {
    font-size: 12px;
    color: #A2A2A2;
}



#order_review_heading {
    color: #333333;
    font-family: font-black;
    font-size: 18px;
}

.woocommerce-checkout-review-order-table .cart_item .product-name {
    font-family: font-black;
    color: #333333;
    font-size: 18px;
}

.woocommerce-checkout-review-order-table .cart_item .product-name strong {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    font-family: fontRegular;
}

.woocommerce-checkout-review-order-table .product-total .woocommerce-Price-amount {
    color: var(--primary);
    font-size: 20px;

}

.contenedor-view-order {
    border: 1px solid #979797;
    border-radius: 10px;
    padding: 23px;
    height: fit-content;
    height: min-content;
    position: initial;
}

.contenedor-envio-ver-pedido-chechout span {
    font-size: 16px;
}

.contenedor-total-ver-pedido-chechout span {
    font-family: font-black;
    font-size: 16px;
}

.contenedor-total-ver-pedido-chechout .total-titulo-ver-pedido-checkout {
    color: #333333;
}

.contenedor-total-ver-pedido-chechout .total-numero-ver-pedido-checkout {
    color: var(--primary);
}

.contenedor-total-ver-pedido-chechout .total-iva-ver-pedido-checkout {
    font-size: 12px;
    color: #A2A2A2;
    display: block;
    width: 100%;
    text-align: end;
    font-family: fontRegular;
}


/*** Campos de Politicas de privacidad ***/

.woocommerce-privacy-policy-text p {
    font-size: 9px;
    color: #A2A2A2;
}

.woocommerce-terms-and-conditions-checkbox-text {
    font-size: 12px;
    color: #333333;
}

/*** Campos de Métodos de pago ***/

#checkout_payments > h3 {
    font-family: font-black;
    color: #333333;
    font-size: 18px;
}

.wc_payment_methods li label {
    font-size: 14px;
    color: #333333;
    margin-left: 5px;
    margin-bottom: 0;
}

.wc_payment_methods li p {
    font-size: 12px;
    color: #A2A2A2;
}

.contenedor_payment_methods_title_check {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem;
}


#payment {
    margin-top: 1rem;
}

@media (min-width: 992px) {
    #payment {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0;
    } 
}


#place_order {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    padding: 16px 38.5px;
    background-color: #333333;
    border-radius: 36px;
    border: none;
    font-family: font-bold;
}


/* Le anyado las clases de un col-12 */
.woocommerce-NoticeGroup-checkout {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


/*
#####################################################
##	FIN Estilos Página Checkout
#####################################################
*/


/*
#####################################################
##	Estilos Página Mi cuenta
#####################################################
*/

.woocommerce-MyAccount-navigation {
    width: 100%;
    background-color: var(--primary);
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
}

.woocommerce-MyAccount-navigation ul li {
    padding: .5rem 1rem;
}
.woocommerce-MyAccount-navigation ul li a {
    color: #ffffff;
}

.woocommerce-MyAccount-content {
    margin-top: 1rem;
}


.woocommerce-Button-account {
    background-color: var(--primary);
    color: #ffffff;
    padding: 0.5rem 1rem;
    margin-right: .5rem;
    border-radius: 30px;
}

.woocommerce-Input--email,
.woocommerce-Input--password,
.woocommerce-Input--text {
    width: 100%;
    font-size: 12px;
    padding: .7rem 26px;
    border: 1px solid #979797;
    border-radius: 36px;
    color: #A2A2A2;
}

.woocommerce-Button {
    background-color: #333333;
    font-size: 16px;
    padding: .7rem 26px;
    border-radius: 36px;
    border: none;
    color: #ffffff;
}

.woocommerce-form-login__submit {
    background-color: var(--primary);
    color: #ffffff;
    width: 100%;
    display: block;
    border: none;
    padding: .7rem 0;
    text-align: center;
    border-radius: 30px;
}

.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
    margin-right: 1rem;
}
.woocommerce-form-login__rememberme span {
    color: #a2a2a2;
    font-size: 16px;
}

.woocommerce-form-row--wide label {
    color: #A2A2A2;
    font-size: 16px;
}

/*
#####################################################
##	FIN Estilos Mi cuenta
#####################################################
*/


/*
#####################################################
##	Estilos Pagination
#####################################################
*/

.page-numbers {
    display: flex;
}

/*
#####################################################
##	Fin Estilos Pagination
#####################################################
*/