/*
Theme Name: sayonara
Author: sayonara.es
Description: Your description goes here
Version: 1
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/** custom banner cookies**/
html .cky-notice-btn-wrapper .cky-btn{padding:7px;font-size:12px;}

/** custom buscador **/
html .aws-container .aws-search-form .aws-form-btn{background:#f0d1be;border: 1px solid #98517a;}
html .aws-container .aws-search-form .aws-form-btn:hover{background:inherit;}
html .aws-container .aws-search-form .aws-search-btn_icon{color:#98517a;}
html .aws-container .aws-search-form .aws-search-btn_icon:hover{color:inherit;}
html .aws-container .aws-search-field{border: 1px solid #98517a;background:#faf4ee;color:#333;}
html .aws-container .aws-show-clear .aws-search-field {font-family: 'Roboto';font-size: 14px;}

/** estilo cajas categorias index-prefooter**/
html .elementor-image-box-title, html .elementor-image-box-description{padding:0 20px;}


/** limitar altura nombre de productos en grids **/
html .woocommerce-loop-product__title, html .producto-grid h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 65px;
    height: 65px;
    line-height: 1.5em !important;
}
@media (max-width: 1023px) {
    html .woocommerce-loop-product__title, html .producto-grid h3 {
        max-height: 45px;
        height: 45px;
    }
}

/** customizar filtros tienda y categorías **/
.wpfLoaderLayout{display:none !important}
.wpfLoaderLayout{background-color:#faf4ee !important;}
.wpfFilterWrapper{padding:0 !important;margin: 0 !important;}
.wpfFilterWrapper .ui-slider-horizontal {margin-top: 0 !important;margin-bottom: 0 !important;}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {background: #f0d1be !important;margin: 0 !important;}
html .ui-slider.ui-widget-content:not(.iris-slider-offset) {border: 1px solid #98517a;}
.wpfPriceInputs *{color:#98517a !important;}
.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice{color:#98517a !important;}
.filtro .elementor-element-populated{padding:10px !important;}
.filtro select{background:#faf4ee !important;border:0 !important;color:#98517a !important;border-radius: 0;padding: 10px;}
.filtro .ui-slider.ui-widget-content .ui-slider-handle {background: #98517a !important;border: 0 !important;border-radius: 30px !important;}
.filtro .ui-widget-header {background: #98517a!important;}
.filtro .wpfFilterWrapper .ui-slider-horizontal {height: 5px !important;}
.filtro .ui-slider .ui-slider-handle {width: 15px !important;height: 15px !important;}

/** genericos woo y fixed tienda varios **/
html a {color: #98517a;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {font-size: 15px !important;font-weight: normal !important;color: #faf4ee !important;background-color: #97517c !important;border-radius: 0 !important;text-transform: uppercase !important;letter-spacing: 1px !important;border:2px solid #97517c !important}
.woocommerce-info {border-top-color: #98517a !important;}
.woocommerce-info::before {color: #98517a !important;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: #f7f7f7 !important;color:#333333 !important;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover{color:#98517a !important;background-color:#faf4ee !important;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover{color:#98517a !important;background-color:#faf4ee !important;}
html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {color: #97517CA3;}
html .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before{border: 2px solid #97517c;}
html .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{background: #97517c;}
html .woocommerce-message {border-top-color: #98517a;}
html .woocommerce-message::before{color: #98517a;}
html .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{width:100%;}
html .woocommerce div.product p.stock {font-weight: bold;color: #fff;padding: 6px 10px;background: #97517c;display: inline-block;}
@media (max-width:1024px){
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {font-size: 13px !important;letter-spacing: 0 !important;border:1px solid #97517c !important;}
}

/* Cambia el color de fondo a naranja en los iconitos de rebajas */
html .woocommerce span.onsale {background-color: orange !important;color: white !important;position: absolute;top: 20px !important;left: 15px !important;padding: 6px 10px !important;font-weight: bold;font-size: 15px;line-height: inherit;z-index: 3;min-height: inherit;border-radius: 0;right: inherit !important;}

/** custom estilos wishlist **/
html .woocommerce a.add_to_wishlist.button.alt{border:0 !important;background-color: rgb(250, 244, 238) !important;color: rgb(152, 81, 122) !important;padding:0;}

/** ajustar la imagen del producto para que no sea tan alta **/
.woocommerce div.product div.images img {max-height: 600px;width: auto;height: auto;object-fit: contain;}
@media (max-width: 769px) {.woocommerce div.product div.images img {max-height: 350px;}}
html .woocommerce ul.products li.product a img{height:350px;object-fit:cover;}
@media (max-width: 769px) {html .woocommerce ul.products li.product a img{height:225px;object-fit:cover;}}

/** efectos y cosas zoom galeria **/
html .pswp__button{padding:25px !important;border: 0 !important;color:#fff !important;}
html .pswp__caption{display:none !important;}
html .woocommerce div.product div.images .woocommerce-product-gallery__trigger{left:.5em;right:inherit;}

/** customizar buscador movil y tablet **/
@media (max-width:1024px){
html .elementor-1284 .elementor-element.elementor-element-63feaa1.elementor-search-form--skin-full_screen .elementor-search-form__container {background-color: #f0d1bee6;align-items: normal;}
html .elementor-search-form--full-screen .aws-container{margin-top:70px;}
html .elementor-search-form--full-screen .aws-container .aws-search-field {border: 1px solid #97517c !important;font-size: 20px !important;background: #fff;padding: 20px;}
html .elementor-1284 .elementor-element.elementor-element-63feaa1 .elementor-lightbox .dialog-lightbox-close-button{top: 35px;font-size: 20px;}
html .elementor-search-form--full-screen .aws-container .aws-search-field:focus{background-color:#fff;}
html .aws-search-result{position:fixed !important;top:137px !important;}
html .aws-search-result ul{max-height:490px;}
}

/**boton pedido abierto menu movil**/
.solo-movil{display:none !important;}
@media (max-width:1024px){
html .solo-movil{display:inherit !important;}
}

/** boton halloween **/
.halloween a {background: #e26100;padding: 10px 14px 10px 35px !important;color: #fff !important;}

.halloween a::before {
content: "🎃";
    position: absolute;
    top: 14px;
    left: 8px !important;
    font-size: 16px;
    line-height: 1;
    background-color: transparent !important;
	opacity: 1 !important;
}

.halloween.cta a::before {content: "👻";}