/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/



/** 
ENCABEZADOS DE
LOS CAMPOS 1,2 Y 3
CREAR CUENTA 
Y OTRA DIRECCION 
**/

/* Propiedades generales de los campos 1 2 y 3 */
.woocommerce-billing-fields h3,
h3#order_review_heading,
div#woocommerce-payment-options h3 {
font-size: 18px!important;
line-height: 1.2em;
color: #a82451;}

@media all and (max-width: 980px){
.woocommerce-billing-fields h3,
h3#order_review_heading,
div#woocommerce-payment-options h3 {
font-size:16px;
text-align: center;}}

/* Encabezado checkbox de "Enviar a una dirección diferente" */
h3#ship-to-different-address {
color: #a82451;
font-size: 14px!important;
font-weight:600!important;}

@media all and (max-width: 768px){
h3#ship-to-different-address {
font-size: 13px!important;}}

input#ship-to-different-address-checkbox {
margin: 0px 4px 2px 2px;
vertical-align: middle;
display: inline-block;}

/* Encabezado checkbox de "crear una cuenta" */
.woocommerce-validated label.checkbox {
font-size: 14px!important;
color: #a82451;
font-weight:600!important;}

@media all and (max-width: 768px){
.woocommerce-validated label.checkbox {
font-size: 13px!important;}}

input#createaccount {
margin: 0px 4px 2px 2px!important;
vertical-align: middle;
display: inline-block;}

p.form-row.form-row-wide.create-account.woocommerce-validated {
margin-bottom:20px;}

@media all and (max-width: 980px){
p.form-row.form-row-wide.create-account.woocommerce-validated {
margin-bottom: -5px;}}



/** 
COLUMNAS DE
LOS CAMPOS 1,2 Y 3
CREAR CUENTA 
Y OTRA DIRECCION 
**/

/** 
Columna 1 
"Facturacion y envio" 
**/

form.woocommerce-checkout #customer_details .col-1{
width: 47%;
background-color: #f7f7f7;
padding: 30px 35px 10px 35px;}

@media (max-width: 980px) {
form.woocommerce-checkout #customer_details .col-1{
margin-bottom: 0px!important;
padding: 20px 15px 20px 15px;
width: 100%;}}

/** 
Columna 2 
"Tu pedido" 
**/

form.woocommerce-checkout #customer_details .col-2 {
width: 47%;
background-color: #f7f7f7;
padding: 0px;}

@media (max-width: 980px) {
form.woocommerce-checkout #customer_details .col-2 {
padding:0px 15px 15px 15px;
width: 100%;}}*/

/* Linea de separación entre columna 1 y 2 */
#customer_details:before {
content: '';
height: 100%;
width: 1px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
right: 50%;
top: 0px;
display: block;}

@media (max-width: 980px) {
#customer_details:before {
display:none;}}

/*********/

/** 
Columna 2 
"Tu pedido"
DECORANDO EL INTERIOR
 **/

/* Fondeo del item del carrito */
form.woocommerce-checkout tr.cart_item {
background-color: #fff;}

/* Tamaño de letra de producto,subtotal, envío, etc... */
table.shop_table.woocommerce-checkout-review-order-table {
color:#333;
font-size:14px;}

/* Quitar bordes de la tabla */
#order_review table.shop_table th,
#order_review table.shop_table td{
border: 0px solid red;}

tr.cart-subtotal,
tr.woocommerce-shipping-totals.shipping {
    border-bottom: 1px solid #dedede;
}

/* Estilizando ENCABEZADO "Producto" */
#order_review table.shop_table th {
padding:0 0 5px 10px;
font-weight: 400;}

@media (max-width:768px){
#order_review table.shop_table th {
padding: 0 0 5px 10px;}}

/* Estilizando ENCABEZADO "Subtotal" */
.woocommerce-checkout-review-order th.product-total {
text-align: right;
padding-right:10px!important;
/* Importante: define el ancho de la tabla de la derecha */
width: 100px;}

@media (max-width:768px){
.woocommerce-checkout-review-order th.product-total {
padding-right:10px!important;
width: 100px;}}

/* Separaciones del precio */
.woocommerce-checkout-review-order .shop_table td{
text-align: right;
padding: 10px 10px 10px 0px!important;
font-weight: 400!important;
color: #666;
font-size: 14px;}

@media (max-width:768px){
.woocommerce-checkout-review-order .shop_table td{
padding: 10px 10px 10px 10px!important;}}

/* Separaciones de subtotal y envio */
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal th,
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal td,
.woocommerce-checkout-review-order table.shop_table tr.shipping th,
.woocommerce-checkout-review-order table.shop_table tr.shipping td {
padding:15px 10px 15px 10px!important;}

@media (max-width:768px){
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal th,
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal td,
.woocommerce-checkout-review-order table.shop_table tr.shipping th,
.woocommerce-checkout-review-order table.shop_table tr.shipping td {
padding:15px 10px 15px 10px!important;}}

/*********/


/*********/

/* Padding de los campos "TOTAL" y "PRECIO" */
.woocommerce-checkout-review-order .shop_table tr.order-total th,
.woocommerce-checkout-review-order .shop_table tr.order-total td {
padding: 0px 10px 40px 10px !important;}

@media all and (max-width: 768px){
.woocommerce-checkout-review-order .shop_table tr.order-total th,
.woocommerce-checkout-review-order .shop_table tr.order-total td {
padding: 0px 15px 35px 15px!important;;}}

/* Estilizando "TOTAL" */
.woocommerce-checkout-review-order .shop_table tr.order-total th{
font-size: 22px!important;
color: #666;
width: auto;
font-weight: 300!important;}

@media all and (max-width: 768px){
.woocommerce-checkout-review-order .shop_table tr.order-total th{
font-size: 22px!important;}}

/* Estilizando valor del precio en numero */
.woocommerce-checkout-review-order .shop_table .order-total bdi {
font-size: 24px;
font-weight: 500;
margin-bottom: -3px;
margin-top: 25px;
display: block;
color: #a82451;

/* Correccion de margen venido del ancho del TD derecho de la tabla */
margin-left: -200px;}

@media all and (max-width: 768px){
.woocommerce-checkout-review-order .shop_table .order-total bdi {
font-size: 20px;}}

/* Estilizando "Precio de envio" de FINALIZAR COMPRA  */
.woocommerce-checkout-review-order ul#shipping_method li {
margin:0px;}

.woocommerce-checkout-review-order ul#shipping_method li label {
font-weight: 400;
margin-right: 25px;
margin-left: -125px;
line-height: 1.3em;
font-size: 14px;}

/* Dots de "precio de envio" */
.woocommerce-checkout-review-order  ul#shipping_method li input {
margin: auto;
float: right;
margin: 4px 2px 0 0;}

/* Estilizando "incluye x de IVA" de FINALIZAR COMPRA  */
.woocommerce-checkout-review-order .shop_table td small {
font-weight: 300;
font-size: 14px;
text-transform: capitalize;
display: block;
color: #888;
line-height: 1.4em;
/* Correccion de margen venido del ancho del TD derecho de la tabla */
margin-left: -200px;}



/*

div#woocommerce-payment-options {
    margin-top: 20px;
    background-color: #fff;
    width: 114%;
    margin-left: -7%;
    padding: 30px 0px 0px 0px;
}

*/


div#woocommerce-payment-options h3 {
    background-color: #f7f7f7;
    padding:30px 30px 10px 30px;
}



/** 
INTRODUCCION DE 
DATOS EN CHECKOUT
**/ 

/* Padding y borde de los campos */
.woocommerce form .form-row input.input-text {
padding: 15px;
line-height: 1.4em;
font-size: 14px;}
/*border-radius: 3px;
border: 1px solid #ddd;
background-color: #fff;
color: #333;}*/

@media all and (max-width: 768px){
.woocommerce form .form-row input.input-text {
padding: 10px 10px;
font-size: 13px;}}

/* Etiqueta de encima del cuadro de introduccion de datos */
.woocommerce form .form-row label {
line-height: 1.4em;
font-size: 14px;}

@media all and (max-width: 768px){
.woocommerce form .form-row label {
font-size: 13px;}}

/* Separacion de los campos de medio tamaño */
.woocommerce form .form-row-first, .woocommerce form .form-row-last {
width: 49%;}


/** 
SELECTOR DE 
PROVINCIA, PAIS, 
CIUDAD... 
**/

/* Cuadros de pais/region/provincia...*/
.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single{
width: 100%;
display: block;
background: #fff;
font-size: 14px!important;
line-height: 1.4em;
height: 50px;
padding: 0 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 1px;
overflow: hidden;
position: relative;
box-shadow: none;
color: inherit;}

@media all and (max-width: 768px){
.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single{
height: 40px;
padding: 0 10px;
font-size: 13px!important;}}

/* Altura del campo pais/region/provincia...*/
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 50px;
color: inherit;
padding: 0;
font-weight: normal;}

@media all and (max-width: 768px){
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;}}

/* Padding de los cuadros de escritura (abierto) */
.select2-search__field {
border: 1px solid #bbb!important;
padding:8px 10px 6px 10px !important;}

/* Padding en el buscador en selector (abierto) */
.select2-search--dropdown {
padding:10px;}

/* Borde exterior desplegable selector (abierto) */
.select2-dropdown {
border: 1px solid #e0e0e0!important;
font-weight:400!important;}

/* Padding en el listado del selector (abierto) */
.select2-container--default .select2-results__option--highlighted[data-selected], .select2-results__option {
padding: 10px 15px!important;
line-height: 1.2em;}

@media all and (max-width: 768px){
.select2-container--default .select2-results__option--highlighted[data-selected], .select2-results__option {
font-size:13px;}}

/* Color del "seleccionado" abierto en active y hover */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #333!important;
color: #fff;}

/* Ajustes de altura y padding de la flecha */
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
margin-right: 5px!important;}

@media all and (max-width: 768px){
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px;}}

/** 
OTROS CAMPOS 
ADICIONALES 
**/

/* Cuadros de notas del pedido */
textarea#new_order_notes{
line-height: 1.4em;
padding: 15px 20px;
height: 12.7em;
border: 1px solid #ddd;
background-color: #fff;}

@media all and (max-width: 768px){
textarea#new_order_notes{
font-size:13px;
padding:10px 15px;
height: 6em;}}

/* Icono ojo de ver contraseña */
.woocommerce form .show-password-input,.woocommerce-page form .show-password-input {
right: 10px!important;
top: 8.5px!important;
color:#333;}

@media all and (max-width: 768px){
.woocommerce form .show-password-input,.woocommerce-page form .show-password-input {
right:5px!important;
top: 2.2px!important;}}












/********************************
CUPONES CHECKOUT
/********************************

/**
ZONA DE 
INTRODUCCION 
DEL CUPON 
**/ 

/* Contenedor */
.checkout-coupon-toggle .woocommerce-info:before{
display:none}

.checkout-coupon-toggle .woocommerce-info{
margin: -35px 20px 15px 20px!important;
border-radius:0px;
font-size: 14px !important;
line-height: 1.4em;
font-weight: normal !important;
position: relative;
color:#333!important;
background:#ececec!important;
border: 0px solid !important;
padding: 20px !important;
text-align: center;
z-index: 9999!important;}

/* Contenedor desplegado */
.coupon-form {
margin:0px 30px 0px 30px!important;}

@media all and (max-width: 980px){
.coupon-form {
margin-bottom: 15px!important;
max-width: 400px;
margin: 0 auto!important;}

@media all and (max-width: 768px){
.coupon-form {
max-width: 85%;}}

.checkout-coupon-toggle .woocommerce-info {
margin: -15px 15px 10px 14px;
border-radius: 0px;
padding: 15px !important;
}}

/* "Haz clic aqui para introducir codigo" */ 
.woocommerce-checkout .woocommerce .woocommerce-info a.show-coupon {
display: inline-block;
color:#888!important;
font-weight: 400;
line-height: 1.3em;
font-size: 13px;}

/* Espacio para escribir el cupon */
.coupon-form .form-row input.input-text {
padding: 10px!important;
line-height: 1.4em;
font-size: 14px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff !important;
color: #333 !important;
height: 38px !important;
box-shadow: none !important;
font-weight: normal !important;
text-align:center;}

/* Borde de espacio para escribir seleccionado */
.coupon-form .form-row.woocommerce-validated input.input-text{
border-color:#ddd!important;
text-align: center;}

/* Boton aplicar cupon */
.coupon-form  button.button {
font-size: 14px!important;
background-color:#a82451!important;
color:#fff!important;
border-radius: 2px!important;
width:100%!important;
height: 38px !important;}

.coupon-form button.button:hover {
background-color:#ececec!important;}

/* Texto del cupon en el 
carrito de finalizar página */
/* izquierda */
.cart-discount.coupon-descuento th{
font-weight: 400!important;
font-size: 14px;
height: 60px;
padding:0px 0px 0px 10px!important;}

@media (max-width:768px){
.cart-discount.coupon-descuento th{
padding:0px 0px 0px 15px!important;}}

/* derecha */
.cart-discount.coupon-descuento td{
font-weight: 400!important;
font-size: 14px;
padding: 0px 10px 0px 0px!important;}

@media (max-width:768px){
.cart-discount.coupon-descuento td{
padding: 0px 15px 0px 0px!important;}}

/* Quitar cuppon */
a.woocommerce-remove-coupon {
text-transform: capitalize;
font-size: 13px;}

@media (max-width:768px){
a.woocommerce-remove-coupon {
float: right;
margin-right: 0px;
margin-left: 100%;}}

/* Mensajes de error y aprobación de los cupones */
#order_review  .woocommerce-message:before,
#order_review  .woocommerce-error:before{
display:none}

#order_review  .woocommerce-error {
margin: 0px 0px 0px 0px;
width: auto!important;
border: 0px!important;
font-size: 13px!important;
color: #a00!important;
background:#fff!important;
padding:0px!important;
text-align: center;
line-height: 1.4em;
font-weight: 400!important;}

#order_review  .woocommerce-message {
font-size: 13px !important;
line-height: 1.4em;
color: #8fae1b!important;
background: transparent!important;
text-align: center;
border: 0px solid !important;
padding: 0px !important;
margin: 0px 0px 0px 0px;
line-height: 1.4em!important;
font-weight: 400!important;}

@media (max-width:980px){
div#order_review  .woocommerce-message {
margin: 10px 0px 20px 0px;}}



div#woocommerce-payment-options {
    margin-top: 50px;
}


/********************************
/********************************
/********************************





/* FALTA SIGO AQUI */


/* Border checkbox error */
.woocommerce form .form-row.woocommerce-invalid input.input-text {
    border-color: #a00;
}



/* MOVER CAMPO QUIERES ENVIARLO A OTRA DIRECCION? */


/* selectore de numeros */
.quantity.buttons_added {
    margin: 10px 0;
}

/* Imagenes */

span.cqoc_product_thumbnail {
    min-width: 50px;
    max-width: 50px;
    display: flex;
    margin: 10px 10px 10px 0;
}

@media screen and (max-width: 480px) {
span.cqoc_product_thumbnail {
        display: none;
    }
}


td.product-name {
    display: flex;
    align-items: center;
justify-content:flex-start;
padding: 0px;
}

.wpex-quantity-btns-wrap--vertical{
    padding: 0 0 0 10px;
}

/* Cantidad eliminada */

strong.product-quantity {
display:none;
}


/* x de quitar */

a.remove {
    margin:0 10px;
    
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0px 7px 2px 7px;
    border-radius: 50px;
    color:#a82451;
    font-size: 18px;
    font-weight: 500;
}

/* Nombre */

span.cqoc_product_name {
font-size: 13px;
    line-height: 1.2em;
    font-weight: 400;
    margin:0 10px 0 0;
}

span.cqoc_product_name a {
color:#333;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
    max-width: 250px;
}

/* Variaciones */
.cqoc_variations {
    display: flex;
    flex-direction: column;
	text-transform: capitalize;
margin-right: 5px;
margin-left: auto;}

span.cqoc_variation_value{
text-overflow: ellipsis;
    width: 40px;
    white-space: nowrap;
    overflow: hidden;
    margin: 2px 0;
    font-weight: 600;
    text-align: center;
    color: #7c7c7c;
    background-color: #f7f7f7;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 10px;
}

td.product-name {
border: 0px;}

tr.cart_item {
	border: 1px solid var(--wpex-table-cell-border-color);}











/**
ESTILIZAR EL BOTON
DE RADIO (CIRCULOS)
EN LA WEB ENTERA
ESPECIALMENTE EN CHECKOUT
**/

/* Estilizar el Botón de Radio (circulos)*/
input[type="radio"] {
/* remove standard background appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* create custom radiobutton appearance */
display: inline-block;
width: 15px;
height: 15px;
padding: 2px;
/* background-color only for content */
background-clip: content-box;
border: 1px solid #bbbbbb;
background-color: #e7e6e7;
border-radius: 50%;}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
background-color: #a82451;}

/* display radiobutton on redsys cuando está solo */
input#payment_method_redsys {
display: inline-block!important;}


/** 
BOTÓN
DE TERMINAR 
COMPRA
**/

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none !important;
display: block;
text-align: center;
min-width: 100%;
margin:20px auto 0px!important;
padding: 15px!important;
color: #fff!important;
border-radius:3px;
background-color: #a82451!important;}

@media all and (max-width: 768px){
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
font-size:14px;}}

.woocommerce #payment #place_order:hover{
color: #fff!important;
background-color: #333!important;}

/*********/


/** 
Columna 3 
"Opciones de pago" 
**/

/* Encabezado */
div#woocommerce-payment-options {
background-color: #f7f7f7;
margin-top: 25px;}

@media all and (max-width: 980px){
div#woocommerce-payment-options {
margin-top: 60px;}}

/* Separación EXTERIOR opciones de pago */
.woocommerce-checkout #payment {
background: transparent!important;
padding:20px 25px 30px 25px;}

@media all and (max-width: 768px){
.woocommerce-checkout #payment {
padding:5px 10px 10px 10px;}}

/* Separación de metodos de pago */
.woocommerce-checkout #payment div.payment_box {
background-color: #ddd;
margin: 20px 0px;
border-radius: 4px;}

/* Fondo de la explicacion de metodos de pago */
.woocommerce-checkout-payment .wc_payment_method p {
padding:15px 20px;
font-size: 12px;
border-radius: 2px;
line-height: 1.5;}

/* Flecha arriba de la explicacion de metodos de pago */
.woocommerce-checkout #payment div.payment_box :before{
content: "";
display: block;
border: 1em solid #ddd;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
margin: -38px 0px 0 -12px;}

/* Separación de los circulos de seleccion de metodos de pago */
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0px 6px -2px 13px;}




/* SIGO AQUI */

/* Texto de "que es paypal" */
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
line-height: 30px;
margin-right: 5px;}

.woocommerce-checkout #payment .payment_method_paypal img{
width:8%;}

/* Separación EXTERIOR Terminos y condiciones + checkbox */
.woocommerce-checkout .form-row.place-order {
padding: 20px 5px 0px 5px!important;}

@media all and (max-width: 768px){
.woocommerce-checkout .form-row.place-order {
padding: 20px 10px 0px 10px!important;}}

/* Texto de política de privacidad y terminos */
.woocommerce-privacy-policy-text {
line-height: 1.4em!important;
font-weight: 400!important;
font-size: 13px!important;
padding-bottom:15px!important;}

/* Casillas de aceptacion de privacidad y terminos */
.woocommerce-checkout #payment .checkbox.woocommerce-form__label {
display: inline-block;
font-size: 13px!important;
font-weight:400!important;}

@media all and (max-width: 768px){
.woocommerce-checkout #payment .checkbox.woocommerce-form__label {
line-height: 1.2em!important;}}

/* Separación inferior de los 2 checkbox */
.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required {
margin-bottom: 0px;}

/* Checkbox de aceptacion de terminos y condiciones */
.woocommerce-terms-and-conditions-wrapper .input-checkbox{
float: left;
margin: 1px 10px 5px 0px!important;
vertical-align: middle;}

/* Checkbox de aceptacion de privacidad (CUSTOM)*/
.woocommerce form p.form-row.validate-required input#privacy_policy{
float: left;
margin:1px 10px 5px 0px!important;
vertical-align: middle;}

/*********/