/*! [SAHA] assets/css/components/mobile-nav-zone.css | v2.6.3 | 2026-09-07 */
/* ==============================================
   MOBILE NAV: Split Zone QV vs Ficha
   Touch devices only (no precise cursor)
   ============================================== */
@media (hover: none) and (pointer: coarse) {

  /* ── Hint QV: lupa semi-transparente sobre imagen ── */
  .woocommerce .products .grid-view .product-image::after {
    content: '';
/* ==============================================
   MOBILE NAV: Split Zone QV vs Ficha
   Only on devices WITHOUT precise cursor
   ============================================== */
@media (hover: none) and (pointer: coarse) {

  /* ── Hint QV: lupa semi-transparente sobre imagen ── */
  .woocommerce .products .grid-view .product-image::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center;
    background-size: 16px;
    border-radius: 50%;
    opacity: 0.3;
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
    z-index: 6;
  }

  .woocommerce .products .grid-view .product-image:active::after {
    opacity: 0.7;
    transform: scale(1.15);
  }

  /* Feedback overlay on image tap */
  .woocommerce .products .grid-view .product-image:active {
    position: relative;
  }
  .woocommerce .products .grid-view .product-image:active::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.06);
    z-index: 5;
    pointer-events: none;
  }

  /* ── Hint ficha: chevron junto al nombre ── */
  .woocommerce .products .grid-view .product-details > .title::after {
    content: '›';
    margin-left: 4px;
    opacity: 0.35;
    font-size: 1.1em;
    font-weight: 400;
  }

  /* ── Botón contextual por tipo de producto ── */
  /* Ocultar action-buttons hover (no funcionan sin mouse) */
  .woocommerce .products .grid-view .action-button {
    transform: scale(0) !important;
    display: none !important;
  }

  /* Mostrar botón add-to-cart siempre visible */
  .woocommerce .products .grid-view .product-details .add_to_cart_button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 16px;
    margin-top: 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s, opacity 0.2s;
  }

  /* Simple con stock */
  .woocommerce .products .grid-view .product-details .add_to_cart_button.product_type_simple,
  /* Grouped/Bundle con stock */
  .woocommerce .products .grid-view .product-details .add_to_cart_button.product_type_grouped,
  .woocommerce .products .grid-view .product-details .add_to_cart_button.product_type_yith_bundle {
    background-color: var(--color-accent, #13aff0);
    color: #fff;
  }
  .woocommerce .products .grid-view .product-details .add_to_cart_button.product_type_simple:active {
    opacity: 0.8;
  }

  /* Variable →Seleccionar opciones */
  .woocommerce .products .grid-view .product-details .add_to_cart_button.product_type_variable {
    background-color: var(--color-accent, #13aff0);
    color: #fff;
  }

  /* OOS / disabled */
  .woocommerce .products .grid-view .product-details .add_to_cart_button.disabled,
  .woocommerce .products .grid-view .product-details .add_to_cart_button[disabled] {
    background-color: #ccc;
    color: #999;
    cursor: not-allowed;
    pointer-events: none;
  }

  /* Botón loading/added states */
  .woocommerce .products .grid-view .product-details .add_to_cart_button.loading {
    opacity: 0.7;
    pointer-events: none;
  }
  .woocommerce .products .grid-view .product-details .add_to_cart_button.added {
    background-color: #4CAF50;
    color: #fff;
  }
}

/* Price visible + bold on hover (all devices) */
.woocommerce .products.grid > li.has-rating .product-wrap:hover .price {
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
}


}