/*
Theme Name:   OceanWP-Child-MYT
Description:  Tema hijo 
Author:       MYT
Author URL:   https://www.mosaicosyteselas.com
Template:     oceanwp
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  oceanwp-child
*/

/* Acá empezarías a personalizar tu tema con código CSS */




/*Eliminar espacio antes de variaciones*/
.variations_form { padding: 0px !important; }
.variations { margin: 0px !important; }

.woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tth, 
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, 
.woocommerce .order_details, .woocommerce .shop_table.order_details tfoot th, 
.woocommerce .shop_table.customer_details th, .woocommerce .cart-collaterals .cross-sells, 
.woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals h2, 
.woocommerce .cart-collaterals h2, .woocommerce .cart-collaterals h2, 
.woocommerce-cart .cart-collaterals .cart_totals .order-total th, 
.woocommerce-cart .cart-collaterals .cart_totals .order-total td, 
.woocommerce ul.order_details, .woocommerce .shop_table.order_details tfoot th, 
.woocommerce .shop_table.customer_details th, .woocommerce .woocommerce-checkout #customer_details h3, 
.woocommerce .woocommerce-checkout h3#order_review_heading, .woocommerce-checkout #payment ul.payment_methods, 
.woocommerce-checkout form.login, .woocommerce-checkout form.checkout_coupon, 
.woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout #payment, 
.woocommerce ul.order_details, .woocommerce #customer_login >div, .woocommerce .col-1.address, 
.woocommerce .col-2.address, .woocommerce-checkout .woocommerce-info, .woocommerce div.product form.cart, 
.product_meta, .woocommerce div.product .woocommerce-tabs ul.tabs, 
.woocommerce #reviews #comments ol.commentlist li .comment_container, p.stars span a, 
.woocommerce ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li, .woocommerce ul.product_list_widget li:first-child, 
.woocommerce .widget_shopping_cart .cart_list li:first-child, .woocommerce.widget_shopping_cart .cart_list li:first-child, 
.widget_product_categories li a, .woocommerce .oceanwp-toolbar, .woocommerce .products.list .product, 
table th, table td, hr, .content-area, body.content-left-sidebar #content-wrap .content-area, 
.content-left-sidebar .content-area, #top-bar-wrap, #site-header, #site-header.top-header #search-toggle, 
.dropdown-menu ul li, .centered-minimal-page-header, .blog-entry.post, .blog-entry.grid-entry .blog-entry-inner, 
.blog-entry.thumbnail-entry .blog-entry-bottom, .single-post .entry-title, .single .entry-share-wrap .entry-share, 
.single .entry-share, .single .entry-share ul li a, .single nav.post-navigation, 
.single nav.post-navigation .nav-links .nav-previous, #author-bio, #author-bio .author-bio-avatar, 
#author-bio .author-bio-social li a, #related-posts, #comments, .comment-body, #respond #cancel-comment-reply-link, 
#blog-entries .type-page, .page-numbers a, .page-numbers span:not(.elementor-screen-only), .page-links span, 
body #wp-calendar caption, body #wp-calendar th, body #wp-calendar tbody, body .contact-info-widget.default i, 
body .contact-info-widget.big-icons i, body .posts-thumbnails-widget li, body .tagcloud a {
    border: none !important; padding-top: 0px !important; padding-bottom: 0px !important; border-color: transparent !important;
}

.woocommerce div.product form.cart {
    border: none !important;
}

/*Margen entre la variación y el botón comprar*/
.single_variation_wrap {margin-bottom: -25px !important;}

/*Añadir margen entre el título y la foto en el archivo wc y entre el titulo y el precio*/
.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
    margin-top: 10px; margin-bottom: 0px;
}
/*Añadir margen tras el boton añadir al carrito en el archivo wc*/
.woocommerce ul.products li.product .woo-entry-inner li:last-child { margin-bottom: 0px !important; }

/*Eliminar margen al título de "Productos relacionados"*/
.woocommerce .related.products { margin-top: 0px !important;}

.woocommerce div.product .woocommerce-tabs { padding-top: 0px !important; clear: both;}

/*Personalizacion filtros barra lateral*/
.passiveFilter {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #971b1b !important;
    border-image: initial;
}
.wpfFilterVerScroll::-webkit-scrollbar {
    width: 4px !important;
}
.wpfFilterVerScroll::-webkit-scrollbar-thumb {
    border-radius: 2px !important;
    box-shadow: none !important;
    background-color: #971b1b !important;
    border: none !important;
}
.wpfFilterVerScroll::-webkit-scrollbar-track {
    border: 1px solid #FFF !important;
    padding: 0px;
    background-color: #FFF !important;
}
.wpfSingleInputSearch .passiveFilter { border-radius: 5px !important; }
label.wpfAttrLabel {margin-top: 5px !important;}

/*Personalizar tamaño de los elementos del megamenú*/
.categoriasMegamenu .elementor-cta__content {padding-top: 0px !important; padding-bottom: 0px !important;}

/*Añadir padding a la tabla de la comparativa de las teselas*/
.foo_table_7640 td {padding:10px !important;}


/*Personalización carrito*/
.elementor-widget-woocommerce-cart .woocommerce .input-text {padding-top:0px !important; padding-bottom:0px !important;} 

/*personalización checkout*/
.woocommerce-checkout-payment .place-order {padding: 10px !important;}


/*Personalizacion mi cuenta*/
.myaccount-menu li {
    border-radius: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*Eliminar margen de abajo de la descripción de las categorías*/
.term-description {margin-bottom: 0px !important;}

/*Personalización banner de cookies*/
/*Fondo gris bloqueo*/
#cookies-eu-banner{ width: 100%; height: 100%; margin: 0; padding: 25%; background-color: #000000d1; font-weight: 500;}
/*Fondo caja de texto*/
#cookies-eu-label { background-color: #fff; padding: 4%; border-width: 1px; border-style: solid; border-color: #971b1b; border-radius: 5px;}
/*Personalización botón de aceptar cookies*/
#cookies-eu-banner #cookies-eu-accept { background-color: #971b1b; color: #fff; border-width: 1px; border-style: solid; border-color: #fff;}
#cookies-eu-banner #cookies-eu-accept:hover { background-color: #fff; color: #971b1b; border-width: 1px; border-style: solid; border-color: #971b1b; font-weight: 500;}
/*Personalización del boton de rechazar coockies*/
#cookies-eu-banner #cookies-eu-reject { background-color: #515151; color: #fff; border-width: 1px; border-style: solid; border-color: #fff;}
#cookies-eu-banner #cookies-eu-reject:hover { background-color: #fff; color: #515151; border-width: 1px; border-style: solid; border-color: #515151; font-weight: 500;}

/*Personalizar yaycommerce*/
.yaydp-tooltip-icon {font-size: 18px !important;}
.yaydp-tooltip-content {font-size: 14px !important;}

/*.ninja_table_row_1, .ninja_table_row_2, .ninja_table_row_3, .ninja_table_row_4, .ninja_table_row_5, 
.ninja_table_row_6, .ninja_table_row_7, .ninja_table_row_8, .ninja_table_row_9, .ninja_table_row_10 {
    border-color: #971b1b !important;
    border-top-width: 1px !important;
}*/
/*Personalización de botones genéricos*/
.woocommerce-message .button, .woocommerce-form-register__submit, .woocommerce-form-login__submit, .restore-item, .wc-backward, .restore-item:active, .wc-backward:active, 
.restore-item:visited, .wc-backward:visited, .user-info .logout a, .user-info .logout a:active, .user-info .logout a:visited, .woocommerce-Button, .button, .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a{ 
    background-color: #971b1b !important; color: #fff !important; border-width: 1px !important; border-style: solid !important; border-color: #fff !important; font-weight: 500 !important; border-radius: 5px !important;
}

.woocommerce-message .button:hover, .woocommerce-form-register__submit:hover, .woocommerce-form-login__submit:hover, .restore-item:hover, .wc-backward:hover, .user-info .logout a:hover, .woocommerce-Button:hover, .button:hover, 
.woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover { 
    background-color: #fff !important; color: #971b1b !important; border-width: 1px !important; border-style: solid !important; border-color: #971b1b !important; font-weight: 500 !important; border-radius: 5px !important;
}


/*Personalizar gracias por tu compra*/
.wc-bacs-bank-details-heading, .woocommerce-order-details__title, .woocommerce-column__title { margin-bottom:10px !important; }

/*Personalizar boton mi cuenta header */
.e-far-user { height: 20px !important; width: 24px !important; padding-top: -10px !important;}
.elementor-button-text {padding-top: 5px !important;}


/*Modificar icono del boton de añadir al carrito del archive*/
.woocommerce ul.products li.product .added_to_cart:after {
    font-family: "simple-line-icons";
    content: "\e04e" !important;
}

/*Estilo tabla comparativa maletas didácticas*/
.tabla_maletasdidacticas tbody tr td { padding:10px !important; border-width: 0.5px 1px 0.5px 1px !important; border-style: solid !important; border-color: #971b1b !important;}
.tabla_maletasdidacticas thead tr th { padding:10px !important; border-width: 0.5px 1px 0.5px 1px !important; border-style: solid !important; border-color: #971b1b !important;}

.idiomas-header div div a { color: #fff; padding-right: 10px; font-size: 11px;}
.idiomas-header div div a:hover { color: #fcb900;}

#foot-links-account div p a, #foot-links-comp div p a, #foot-links-politics div p a{ color: #fff;}
#foot-links-account div p a:hover, #foot-links-comp div p a:hover, #foot-links-politics div p a:hover { color: #fcb900;}

#foot-links-flags div div a { color: #fff; padding-right: 10px; padding-left: 10px;}
#foot-links-flags div div a:hover { color: #fcb900; padding-right: 10px; padding-left: 10px;}

/*Personalización +&- de cantidad de añadir al carrito al producto simple*/
div.quantity input { height: 30px !important; color: #333 !important;}
div.quantity a.plus, div.quantity a.minus { height: 30px !important; border-radius: 5px !important; border-width: 1px 1px 1px 1px !important;}
div.quantity a.plus { margin-left: 2px !important; width: 30px !important;}
div.quantity a.minus { margin-right: 2px !important; width: 30px !important;}

/*table.price_calculator tbody tr td input.amount-needed { text-align:center !important; }*/
#price_calculator input {text-align:center !important; padding:3px !important; margin-top:3px; margin-bottom:3px; color: #333 !important;}
/*Desplazar botón "Volver arriba"*/
.scroll-top-right { right: 75px !important;}
/*Eliminar margenes tablas productos/Cantidades*/
.wpcpq-table .wpcpq-row {padding:0px !important;}
.wpcpq-table .wpcpq-row:last-child {padding:5px !important;}
/*Personalización formularios GPRD*/
.wordpress-gdpr-form .form-group input[type="text"], .wordpress-gdpr-form .form-group input[type="email"], .wordpress-gdpr-form .form-group textarea { border: 1px solid #971b1b !important; padding: 5px !important; background: #fff !important;}
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn { padding: 5px !important;}
/*Estilo para las pestañas de "Información de seguridad*/
.pictogramas img, .pictogramas2 img {  max-height: 50px; margin: 5px;}
.pictogramas { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 5%; margin-right:5%;}
.pictogramas2 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 20%; margin-right:20%;}
.pictograma { text-align: center; margin: 10px;}
.notaPicto {font-size: 12px;}


.wordpress-gdpr-privacy-settings-trigger-container {z-index: 1000 !important;}

span.lost_reset_pasword {
	width: 100% !important;
	padding-top:  0px !important;
	padding-bottom : 0px !important; 
}	
.show-password-input {
	top: 0px  !important;
	color: #971b1b !important;
}
@media (max-width: 767px) {
  /* Selector que combina las clases del contenedor padre y el elemento "onsale" */
  body.woocommerce .product-type-simple .image-wrap .onsale {
    left: 20px !important; /* Ajusta la posición horizontal */
    top: 20px !important;  /* Ajusta la posición vertical */
    text-align: left !important;
  }
}

/*Hacer Fadein al lazy load de las imagenes de lightspeed cache*/
/* Parte 1: Antes de la carga diferida */
img[data-lazyloaded] {
    opacity: 0;
}

/* Parte 2: Al cargar la imagen */
img.litespeed-loaded {
    transition: opacity 0.5s linear 0.2s;
    opacity: 1;
}