/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* =========================
   YITH QUICK VIEW - GLOBAL
   ========================= */

:root{
  --qv-bg:#f7f5f2;
  --qv-card:#ffffff;
  --qv-text:#1f1f1f;
  --qv-muted:#6d665f;
  --qv-line:#e6dfd6;
  --qv-accent:#8a6846;
  --qv-radius:24px;
  --qv-shadow:0 28px 70px rgba(0,0,0,.18);
}

/* wrapper general */
#yith-quick-view-modal .yith-wcqv-wrapper{
  max-width: 1100px !important;
  width: calc(100vw - 60px) !important;
  height: auto !important;
  max-height: 90vh !important;
  border-radius: var(--qv-radius);
  overflow: hidden;
  box-shadow: var(--qv-shadow);
}

#yith-quick-view-modal .yith-wcqv-main{
  background: var(--qv-card) !important;
  border-radius: var(--qv-radius);
  overflow: auto;
  height: auto !important;
  max-height: 90vh !important;
}

/* cerrar */
#yith-quick-view-modal .yith-wcqv-head{
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 50;
}

#yith-quick-view-modal .yith-quick-view-close{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  color: #222 !important;
  border: 1px solid var(--qv-line);
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

#yith-quick-view-modal .yith-quick-view-close svg{
  width: 20px;
  height: 20px;
}

/* reset fuerte del layout viejo */
#yith-quick-view-modal .yith-quick-view-content,
#yith-quick-view-modal .yith-quick-view-content .product,
#yith-quick-view-modal .yith-quick-view-content .product > .product{
  margin: 0 !important;
  padding: 0 !important;
}

#yith-quick-view-modal .yith-quick-view-content .product > .product{
  display: grid !important;
  grid-template-columns: minmax(420px, 1.08fr) minmax(380px, .92fr) !important;
  align-items: stretch !important;
  min-height: 620px;
}

/* quitar floats/anchos raros del plugin */
#yith-quick-view-modal .yith-quick-view-content .product > .product > .images.classic,
#yith-quick-view-modal .yith-quick-view-content .product > .product > .summary.entry-summary{
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* imagen */
#yith-quick-view-modal .images.classic{
  padding: 34px !important;
  background: var(--qv-bg);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100%;
}

#yith-quick-view-modal .images.classic a{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

#yith-quick-view-modal .images.classic img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  object-fit: cover;
}

/* columna derecha */
#yith-quick-view-modal .summary.entry-summary{
  padding: 42px 38px !important;
  display: flex !important;
  align-items: center !important;
}

#yith-quick-view-modal .summary.entry-summary .summary-content{
  width: 100%;
}

/* título */
#yith-quick-view-modal .summary.entry-summary .product_title{
  margin: 0 0 16px !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.02em;
  color: var(--qv-text) !important;
}

/* ocultar precio vacío */
#yith-quick-view-modal .summary.entry-summary .price:empty{
  display: none !important;
}

/* descripción */
#yith-quick-view-modal .woocommerce-product-details__short-description{
  margin-top: 8px;
}

#yith-quick-view-modal .woocommerce-product-details__short-description,
#yith-quick-view-modal .woocommerce-product-details__short-description p,
#yith-quick-view-modal .woocommerce-product-details__short-description a,
#yith-quick-view-modal .woocommerce-product-details__short-description span,
#yith-quick-view-modal .woocommerce-product-details__short-description b,
#yith-quick-view-modal .woocommerce-product-details__short-description strong{
  color: var(--qv-text) !important;
  text-decoration: none !important;
}

#yith-quick-view-modal .woocommerce-product-details__short-description p{
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

#yith-quick-view-modal .woocommerce-product-details__short-description .size{
  display: inline-block;
  margin-top: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #f2ede7;
  border: 1px solid var(--qv-line);
  color: var(--qv-accent) !important;
  font-weight: 700;
}

/* meta */
#yith-quick-view-modal .product_meta{
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--qv-line) !important;
  color: var(--qv-muted) !important;
  font-size: 14px !important;
}

#yith-quick-view-modal .product_meta a{
  color: var(--qv-accent) !important;
  text-decoration: none !important;
}

/* botón Read More dentro del modal */
#yith-quick-view-modal .mj-qv-read-more-wrap{
  margin: 18px 0 0 !important;
}

#yith-quick-view-modal .mj-qv-read-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: var(--qv-accent) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(138,104,70,.22);
}

/* =========================
   ARCHIVE BUTTONS
   ========================= */

/* ocultar SOLO el Read more original de WooCommerce */
body.woocommerce-shop ul.products li.product > a.button.product_type_simple[aria-label^="Read more about"],
body.post-type-archive-product ul.products li.product > a.button.product_type_simple[aria-label^="Read more about"],
body.tax-product_cat ul.products li.product > a.button.product_type_simple[aria-label^="Read more about"],
body.tax-product_tag ul.products li.product > a.button.product_type_simple[aria-label^="Read more about"]{
  display: none !important;
}

/* botón Quick View del loop */
body.woocommerce-shop ul.products li.product .yith-wcqv-button,
body.post-type-archive-product ul.products li.product .yith-wcqv-button,
body.tax-product_cat ul.products li.product .yith-wcqv-button,
body.tax-product_tag ul.products li.product .yith-wcqv-button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 14px auto 0 !important;
  min-height: 46px;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  background: var(--qv-accent) !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
  font-weight: 700;
}

/* responsive */
@media (max-width: 900px){
  #yith-quick-view-modal .yith-wcqv-wrapper{
    width: calc(50vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #yith-quick-view-modal .yith-wcqv-main{
    max-height: calc(50vh - 24px) !important;
  }

  #yith-quick-view-modal .yith-quick-view-content .product > .product{
    grid-template-columns: 1fr !important;
    min-height: unset;
  }

  #yith-quick-view-modal .images.classic{
    padding: 22px 22px 8px !important;
  }

  #yith-quick-view-modal .summary.entry-summary{
    padding: 18px 22px 26px !important;
  }
}
/* =========================
   SOLO RELATED PRODUCTS
   ========================= */

/* ocultar short description completa */
body.single-product .related.products li.product .shop-short-desc{
  display: none !important;
}

/* ocultar el Read more original de WooCommerce */
body.single-product .related.products li.product > a.button.product_type_simple[aria-label^="Read more about"]{
  display: none !important;
}

/* por seguridad, ocultar cualquier botón viejo que no sea Quick View */
body.single-product .related.products li.product > a.button.product_type_simple:not(.yith-wcqv-button){
  display: none !important;
}

/* dejar el título un poco más grande y limpio */
body.single-product .related.products li.product .woocommerce-loop-product__title{
  font-size: 22px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  padding: 0 16px !important;
  margin: 6px 0 10px !important;
  color: #1f1f1f !important;
  min-height: auto !important;
}

/* centrar contenido de la card */
body.single-product .related.products li.product{
  text-align: center;
}

/* dejar solo Quick View bonito y centrado */
body.single-product .related.products li.product .yith-wcqv-button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 12px auto 0 !important;
  min-height: 46px;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  background: #8a6846 !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
  font-weight: 700 !important;
  float: none !important;
}

/* si el plugin mete textos extra de tamaño fuera de la descripción, ocultarlos en related */
body.single-product .related.products li.product .size{
  display: none !important;
}
/* Centrar el modal YITH Quick View */
#yith-quick-view-modal {
  position: fixed;
  inset: 0;
  padding: 20px;
  z-index: 999999;
}

#yith-quick-view-modal .yith-wcqv-wrapper {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1100px, calc(100vw - 40px)) !important;
  height: auto !important;
  max-height: calc(100vh - 40px) !important;
  margin: 0 !important;
}

#yith-quick-view-modal .yith-wcqv-main {
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  box-sizing: border-box;
}

/* Desktop/tablet: layout más limpio */
#yith-quick-view-modal #yith-quick-view-content > .product > .product {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

#yith-quick-view-modal .images,
#yith-quick-view-modal .summary {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

#yith-quick-view-modal .images img {
  width: 100%;
  height: auto;
  display: block;
}

/* Móvil */
@media (max-width: 767px) {
  #yith-quick-view-modal {
    padding: 12px;
  }

  #yith-quick-view-modal .yith-wcqv-wrapper {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #yith-quick-view-modal .yith-wcqv-main {
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }

  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  #yith-quick-view-modal .images,
  #yith-quick-view-modal .summary {
    width: 100% !important;
    max-width: 100% !important;
  }

  #yith-quick-view-modal .summary {
    padding: 0 4px 10px;
  }

  #yith-quick-view-modal .product_title {
    font-size: 32px !important;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {

  /* ===== QUICK VIEW: centrar modal ===== */
#yith-quick-view-modal {
  position: fixed;
  inset: 0;
  padding: 16px;
  z-index: 999999;
}

#yith-quick-view-modal .yith-wcqv-wrapper {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1100px, calc(100vw - 32px)) !important;
  height: auto !important;
  max-height: calc(100vh - 32px) !important;
  margin: 0 !important;
}

#yith-quick-view-modal .yith-wcqv-main {
  width: 100% !important;
  max-height: calc(100vh - 32px) !important;
  overflow-y: auto !important;
  box-sizing: border-box;
}

/* ===== limpiar espacios del contenido ===== */
#yith-quick-view-modal #yith-quick-view-content,
#yith-quick-view-modal #yith-quick-view-content > .product,
#yith-quick-view-modal #yith-quick-view-content > .product > .product {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== layout desktop ===== */
#yith-quick-view-modal #yith-quick-view-content > .product > .product {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

/* quitar floats/defaults del plugin */
#yith-quick-view-modal .images.classic,
#yith-quick-view-modal .summary.entry-summary {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

/* ===== bloque de imagen: SIN huecos ===== */
#yith-quick-view-modal .images.classic {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

#yith-quick-view-modal .images.classic a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#yith-quick-view-modal .images.classic img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 20px !important;
}

/* ===== columna derecha ===== */
#yith-quick-view-modal .summary.entry-summary,
#yith-quick-view-modal .summary.entry-summary .summary-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== móvil ===== */
@media (max-width: 767px) {
  #yith-quick-view-modal {
    padding: 10px;
  }

  #yith-quick-view-modal .yith-wcqv-wrapper {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
  }

  #yith-quick-view-modal .yith-wcqv-main {
    max-height: calc(100vh - 20px) !important;
    overflow-y: auto !important;
    border-radius: 22px !important;
    padding: 14px !important;
  }

  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
  }

  #yith-quick-view-modal .images.classic,
  #yith-quick-view-modal .images.classic a,
  #yith-quick-view-modal .images.classic img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  #yith-quick-view-modal .summary.entry-summary {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #yith-quick-view-modal .product_title {
    font-size: 32px !important;
    line-height: 1.05 !important;
    margin: 0 0 14px !important;
  }
}
	/* ===== ESCRITORIO: centrar imagen en la columna izquierda ===== */
@media (min-width: 768px) {
  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    align-items: stretch !important;
  }

  #yith-quick-view-modal .images.classic {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #yith-quick-view-modal .images.classic a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  #yith-quick-view-modal .images.classic img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    object-position: center center !important;
  }
}

/* ===== CELULAR: acercar texto a la imagen ===== */
@media (max-width: 767px) {
  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    gap: 0 !important;
  }

  #yith-quick-view-modal .images.classic {
    margin: 0 !important;
    padding: 0 !important;
  }

  #yith-quick-view-modal .images.classic a,
  #yith-quick-view-modal .images.classic img {
    margin-bottom: 0 !important;
  }

  #yith-quick-view-modal .summary.entry-summary,
  #yith-quick-view-modal .summary.entry-summary .summary-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #yith-quick-view-modal .product_title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  #yith-quick-view-modal .woocommerce-product-details__short-description {
    margin-top: 0 !important;
  }
}
	/* ===== CENTRAR MODAL YITH ===== */
#yith-quick-view-modal.yith-modal.open {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  z-index: 999999 !important;
}

#yith-quick-view-modal .yith-quick-view-overlay {
  position: absolute !important;
  inset: 0 !important;
}

#yith-quick-view-modal .yith-wcqv-wrapper {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: min(1100px, calc(100vw - 32px)) !important;
  max-width: min(1100px, calc(100vw - 32px)) !important;
  height: auto !important;
  max-height: calc(100vh - 32px) !important;
  z-index: 2 !important;
}

#yith-quick-view-modal .yith-wcqv-main {
  position: relative !important;
  width: 100% !important;
  max-height: calc(100vh - 32px) !important;
  overflow-y: auto !important;
  padding: 44px 20px 20px !important;
  box-sizing: border-box !important;
}

#yith-quick-view-modal .yith-wcqv-head {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
}

/* limpiar espacios */
#yith-quick-view-modal #yith-quick-view-content,
#yith-quick-view-modal #yith-quick-view-content > .product,
#yith-quick-view-modal #yith-quick-view-content > .product > .product,
#yith-quick-view-modal .summary.entry-summary,
#yith-quick-view-modal .summary.entry-summary .summary-content,
#yith-quick-view-modal .images.classic,
#yith-quick-view-modal .images.classic a {
  margin: 0 !important;
  padding: 0 !important;
}

#yith-quick-view-modal .images.classic,
#yith-quick-view-modal .summary.entry-summary {
  float: none !important;
  width: 100% !important;
}

/* escritorio */
@media (min-width: 768px) {
  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: center !important;
  }

  #yith-quick-view-modal .images.classic,
  #yith-quick-view-modal .images.classic a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }

  #yith-quick-view-modal .images.classic img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}

/* móvil */
@media (max-width: 767px) {
  #yith-quick-view-modal.yith-modal.open {
    padding: 10px !important;
  }

  #yith-quick-view-modal .yith-wcqv-wrapper {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
  }

  #yith-quick-view-modal .yith-wcqv-main {
    max-height: calc(100vh - 20px) !important;
    padding: 44px 12px 14px !important;
  }

  #yith-quick-view-modal #yith-quick-view-content > .product > .product {
    display: block !important;
  }

  #yith-quick-view-modal .images.classic,
  #yith-quick-view-modal .images.classic a,
  #yith-quick-view-modal .images.classic img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  #yith-quick-view-modal .images.classic img {
    margin: 0 auto 8px !important;
  }

  #yith-quick-view-modal .summary.entry-summary {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #yith-quick-view-modal .product_title {
    margin: 0 0 8px !important;
    line-height: 1.08 !important;
  }

  #yith-quick-view-modal .woocommerce-product-details__short-description,
  #yith-quick-view-modal .product_meta,
  #yith-quick-view-modal .mj-qv-read-more-wrap {
    margin-top: 0 !important;
  }
}