/* =========================================================
   o33-ficha.css — O33: ficha Candy compacta + fotos sin marco.
   Se carga después de o30-tema.css, así que manda.

   Solo presentación. No toca pasarelas, envíos, plugins, precios,
   productos ni pedidos.
   ========================================================= */

/* ---------------------------------------------------------
   B. Fotos sin marco en TODA la tienda.
   La foto ocupa el cuadro completo sobre blanco, recorte
   cuadrado (object-fit:contain), sin padding ni fondo beige.
   Se cubren: ficha (galería + miniaturas), tarjetas de la
   grilla (tienda/categoría/tag/búsqueda) y «Lo más pedido»
   del inicio.
   --------------------------------------------------------- */

/* Ficha — imagen grande */
body.o27 .woocommerce-product-gallery .woocommerce-product-gallery__image{
  background:#fff;
  padding:0;
}
body.o27 .woocommerce-product-gallery .woocommerce-product-gallery__image img{
  object-fit:contain;
  background:#fff;
}

/* Ficha — miniaturas de galería */
body.o27 .woocommerce-product-gallery .flex-control-thumbs li{
  background:#fff;
  padding:0;
}
body.o27 .woocommerce-product-gallery .flex-control-thumbs li img{
  background:#fff;
  object-fit:contain;
}

/* Tarjetas de la grilla */
body.o27 ul.products li.product .product-image,
body.o27 .product-card .product-image{
  background:#fff;
  padding:0;
}
body.o27 .product-card .product-image img.sugoi-main-image{
  object-fit:contain;
  background:#fff;
}

/* Inicio — «Lo más pedido» */
body.o27 .o27-fila img{
  background:#fff;
  padding:0;
  object-fit:contain;
}

/* Categoría — tarjetas de subcategoría: sin fondo beige. */
body.o27 .sugoi-cat-card-archive .cat-card-bg{ background-color:#fff; }

/* ---------------------------------------------------------
   A.4 Lupa / zoom / galería a pantalla completa.
   O27 ocultaba el disparador del lightbox; O33 lo reactiva y lo
   pinta como un botón sobre la imagen. El zoom (jQuery.zoom) y el
   lightbox (Photoswipe) ya vienen activos en inc/setup.php.
   --------------------------------------------------------- */
body.o27 .sugoi-single-gallery .woocommerce-product-gallery{
  position:relative;
}
body.o27 .woocommerce-product-gallery__trigger{
  display:block !important;
  position:absolute;
  top:10px; right:10px;
  z-index:5;
  width:40px; height:40px;
  font-size:0;
  border:1px solid var(--o27-linea);
  background:#fff;
  border-radius:50%;
}
body.o27 .woocommerce-product-gallery__trigger::before{
  content:"";
  position:absolute; inset:0;
  background:var(--o27-marino);
  -webkit-mask:no-repeat center/18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") center/18px 18px;
  mask:no-repeat center/18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") center/18px 18px;
}

/* ---------------------------------------------------------
   A. Ficha Candy compacta.
   Menos aire entre bloques de la columna derecha.
   --------------------------------------------------------- */
body.o33-ficha .sugoi-single-info{ padding-top:0; }
body.o33-ficha .o27-kana-info{ margin-bottom:2px; }
body.o33-ficha .sugoi-single-title{ margin:2px 0 6px; }
body.o33-ficha .sugoi-single-price{ margin:0 0 2px; line-height:1.1; }
body.o33-ficha .woocommerce-product-details__short-description{ display:none; }

/* «Qué incluye esta edición» — bajo el precio, antes del selector */
body.o33-ficha .o33-incluye{ margin:10px 0 2px; }
body.o33-ficha .o33-incluye .o33-lbl{
  font-size:13px; font-weight:600;
  margin:2px 0 6px;
}
body.o33-ficha .o33-incluye ul{
  margin:0; padding:0; list-style:none;
  border-top:1px solid var(--o27-linea);
}
body.o33-ficha .o33-incluye li{
  padding:7px 0 7px 18px;
  border-bottom:1px solid var(--o27-linea);
  font-size:13px; color:var(--o27-gris);
  position:relative;
}
body.o33-ficha .o33-incluye li::before{
  content:"";
  position:absolute; left:0; top:12px;
  width:7px; height:7px; border-radius:50%;
  background:var(--o27-marino);
}

/* Rótulos de sección más juntos */
body.o33-ficha .o27-lbl,
body.o33-ficha .o33-lbl-portada{ margin:16px 0 8px; }

/* Filas de edición (O27) más compactas */
body.o33-ficha .sugoi-editions-grid{ margin-top:0; }

/* Selector de portada y acciones más juntos */
body.o33-ficha .sugoi-option-visual{ margin-top:2px; }
body.o33-ficha .o27-acc{ margin-top:16px; }
body.o33-ficha .sugoi-shipping-note{ margin-top:6px; font-size:12px; }
body.o33-ficha .o27-sello{ margin-top:14px; }
body.o33-ficha .sugoi-choose-note{ margin-top:8px; }

/* ---------------------------------------------------------
   A.6 En escritorio la imagen se queda fija (sticky) mientras
   se baja por la columna derecha.

   O34: `body{overflow-x:hidden}` (o24-skin.css) convierte al body en
   contenedor de desplazamiento y anula `position:sticky` (la imagen se
   iba con el scroll y dejaba un hueco vacío). `overflow-x:clip` recorta
   igual —el mini-carrito off-canvas sigue sin ensanchar la página— pero
   NO crea contenedor de scroll, así el sticky funciona de verdad.
   Solo se aplica en la ficha Candy; el resto de la tienda queda igual.
   --------------------------------------------------------- */
@media (min-width:901px){
  body.o27.o33-ficha{ overflow-x:clip; }
  body.o33-ficha .sugoi-single-gallery{
    position:sticky;
    top:150px;
  }
}

/* ---------------------------------------------------------
   A.1 «Otras ediciones» — fila compacta bajo la ficha.
   --------------------------------------------------------- */
body.o33 .o33-otras{ background:#fff; padding-top:8px; }
body.o33 .o33-otras-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
  border-top:1px solid var(--o27-linea);
}
body.o33 .o33-otra{
  display:grid;
  grid-template-columns:96px 1fr auto;
  gap:16px; align-items:center;
  padding:16px 0;
  border-bottom:1px solid var(--o27-linea);
  color:var(--o27-tinta);
}
body.o33 .o33-otra-img{
  display:flex; align-items:center; justify-content:center;
  background:#fff; aspect-ratio:1; overflow:hidden;
}
body.o33 .o33-otra-img img{
  width:100%; height:100%; object-fit:contain; display:block;
}
body.o33 .o33-otra-txt{ display:flex; flex-direction:column; min-width:0; }
body.o33 .o33-otra-kana{
  font-size:12px; font-weight:600;
  color:var(--o27-rojo); letter-spacing:.02em;
}
body.o33 .o33-otra-name{
  font-weight:600; font-size:15px; color:var(--o27-tinta);
}
body.o33 .o33-otra-linea{ font-size:13px; color:var(--o27-gris); }
body.o33 .o33-otra-price{
  font-family:var(--sg-font-display,'Fraunces',serif);
  color:var(--o27-marino); font-size:19px; white-space:nowrap;
}
body.o33 .o33-otra:hover .o33-otra-name{ color:var(--o27-azul); }

@media (max-width:760px){
  body.o33 .o33-otras-grid{ grid-template-columns:1fr; }
  body.o33 .o33-otra{ grid-template-columns:76px 1fr auto; gap:12px; }
}