/* ============================================================
   product-overrides.css · Ficha de producto — tema CLARO de marca
   KeyStore Munro. Reemplaza el tema oscuro de KeyStore.
   Variables --vas-* vienen del header (todas las páginas).
   ============================================================ */

/* Matar el fondo oscuro/degradé de la ficha */
.product-details-page .main::before { display: none !important; }
.product-details-page .main { background:#161618; }

/* Título / breadcrumb */
.product-details-page .page-title {
  background: #161618 !important;
  border-top: 1px solid #1C1C1F;
  border-bottom: 1px solid #1C1C1F;
}
.product-details-page .page-title .breadcrumbs a { color: var(--ks-ink, #F2F2F3); }
.product-details-page .page-title .breadcrumbs .current { color: #B5B5BC; }
.product-details-page .page-title h1 {
  color: var(--ks-ink, #F2F2F3);
  font-family: 'Poppins', sans-serif; font-weight: 700;
}

.product-details-page .product-details.section { background:#161618; padding: 2.4rem 0 3rem; }

/* ---------- Galería: imagen MÁS GRANDE ---------- */
.product-details-page .product-gallery .main-image-wrapper .image-zoom-container {
  border: 1px solid #1C1C1F;
  background: #161618;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(0,0,0, .08);
  min-height: 460px;
  display: flex; align-items: center; justify-content: center;
}
.product-details-page .product-gallery .main-image-wrapper .image-zoom-container .main-image {
  max-height: 520px; width: auto; max-width: 100%; object-fit: contain; padding: 18px;
}
@media (max-width: 991px){
  .product-details-page .product-gallery .main-image-wrapper .image-zoom-container { min-height: 360px; }
  .product-details-page .product-gallery .main-image-wrapper .image-zoom-container .main-image { max-height: 360px; }
}
.product-details-page .product-gallery .thumbnails-vertical .thumbnail-item {
  border: 1px solid #2A2A2E; background: #161618; border-radius: 10px;
}
.product-details-page .product-gallery .thumbnails-vertical .thumbnail-item.active { border-color: var(--ks-ypf, #003DA5); }

/* Ampliación por click (lightbox); lupa drift desactivada */
.product-details-page .drift-zoom-pane,
.product-details-page .drift-bounding-box { display: none !important; }
.product-details-page .product-gallery .image-zoom-container a { cursor: zoom-in; }

/* Flechas de la galería: discretas, azul de marca, aparecen al hover (no invasivas) */
.product-details-page .product-gallery .main-image-wrapper .image-nav { opacity: 0; transition: opacity .2s; }
.product-details-page .product-gallery .main-image-wrapper:hover .image-nav { opacity: 1; }
.product-details-page .product-gallery .main-image-wrapper .image-nav .image-nav-btn {
  width: 34px; height: 34px;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid #2A2A2E !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}
.product-details-page .product-gallery .main-image-wrapper .image-nav .image-nav-btn i { color: var(--ks-base, #0D0D0F) !important; font-size: 1rem !important; }
.product-details-page .product-gallery .main-image-wrapper .image-nav .image-nav-btn:hover { background: var(--ks-base, #0D0D0F) !important; }
.product-details-page .product-gallery .main-image-wrapper .image-nav .image-nav-btn:hover i { color: #fff !important; }
@media (max-width: 991px){ .product-details-page .product-gallery .main-image-wrapper .image-nav { opacity: 1; } }
.product-details-page .product-gallery .zoom-overlay { opacity: 1; }

/* ---------- Lightbox estilo masvision: fondo blanco, imagen grande ---------- */
.glightbox-container .goverlay { background:#161618 !important; opacity: 1 !important; }
.glightbox-clean .gslide-description { display: none !important; }
.glightbox-container .gslide-image img {
  /* width/height auto => nunca upscalea más allá del tamaño nativo (evita borroso) */
  width: auto !important; height: auto !important;
  max-width: 94vw !important; max-height: 90vh !important;
  background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
/* quitar el recuadro/sombra que GLightbox pone en los contenedores de la imagen */
.glightbox-container .gslide-media,
.glightbox-container .gslide-image,
.glightbox-container .gslide-inner-content,
.glightbox-container .ginner-container {
  box-shadow: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background: #eef3f9 !important; border-radius: 50% !important; opacity: 1 !important;
}
.glightbox-clean .gclose svg, .glightbox-clean .gnext svg, .glightbox-clean .gprev svg,
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
  fill: #0D0D0F !important; color: #F2F2F3 !important;
}

/* ---------- Columna info: tarjeta blanca ---------- */
.product-details-page .product-info-wrapper {
  padding: 1.4rem 1.4rem; background:#161618;
  border: 1px solid #1C1C1F; border-radius: 16px;
  box-shadow: 0 10px 26px rgba(0,0,0, .06);
}
.product-details-page .product-info-wrapper .product-meta .product-category {
  color: #8E8E96; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; font-weight: 600;
}
.product-details-page .product-info-wrapper .product-meta .product-title {
  color: #F2F2F3; font-family: 'Poppins', sans-serif; font-weight: 700;
}

/* Precio */
.product-details-page .product-info-wrapper .product-price-container {
  background: #161618; border: 1px solid #1C1C1F; border-radius: 12px;
}
.product-details-page .product-info-wrapper .product-price-container .current-price,
.product-details-page .product-info-wrapper .product-price-container .price-wrapper .current-price {
  color: var(--ks-ink, #F2F2F3) !important;
}
.product-details-page .product-info-wrapper .product-price-container .original-price,
.product-details-page .product-info-wrapper .product-price-container .price-wrapper .original-price {
  color: #8E8E96 !important;
}
.product-details-page .product-info-wrapper .product-price-container .stock-info span { color: var(--ks-ink-soft, #B5B5BC); }
.product-details-page .product-info-wrapper .product-short-description p { color: #4a5a6e; }

/* Etiquetas de opciones */
.product-details-page .product-info-wrapper .product-options .option-title,
.product-details-page .product-info-wrapper .product-options .selected-option { color: #F2F2F3; }

/* ---------- SWATCHES de color = foto de la variante ---------- */
.product-details-page .product-info-wrapper .product-options .color-options {
  flex-wrap: wrap; gap: 10px !important;
}
.product-details-page .product-info-wrapper .product-options .color-option {
  width: 62px; height: 62px; padding: 0 !important; margin: 0;
  border: 2px solid #2A2A2E !important; border-radius: 12px; overflow: hidden;
  background: #161618 !important; cursor: pointer; position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  transition: border-color .15s, box-shadow .15s;
}
.product-details-page .product-info-wrapper .product-options .color-option img {
  width: 100%; height: 100%; object-fit: contain; padding: 4px;
}
.product-details-page .product-info-wrapper .product-options .color-option:hover {
  border-color: var(--ks-silver, #D8DADF) !important;
}
.product-details-page .product-info-wrapper .product-options .color-option.selected {
  border-color: var(--ks-line, #2A2A2E) !important;
  box-shadow: 0 6px 16px rgba(0,0,0, .22);
}
.product-details-page .product-info-wrapper .product-options .color-option i.bi-check-lg {
  position: absolute; top: 3px; right: 3px; width: 18px; height: 18px;
  background: var(--ks-base, #0D0D0F); color: #fff; border-radius: 50%;
  font-size: 11px; display: none; align-items: center; justify-content: center;
}
.product-details-page .product-info-wrapper .product-options .color-option.selected i.bi-check-lg { display: flex !important; }

/* Cantidad */
.product-details-page .product-info-wrapper .product-options .quantity-selector .quantity-btn,
.product-details-page .product-info-wrapper .product-options .quantity-selector .quantity-input {
  background:#161618; border-color: #2A2A2E; color: #F2F2F3;
}

/* Botón principal en azul de marca */
.product-details-page .product-info-wrapper .product-actions .add-to-cart-btn {
  background: var(--ks-base, #0D0D0F) !important; border: none !important; color: #fff;
}
.product-details-page .product-info-wrapper .product-actions .add-to-cart-btn:hover {
  background: var(--ks-black, #000000) !important;
  box-shadow: 0 10px 22px rgba(0,0,0, .3);
}

/* Botón compartir: azul de marca (chau magenta KeyStore) */
.product-details-page .product-info-wrapper .product-meta .product-share .share-btn,
.product-details-page .product-info-wrapper .product-meta .product-share .share-btn i { color: var(--ks-ink, #F2F2F3) !important; }
.product-details-page .product-info-wrapper .product-meta .product-share .share-btn { border-color: #2A2A2E !important; }
.product-details-page .product-info-wrapper .product-meta .product-share .share-btn:hover,
.product-details-page .product-info-wrapper .product-meta .product-share.is-open .share-btn { background: var(--ks-base, #0D0D0F) !important; border-color: var(--ks-base, #0D0D0F) !important; }
.product-details-page .product-info-wrapper .product-meta .product-share .share-btn:hover i,
.product-details-page .product-info-wrapper .product-meta .product-share.is-open .share-btn i { color: #fff !important; }
.product-details-page .product-info-wrapper .product-meta .product-share .share-dropdown .share-whatsapp,
.product-details-page .product-info-wrapper .product-meta .product-share .share-dropdown .share-whatsapp i { color: #25d366 !important; }

/* Beneficios de envío: ocultos por ahora */
.product-details-page .product-info-wrapper .delivery-options { display: none !important; }

@media (max-width: 767px){
  .product-details-page .page-title h1 { font-size: 2rem; line-height: 1.1; }
  .product-details-page .product-info-wrapper .product-meta .product-title { font-size: 1.7rem; }
}

.product-details-page .product-info-wrapper .product-short-description p a,
.product-details-page .product-description a { color: var(--ks-silver, #D8DADF); font-weight: 700; text-decoration: none; }