/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.mascotas-product-list bdi {
  font-weight: 600 !important;
}
.mascotas-product-list .orderby {
  background-color: #f491e4 !important;
  border-width: 0px !important;
  font-family: "Poppins", Sans-serif !important;
  background-color: #e2f6ff !important;
  border-radius: 10px !important;
}
.mascotas-product-list span.onsale {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1.2em !important;
}
.mascotas-product-list ul.products.elementor-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 1024px) {
  .mascotas-product-list ul.products.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .mascotas-product-list .woocommerce-ordering {
    display: flex !important;
  }
}
.mascotas-product-list .star-rating {
  display: none !important;
}

.mascotas-list-responsive .star-rating {
  display: none !important;
}
.mascotas-list-responsive bdi {
  font-weight: 600 !important;
}
.mascotas-list-responsive .orderby {
  background-color: #f491e4 !important;
  border-width: 0px !important;
  font-family: "Poppins", Sans-serif !important;
  background-color: #e2f6ff !important;
  border-radius: 10px !important;
}
.mascotas-list-responsive span.onsale {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1.2em !important;
}
@media (max-width: 1024px) {
  .mascotas-list-responsive li:last-child {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mascotas-list-responsive li:last-child {
    display: flex !important;
  }
}

.mascotas-search .facetwp-input-wrap {
  width: 100% !important;
}
.mascotas-search input.facetwp-search {
  background-color: #ffffff;
  border-color: #f491e4 !important;
  border-width: 1px 1px 1px 1px !important;
  border-radius: 30px !important;
  width: 100% !important;
}
.mascotas-search .facetwp-icon:before {
  width: 60px !important;
}

.mascotas-slider .swiper-slide-inner {
  max-width: 1400px !important;
}/*# sourceMappingURL=style.css.map */

.sgpb-popup-dialog-main-div-theme-wrapper-6 {
    pointer-events: none !important;
}

@media (max-width: 1024px) {

    li:nth-child(7),
    li:nth-child(8) {
        display: block !important
    }
}



/* Mod Mikel*/
.elementor-invisible {
  visibility: visible !important; 
}

body.woocommerce-order-received h1.elementor-heading-title {
    display: none;
}

/* Mostramos el título nuevo */
body.woocommerce-order-received h1.titulo-gracias-dinamico {
    display: block;
}

h1.titulo-gracias-dinamico {
    text-align: center;
    white-space: nowrap;
    font-size: clamp(1.2rem, 4vw, 2.5rem);
    margin: 30px auto;
    width: 100%;
}

/* 1. Forzamos el menú y submenús por encima */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--main {
  position: relative;
  z-index: 9999 !important;
}

/* 2. Prevenimos que el slider capture eventos debajo del menú */
.swiper-slide,
.swiper-slide a,
.swiper-slide-inner {
  z-index: 0 !important;
}

.elementor-element.elementor-slides .swiper-wrapper,
.elementor-element.elementor-slides {
  z-index: 0 !important;
}

/* 3. Evitamos que los enlaces del slider interfieran cuando hay menú visible */
.elementor-nav-menu--dropdown:hover ~ .elementor-slides,
.elementor-nav-menu--dropdown:focus-within ~ .elementor-slides {
  pointer-events: none;
}


/* Forzamos comportamiento de submenús en móviles como elementos dentro del flujo */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown ul.sub-menu {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .elementor-nav-menu--dropdown li.menu-item-has-children.elementor-sub-item-open > ul.sub-menu {
    display: block !important;
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
  }

  .elementor-nav-menu--dropdown ul.sub-menu {
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 9999;
    padding-left: 10px;
    margin-bottom: 10px;
  }

  .elementor-nav-menu--dropdown ul.sub-menu li {
    border-bottom: 1px solid #e0e0e0;
  }

  .elementor-nav-menu--dropdown a.elementor-sub-item {
    color: #000 !important;
  }

  .elementor-nav-menu--dropdown {
    overflow: visible !important;
    height: auto !important;
  }

  .elementor-nav-menu--dropdown ul.sub-menu {
    position: relative !important;
    z-index: 1 !important;
  }

  .elementor-nav-menu--dropdown li.menu-item-has-children {
    overflow: visible !important;
  }
}

/* --- Slide "Nueva colección / Renueva su descanso" --- */

/* Mantiene la imagen en 3/4 de ancho */
.elementor-repeater-item-93fc852 .swiper-slide-bg {
  background-position: left center !important;
  background-size: 75% auto !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Posiciona texto y botón más a la derecha */
.elementor-repeater-item-93fc852 .swiper-slide-contents {
  position: absolute !important;
  right: 0.8%; /* antes estaba en 2%, ahora más pegado al borde */
  top: 50%;
  transform: translateY(-50%);
  width: 18%; /* más angosto, para compensar la nueva posición */
  text-align: left;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5;
  opacity: 1 !important;
}


/* Elimina efecto de aparición para evitar el salto inicial */
.elementor-repeater-item-93fc852 .swiper-slide-contents.animated {
  animation: none !important;
  transform: translateY(-50%) !important;
}

/* Texto */
.elementor-repeater-item-93fc852 .elementor-slide-heading {
  font-size: 2rem !important;
  font-weight: 700;
  color: #222 !important;
  line-height: 1.1;
  margin-bottom: 15px;
  word-break: normal;
}

/* Botón */
.elementor-repeater-item-93fc852 .elementor-slide-button {
  background-color: #f062c0 !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 10px 28px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease;
}

.elementor-repeater-item-93fc852 .elementor-slide-button:hover {
  background-color: #d94fa9 !important;
}