/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* PÁGINA DE SINGLE PRODUCT */
/* hacemos más grande el tamaño del texto del código de producto */
.sku_wrapper{
	font-size: 23px;
}

/* Para juntar el código de producto inferior con la sección de pestañas de "información adicional" */
.product-main > .row {
	margin-bottom: -3% !important;
}
.product .product-footer {
	margin-top: 1% !important;
}

/* Para quitar el padding-right y left que se crea con los section en la descripción del producto */
.textoSeoProd {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Para quitar los puntos de la lista de tarjeta dedicatoria */
.listaDescCortaProd {
	margin-top: 1.5em !important;
}

/* Para sustituir las etiquetas <h> de los títulos por posicionamiento en google */
.textoDescCorta {
	font-size: 1.1em !important;
	font-weight: 700 !important;
}

/* Para poner tamaño y grosor de fuente en los subtítulos de la descripción del producto */
.subtituloDescripcion {
	font-size: 1.5em !important;
	font-weight: 900 !important;
}

/* Para el estilo de los complementos/productos en la página de producto */
.product .complementosTitle {
	text-transform: capitalize;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .title-wrapper {
	min-height: 4em;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .title-wrapper .product-title {
	font-size: 1.3em;
}
.product .complementosZone {
	margin-bottom: -2em !important;
	margin-top: 2% !important;
}
.product .complementosZone .product-small a {
	line-height: 1.2;
	text-align: center;
}
.product .complementosZone .product-small a img {
	width: 50% !important;
}
.product .complementosZone .product-small .price-wrapper {
	margin-bottom: 10%;
}
.product .complementosZone .product-small .price-wrapper .price {
	display: grid;
}
.product .complementosZone .product-small .price-wrapper .price .woocommerce-Price-amount {
	font-size: 1.3em;
}
.product .complementosZone .product-small .price-wrapper .price .woocommerce-price-suffix {
	margin-top: 5%;
}
.message-container .checkoutBtnBackToShop {
	margin-left: 18% !important;
    margin-top: 3%;
    border-radius: 5px;
}
.product .complementosZone .product-small .add-to-cart-button {
	display: none;
}
.product .complementosZone .product-small .complementoAddToCartLabel {
	position: relative;
	text-align: center;
    top: -1.5em;
}
.product .complementosZone .product-small .complementoAddToCartLabel .add-to-cart-checkbox {
	margin-top: 1em;
	transform: scale(2) !important;
	-ms-transform: scale(2) !important;
    -moz-transform: scale(2) !important;
    -webkit-transform: scale(2) !important;
    -o-transform: scale(2) !important;
}
.product .complementosZone .product-small .complementoAddToCartLabel svg {
	width: 20%;
}
.product .complementosZone .product-small .complementoAddToCartLabel .anadirCarritoText {
	position: relative;
	top: -0.2em !important;
}
.product .complementosZone .product-small .complementoAddToCartLabel .anadidoCarritoText {
	position: relative;
	top: -1em !important;
}
.complementosZone .product-small .complementoAddToCartLabel:has(> .anadirCarritoText) {
	line-height: 0 !important;
	margin-bottom: 2em;
	top: -1.7em;
}
.complementosZone .product-small .complementoAddToCartLabel:has(> .anadidoCarritoText) {
	line-height: 1.55 !important;
}
.product .complementosRow .complementosColumn .flickity-viewport .product-small .product_meta {
	display: none;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .price-wrapper .price .woocommerce-Price-amount .woocommerce-price-suffix {
	font-size: 0.5em;
    margin-top: 7%;
}

/* Para deshabilitar los enlaces de la imagen y el título de producto de los productos de la categoría "Complementos" en la página de producto */
.product .complementosRow .complementosZone .product-small .box-image .image-none a {
	cursor: default;
	pointer-events: none;    
}
.product .complementosRow .complementosZone .product-small .box-text .title-wrapper .product-title a {
	color: #000000;
	cursor: default;
	pointer-events: none;    
}

/* Para que no aparezca la categoría de complementos en las categorías del footer */
.product-categories li a[href*="complementos"] {
    display: none !important;
}

/* Para ocultar los botones de la cantidad de producto en página de producto */
.cart .quantity {
	display: none !important;
}
.woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

/* Para cambiar el estilo del botón "Continuar con la compra" */
.cart .quantity + button {
	width: 100%;
	height: 66px;
	background: #ef8d2e;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
}

/* Para el estilo de la fila de imágenes (entrega garantizada, tarjetas y comercio seguro) debajo del botón "Continuar con la compra" */
.filaImgsTrust {
	margin-bottom: 1.5em !important;	
	margin-top: -1.5em !important;
	text-align: center !important;    
}

/* Para eliminar la opción "Limpiar" en las variaciones de producto */
.reset_variations {
	display: none !important;
}

/* Para igualar la altura de los textos bajo los iconos en el dropdown de la descripción del producto */
.accordion .accordion-item .accordion-inner .col-inner div img {
	height: 50px !important;
	width: 50px !important;
}

/* Para justificar los textos de el desplegable "Leer Más" inferior en la página de producto */
.pTextoLeerMas {
	text-align: justify !important;
}

/* Para el estilo del botón "Continuar con la Compra" */
.cart .single_add_to_cart_button {
	border-radius: 5px !important;
}

/* PAGINA CATEGORIA Y TIENDA */
/* Para ocultar categorías y etiquetas del producto en el SKU de debajo de la imagen del producto en la página de categoría */
div.product-small div.box-image + div.box-text .sku_wrapper {
	font-size: 1.3em !important;
}
div.product-small div.box-image + div.box-text .posted_in {
	display: none !important;
}
div.product-small div.box-image + div.box-text .tagged_as {
	display: none !important;
}
div.product-small div.box-image + div.box-text .product_meta {
	margin-bottom: 1% !important;
}
.product-small .title-wrapper .woocommerce-loop-product__title {
	font-size: 1.3em !important;
}

/* Para poner un contador en las valoraciones de los productos y subirlo a la misma línea de las estrellas */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-review-link {
    display: inline !important;
}
.price-wrapper a.woocommerce-review-link {
	left: 4em !important;
	position: relative !important;
	top: -2.05em !important;
}
.product-small .price-wrapper .price {
	font-size: 1.3em !important;
	margin-top: -1em !important;
}
.box-text .price-wrapper .ratingZero {
	margin-top: 2em !important;
}
.js-star-rating.star-rating {
	display: none !important;
}

/* PÁGINA CARRITO */
/* Para mostrar los botones de la cantidad de producto en página de carrito */
.product-quantity .quantity {
	display: inline-flex !important;
}

/* Para no mostrar el texto "Enviar a ..." debajo de las zonas de envío */
.woocommerce-shipping-totals .woocommerce-shipping-destination {
	display: none;
}

/* Para ocultar la frase "Enviar a ...(ciudad)" debajo de las zonas de envío en la página del carrito */
#shipping_method .woocommerce-shipping-destination {
	display: none;
}

/* Para el estilo del botón "Finalizar Compra" */
.wc-proceed-to-checkout .checkout-button {
	border-radius: 5px !important;
}

/* PÁGINA CHECKOUT */
/* Para no mostrar el borde superior de los campos billing en checkout */
.woocommerce-billing-fields {
	border-top: none !important;
	padding-top: 0 !important;
}

/* Para el estilo del separador del medio del Checkout (entre campos Billing y Shipping) */
.checkout #datosShipping {
	margin-top: 5%;
}

/* Para no mostrar el campo "País" en el formulario de "Checkout" */
#billing_country_field, #shipping_country_field {
	display: none;
}

/* Para eliminar el texto "(opcional)" de los campos de la sección del formulario "¿Necesita Factura?" */
#billing_wooccm11_field .optional, #billing_wooccm12_field .optional, #billing_wooccm13_field .optional, #billing_wooccm14_field .optional, #billing_wooccm15_field .optional, #billing_wooccm16_field .optional {
	display: none;
}

/* Para estilo del nombre de producto y precio en página "Checkout" */
.woocommerce-checkout-review-order .product-total .woocommerce-Price-amount {
	font-size: 1.5em;
}
.woocommerce-checkout-review-order .product-total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	font-size: 1em !important;
}
.woocommerce-checkout-review-order .product-item-thumbnail {
	margin-bottom: 1em;
}
.woocommerce-checkout-review-order .productItemName {
	display: contents;
	font-weight: bold;
}

/*Para poner un borde verde al check y texto de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper p label {
	border: 2px solid #28A745 !important;
}

/*Para hacer más grande el check de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper input[type=checkbox] {
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(2) !important; /* IE */
  -moz-transform: scale(2) !important; /* FF */
  -webkit-transform: scale(2) !important; /* Safari y Chrome */
  -o-transform: scale(2) !important; /* Opera */
	margin-left: 3% !important;
	margin-top: 3% !important;
 	padding: 10px !important;
}

/*Para hacer más grande el texto de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
	font-size: 1.2em !important;
	margin-left: 3% !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {
	margin-left: 3% !important;
}

/* Para separar los campos de "Algún dato que debamos saber" con "hora de entrega" superior */
#order_comments_field {
	margin-top: 2% !important;
}

/* Para el icono/botón de "Eliminar producto" y colocar tel texto en página "Checkout" */
div.removeProductContainer {
	display: inline-flex;
}
a.removeProductLink  {
	margin-bottom: 0.5em;
}
span.removeProductText {
	margin-left: 0.5em;
	padding-top: 0.2em;
}

/* Para juntar el "Formulario de la tarjeta de crédito y el texto "Guardar la información de pago..." inferior */
.wc-credit-card-form {
	margin-bottom: 0 !important;
}

/* Para dar espacio entre el texto "He leido..." y el botón "Realizar el pedido" */
#place_order {
	margin-top: 1em !important;
}

/* Para quitar espacio arriba y ponerlo abajo del bloque de texto "¿Tienes un cupón?..." */
.woocommerce-form-coupon-toggle {
	margin-bottom: 1em !important;
	margin-top: -1.5em !important;
}

/* Para ocultar el check y dar estilo al texto del título "DATOS NECESARIOS PARA LA ENTREGA" */
.woocommerce-shipping-fields #ship-to-different-address label {
	font-size: 1em !important;
	font-weight: bold !important;
}
.woocommerce-shipping-fields #ship-to-different-address-checkbox {
	display: none !important;
}

/* Para el estilo del botón "Realizar el Pedido" */
.form-row #place_order {
	border-radius: 5px !important;
	width: 100%;
}

/* PÁGINA CONTACTO */
/* Para hacer más grande el botón "Enviar" en el formulario de contacto */
#nf-field-32 {
	height: 3.5em;
	width: 100%;
}

/* FOOTER */
/* Para cambiar el color al icono social de "Email" */
.footer .social-icons .email {
	color: #7D7D7D !important;
}

/* MEDIA QUERY 550 - 767 ***********************************************************************/
@media (min-width: 550px) and (max-width: 767px) {
  
    /* Para el estilo de los complementos en la página de producto */
	.custom-product-page .complementosRow .complementosColumn .complementosZone .product-small {
		max-height: 14em !important;
	}
	.complementosZone .product-small .complementoAddToCartLabel:has(> .anadirCarritoText) {
		line-height: 1 !important;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {
/*************** ADD TABLET AND IPADS ONLY CSS HERE  ***************/
	
	/* Para colocar visualmente los complementos en la página de producto */
	.yith_wapo_group_total {
		margin-top: 35% !important;
		padding-top: 0 !important;
	}
	/* Para cambiar el tamaño del texto (fuente) del botón "Continuar con la compra" en la página de producto */
	.cart .quantity + button {
		font-size: 1.3rem !important;
	}
	
}

@media (min-width: 481px) and (max-width: 767px) {
/*************** ADD LOW RESOLUTION TABLET AND MOBILE LANDSCAPE ONLY CSS HERE  ***************/
	
	/* Para colocar visualmente los complementos en la página de producto */
	.yith_wapo_group_total {
		margin-top: 35% !important;
		padding-top: 0 !important;
	}
	
}

@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	/* Para hacer más pequeño el tamaño de fuente del banner superior */
	.banner .text-box-content .text-inner h1 {
		font-size: 3em !important;
	}	
	/* Para colocar visualmente los complementos en la página de producto */
	.yith_wapo_groups_container {
		margin-top: -2em !important;
	}
	.ywapo_input_container {
		margin-bottom: 0 !important;
		margin-top: -2em !important;
	}
	.ywapo_group_container {
		margin-top: -1.5em !important;
	}
	#ywapo_value_1 .ywapo_input_container, #ywapo_value_2 .ywapo_input_container, #ywapo_value_7 .ywapo_input_container {
		width: 31.5% !important;
	}
	.ywapo_group_container + .ywapo_group_container h3 {
		margin-top: -2em !important;
		padding-top: 0.5em !important;
	}
	.ywapo_group_container_checkbox .ywapo_input_container {
		margin-top: 0 !important;
		margin-bottom: -1em !important;
		max-height: 210px !important;
	}
	.ywapo_group_container h3 {
		padding-top: 1.5em !important;
	}
	.yith_wapo_group_total {		
		padding-top: 10% !important;
		font-size: 0.9em !important;
		margin-top: 10% !important;
	}
	.cart .quantity {
		margin-top: 1em !important;
	}
	/* Para cambiar el tamaño del texto (fuente) del botón "Continuar con la compra" en la página de producto */
	.cart .quantity + button {
		font-size: 1.1rem !important;
	}
	/* Para hacer más pequeño el tamaño de la fuente del nombre y del precio en la página de producto */
	.product-small  .title-wrapper {
		font-size: 0.85em !important;
	}
	.product-small  .price-wrapper {
		font-size: 0.85em !important;
	}
	/* Para reducir el espacio de las variaciones del producto (si las tiene) por debajo */
	.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
		margin-bottom: -1.5em !important;
	}
	/* Para poner espacio entre el texto y el marco verde de la aceptación de las condiciones de compra (texto "He leido...") */
	.woocommerce-terms-and-conditions-wrapper .form-row .woocommerce-form__label-for-checkbox {
		padding: 3% 3% 3% 3% !important;
	}
	/*Para poner al tamaño normal el check de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
	.woocommerce-terms-and-conditions-wrapper input[type=checkbox] {
	  /* Tamaño Checkboxes Normal */
	  -ms-transform: scale(1) !important; /* IE */
	  -moz-transform: scale(1) !important; /* FF */
	  -webkit-transform: scale(1) !important; /* Safari y Chrome */
	  -o-transform: scale(1) !important; /* Opera */
		padding: 0 !important;
	}
	/* Para juntar las lineas del texto y poner una margen al borde al check y a al texto (solo para móvil) */
	.woocommerce-terms-and-conditions-wrapper .form-row .checkbox {
		line-height: 1.2 !important;
		padding-left: 3% !important;
	}
	/*Para poner al tamaño normal del texto de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
	.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
		font-size: 1em !important;
	}
	/* Para juntar el código de producto inferior con la sección de pestañas de "información adicional" */
	.product-main > .row .product-info {
		padding-bottom: 0.1em !important;
	}
	.product .product-footer {
		margin-top: 0.1% !important;
	}
	/* Para dar espacio entre el botón de "Realizar pedido" en página checkout */
	#place_order {
		margin-bottom: 1em !important;
		margin-top: 1em !important;
	}	
	/* Para el estilo de los banners superiores de las `páginas de "Campañas especiales" */
	.banner .text-box .text-inner .text {
		font-size: 0.9em !important;
		line-height: 1.2 !important;
	}
	.banner .text-box .text-inner .text h1 {
		line-height: 0.5 !important;
	}
	.banner .text-box .text-inner .text p {
		font-size: 1.2em !important;
	}
	/* Para el estilo del banner de "Envío a Domicilio" */
	.h4bannerEnvioDomicilio {
		font-size: 2.5em !important;
	}
	.banner .text-box .text-inner .text p.pBannerEnvioDomicilio {
		font-size: 1.4em !important;
		padding-left: 1.5% !important;
		padding-right: 1.5% !important;
	}
	.btnBannerEnvioDomicilio {
		font-size: 1.5em !important;
	}
	/* Para el estilo de las valoraciones de los productos en la página de categoría */
	.price-wrapper a.woocommerce-review-link {
		left: 4.3em !important;
		position: relative !important;
		top: -2.1em !important;
		font-size: 1em;
	}

}