/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* Mobile: mover un poco a la derecha el botón "tienda" del header */
@media (max-width: 1024px) {
  #wd-699483057f017 {
    transform: translateX(20px) !important;
  }

  .whb-header a[href="/tienda/"],
  .whb-header a[href*="/tienda/"] {
    transform: translateX(20px) !important;
  }

  /* Botón tienda: usar icono de fuente Woodmart en lugar de imagen */
  #wd-699483057f017 a[href="/tienda/"] .wd-btn-icon img,
  #wd-699483057f017 a[href*="/tienda/"] .wd-btn-icon img {
    display: none !important;
  }

  #wd-699483057f017 a[href="/tienda/"] .wd-btn-icon::before,
  #wd-699483057f017 a[href*="/tienda/"] .wd-btn-icon::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    /* SVG inline para evitar carga tardía de imagen o fuente */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%233f3f3f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 4l9 5.5'/%3E%3Cpath d='M5 10v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8'/%3E%3Cpath d='M9 20v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5'/%3E%3C/svg%3E");
  }
}

/* Mobile: ocultar botón "Cerrar" del sidebar oculto de Woodmart */
/*
@media (max-width: 1024px) {
  .wd-sidebar.wd-side-hidden .wd-heading,
  .wd-side-hidden .wd-heading,
  .wpfFloatingWrapper .wpfFloatingTitle {
    display: none !important;
  }
}
*/

/* Mobile/tablet: ajustar solo la posición del botón "Cerrar" sin tocar layout del sidebar */
@media (max-width: 1024px) {
  .wd-sidebar.wd-side-hidden .wd-heading,
  .e-con.wd-side-hidden .wd-heading,
  .elementor-column.wd-side-hidden .wd-heading {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  .wd-sidebar.wd-side-hidden .wd-heading .close-side-widget,
  .e-con.wd-side-hidden .wd-heading .close-side-widget,
  .elementor-column.wd-side-hidden .wd-heading .close-side-widget {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    float: none !important;
    left: auto !important;
    right: 0 !important;
  }

  .wd-sidebar.wd-side-hidden .wd-heading .close-side-widget > a,
  .e-con.wd-side-hidden .wd-heading .close-side-widget > a,
  .elementor-column.wd-side-hidden .wd-heading .close-side-widget > a {
    width: auto !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }

  /* Evita corrimientos horizontales dentro del panel de filtros off-canvas */
  .wd-side-hidden,
  .wd-side-hidden .widget-area,
  .wd-side-hidden .elementor-widget-wrap,
  .wd-side-hidden .wd-scroll-content,
  .wd-side-hidden .wpfMainWrapper,
  .wd-side-hidden .wpfFilterWrapper {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .wd-side-hidden .wpfFilterWrapper * {
    box-sizing: border-box;
  }
}

/* Filtro WBW: mostrar botones con mayúscula inicial (no todo uppercase) */
.wpfFilterButton.wpfButton,
.wpfClearButton.wpfButton {
  text-transform: capitalize !important;
}



/* Compare Woodmart en móvil/tablet: columnas más angostas y scroll utilizable */
@media (max-width: 1024px) {
  .wd-compare-page,
  .wd-compare-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .wd-compare-table {
    table-layout: fixed;
    width: auto;
    min-width: 100%;
  }
}

/* Compare móvil vertical: 2 columnas de producto visibles */
@media (max-width: 768.98px) and (orientation: portrait) {
  .elementor-widget-wd_compare .wd-compare-table td {
    box-sizing: border-box !important;
    flex: 0 0 50% !important;
    flex-basis: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    padding: 12px !important;
  }
}

/* Compare móvil horizontal: 3 columnas de producto visibles */
@media (max-width: 768.98px) and (orientation: landscape) {
  .elementor-widget-wd_compare .wd-compare-table td {
    box-sizing: border-box !important;
    flex: 0 0 33.3333% !important;
    flex-basis: 33.3333% !important;
    max-width: 33.3333% !important;
    min-width: 33.3333% !important;
    padding: 12px !important;
  }
}

/* Compare tablet horizontal: 3 columnas de producto */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  .wd-compare-table {
    --wd-comp-th-w: 20% !important;
    --wd-comp-td-col: 3 !important;
  }
}

/* Compare desktop: no limitar visualmente a 3 columnas */
@media (min-width: 1025px) {
  .wd-compare-table td {
    max-width: none !important;
  }
}

/* Ocultar comparar en productos combo (YITH bundle) en loop y single */
.wd-products .product-type-yith_bundle .wd-compare-btn,
.wd-products .product-type-yith_bundle .product-compare-button,
.products .product-type-yith_bundle .wd-compare-btn,
.products .product-type-yith_bundle .product-compare-button,
.single-product .product-type-yith_bundle .wd-compare-btn,
.single-product .product-type-yith_bundle .product-compare-button {
  display: none !important;
}

/* Quick view: ocultar metadatos (SKU, categorías, etiquetas) */
.popup-quick-view .product_meta {
  display: none !important;
}