/*
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.   ***************/

/* TOP BAR */
/* Para hacer más grande el texto e icono de "carrito de compra" en la barra superior */
.header-inner .cart-item {
	font-size: 1.2em !important;
	margin-top: -0.5em !important;
}

/* Para ocultar la pestaña de "Opiniones de clientes" en la barra superior en tamaño pc */
.top-bar-nav li:first-child {
	display: none;
}

/* PÁGINA DE INICIO */
/* Poner color principal de la web a los títulos del Accordion de la Página de Inicio (Front page) */
.home .accordion .accordion-item .accordion-title span h3 {
	color: var(--primary-color, #000) !important;
}

/* 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 ocultar el botón debajo de la imagen de producto "Continuar con la compra" */
.add-to-cart-button {
	display: none !important;
}

/* Para ocultar categorías y etiquetas del producto en el SKU superior de "single-product" y mostrarlas en el SKU de abajo */
 div.product-gallery + div.product-summary .posted_in {
	display: none !important;
}
div.product-gallery + div.product-summary .tagged_as {
	display: none !important;
}
form.variations_form + div.product_meta .posted_in {
	display: block !important;
}
form.variations_form + div.product_meta .tagged_as {
	display: block !important;
}
form.cart + div.product_meta .posted_in {
	display: block !important;
}
form.cart + div.product_meta .tagged_as {
	display: block !important;
}

/* Para el texto de la "Descripción corta del producto" */
.descripcionCintaText {
	font-size: 0.85em !important;
	margin-top: -2% !important;
}

/* Para ocultar el botón "Limpiar" en las variaciones del producto (si las  tiene) */
.variations_form .reset_variations {
	visibility: hidden !important;
	display: none;
}

/* 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 ocultar las categorias y etiquetas por debajo del código del producto SKU*/
.custom-product-page .product_meta .posted_in,
.custom-product-page .product_meta .tagged_as {
  display:none;
}


/* 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;
}

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

/* Para el estilo del botón "Continuar con la Compra" en la página de Producto */
.product .single_add_to_cart_button {
	border-radius: 5px !important;
	line-height: 1.5;
}

/* Para el estilo de los complementos/productos en la página de Producto */
.complementosTitle {
	text-transform: capitalize;
}
.complementosZone {
	margin-bottom: -2em !important;
	margin-top: 2% !important;
}
.complementosZone .product-small a {
	line-height: 1.2;
	text-align: center;
}
.complementosZone .product-small a img {
	width: 50% !important;
}
.complementosZone .product-small .price-wrapper {
	font-size: 0.85em;
	margin-bottom: 10%;	
	margin-top: 15%;
}
.complementosZone .product-small .price-wrapper .price {
	display: grid;
}
.complementosZone .product-small .price-wrapper .price .woocommerce-Price-amount {
	font-size: 1.5em;
}
.message-container .checkoutBtnBackToShop {
	margin-left: 18% !important;
    margin-top: 3%;
    border-radius: 5px;
}
.complementosZone .product-small .add-to-cart-button {
	display: none;
}
.complementosZone .product-small .complementoAddToCartLabel {
	position: relative;
	text-align: center;
    top: -1.5em;
}
.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;
}
.complementosZone .product-small .complementoAddToCartLabel svg {
	width: 20%;
}
.complementosZone .product-small .complementoAddToCartLabel .anadirCarritoText {
	position: relative;
	top: -0.2em !important;
}
.complementosZone .product-small .complementoAddToCartLabel .anadidoCarritoText {
	position: relative;
	top: -1em !important;
}

/* Para el estilo de los texto "Añadir al Carrito" y "Añadido al Carrito" en los complementos de la página de producto */
.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;
}

/* 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 */
.complementosRow .complementosZone .product-small .box-image .image-none a {
	cursor: default;
	pointer-events: none;    
}
.complementosRow .complementosZone .product-small .box-text .title-wrapper .product-title a {
	color: #000000;
	cursor: default;
	pointer-events: none;    
}

/* 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: 1em !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;
}

/* 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.1em !important;
}
.product-small .price-wrapper .price {
	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..." */
.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;
}

/* Para quitar el borde negro superior a la sección "Total del Carrito" en la columna derecha */
.cart_totals .product-name{ 
    border: unset; 
    border-bottom: 3px solid #ececec; 
} 

/* PÁGINA CHECKOUT */
/* 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 colocar el cuadro "He leído y estoy de acuerdo con los términos y condiciones" en "Checkout" */
.woocommerce-terms-and-conditions-wrapper .validate-required {
	margin-bottom: 1.5em;
}

/*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%;
}

/* Para no mostrar el logo de la pasarela de pago Paycomet */
.page-checkout #payment label[for="payment_method_paytpv"] img {
    display: none;
}

/* 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;
}
/* Para que no aparezca la categoría de complementos en las categorías del footer */
.product-categories li a[href*="complementos"] {
    display: none !important;
}
.product-categories li:has(a[href*="complementos"]) {
    display: none !important;
}

/* VARIATION SWATCHES */
/* Para ocultar el select que aparece al elegir color el las "woo variation swatches" */
#pa_colores-disponibles {
	display: none !important;
}

/* PÁGINA OPINIONES (DE CLIENTES) */
/* Para ocultar el texto de "Powered by Customer Reviews plugin" */
.cr-credits-div {
	display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
/*************** ADD TABLET AND IPADS ONLY CSS HERE  ***************/
	
	/* 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 only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	/* 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;
	}

}

@media (min-width: 768px) and (max-width: 1024px) {
/*************** ADD TABLET AND IPADS ONLY CSS HERE  ***************/
	
	/* 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: 550px) and (max-width: 767px) {
/*************** ADD LOW RESOLUTION TABLET AND MOBILE-2 LANDSCAPE ONLY CSS HERE  ***************/
	
	/* 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 only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
		
	/* Para la cantidad en la página de producto */
	.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 un 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;
	}
}

/* ==========================================================================
   Kategoriebeschreibung  (flor10.de, 11.09.2026)
   Regel Flor10: der Text nutzt die NUTZBARE BREITE des Containers, am Desktop
   wie am Handy. Keine schmalen Textspalten. Bei voller Breite wird die
   Schrift groesser, sonst verliert man beim Zeilenwechsel die Zeile.
   ========================================================================== */
.term-description,
.category-page-row .term-description,
.page-title-inner .term-description {
    max-width: 100%;
    width: 100%;
    font-size: 17px;
    line-height: 1.75;
    text-align: left;
}
.term-description p {
    max-width: 100%;
    margin-bottom: 1.1em;
}
.term-description h2 { font-size: 1.7em; line-height: 1.25; margin: 1.4em 0 .5em; }
.term-description h3 { font-size: 1.3em; line-height: 1.3;  margin: 1.5em 0 .45em; }
.term-description h4 { font-size: 1.08em; line-height: 1.35; margin: 1.2em 0 .35em; font-weight: 600; }
.term-description h2:first-child,
.term-description h3:first-child { margin-top: 0; }

/* Aufzaehlungen: der Punkt steht buendig mit dem Absatztext, nicht eingerueckt */
.term-description ul,
.term-description ol {
    max-width: 100%;
    margin: 0 0 1.1em 0;
    padding-left: 1.15em;
    list-style-position: outside;
}
.term-description li {
    margin-bottom: .45em;
    padding-left: .15em;
}
.term-description ul li::marker { color: #008000; }

/* Bilder im Beschreibungstext */
.term-description figure { margin: 1.4em 0; max-width: 100%; }
.term-description figure img { width: 100%; height: auto; border-radius: 6px; }
.term-description figcaption {
    font-size: .88em; color: #666; margin-top: .5em; line-height: 1.5;
}
.term-description .f10-bild-paar {
    display: flex; gap: 18px; flex-wrap: wrap; margin: 1.4em 0;
}
.term-description .f10-bild-paar figure { flex: 1 1 300px; margin: 0; }

@media (max-width: 849px) {
    .term-description { font-size: 16px; }
    .term-description .f10-bild-paar { gap: 12px; }
}
/* H1 der Kategorieseite */
.f10de-kategorie-titel {
    font-size: 2.1em;
    line-height: 1.2;
    margin: .2em 0 .6em;
}
@media (max-width: 849px) {
    .f10de-kategorie-titel { font-size: 1.6em; }
}