/**
 * Maurice - Single Product Page Styles
 * Sobrescribe estilos nativos de WooCommerce y Uncode
 */

 :root {
    /* Tipografía */
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Fraunces', serif;
    
    /* Tamaños de fuente */
    --font-h1: 107px;
    --font-h2: 53px;
    --font-h3: 32px;
    --font-paragraph: 20px;
    --font-button: 20px;
    
   /* Pesos de fuente */
   --font-regular: 400;
   --font-semibold: 600;
   --font-bold: 700;
    
    /* Colores */
    --color-orange: #fc805a;
    --color-gray: #a0a0a0;
    --color-gray-light: #f2f2f2;
    --color-gray-very-light: #f9f8f7;
    --color-beige: #f0ece6;
    --color-beige-light: #f4f3f2;
    --color-black: #1a1a1a;
    --color-white: #ffffff;
    --color-green: #009245;
    
    /* Bordes */
    --border-width: 3px;
    --border-radius: 50px;
  }

/* ==========================================================================
   OCULTAR ELEMENTOS NATIVOS DE WOOCOMMERCE
   ========================================================================== */

/* Ocultar selectores nativos de variaciones (usamos nuestro custom selector) */
.single-product .variations {
  display: none !important;
}

/* Ocultar swatch images de purchase-type (ya usamos nuestro selector custom) */
.single-product .swatches-select {
  display: none !important;
}

/* Ocultar el select de SubStripe (lo manejamos con nuestro custom selector) */
.single-product #substripe-variable-subscription-box,
.single-product .substripe-product-subscription-box {
  display: none !important;
}

/* Ocultar botón "Limpiar" de variaciones */
.single-product .reset_variations {
  display: none !important;
}

/* Ocultar quantity y add to cart nativos (los tiene nuestro selector custom) */
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  display: none !important;
}

/* ==========================================================================
   ESTILOS GENERALES DE LA PÁGINA
   ========================================================================== */

/* Quitar padding del contenedor principal del producto */
.single-product .row-parent.col-std-gutter.double-top-padding,
.single-product .row-parent.double-top-padding,
.single-product .row-parent.double-bottom-padding {
  padding-top: 30px !important;
  padding-bottom: 0 !important;
}



/* Layout de las columnas - 50% cada una */
.single-product .row-parent > .row-inner > .col-lg-5,
.single-product .row-parent > .row-inner > .col-lg-7 {
  /* width: 50% !important; */
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding-top: 0 !important;
}
.single-product .row-parent > .row-inner > .col-lg-7 {
    /* padding-top: 80px !important; */
}

/* Contenedor principal del producto */
/* Estilos generales del producto se aplican en otras secciones */

/* IMPORTANTE: Sobrescribir reglas generales del tema con alta especificidad */
.single-product .product p,
.single-product .summary p,
.single-product .product-summary p {
  font-size: var(--font-paragraph) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.single-product .product li,
.single-product .summary li {
  font-size: var(--font-paragraph) !important;
  line-height: 1.5 !important;
}

.single-product .product label,
.single-product .summary label {
  font-size: var(--font-paragraph) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Título del producto - Mayor especificidad para sobrescribir tema */
.single-product .product .product_title.entry-title,
.single-product .summary .product_title.entry-title {
  font-family: var(--font-secondary) !important;
  font-size: var(--font-h2) !important;
  font-weight: var(--font-semibold) !important;
  color: var(--color-black) !important;
  padding: 0 !important;
  line-height: 1.2 !important;

}
.maurice-product-prices-info{
  display: none !important;
}

/* Contenedor de precio nativo de WooCommerce */
.single-product .price-container {
  display: none !important;
}

/* Descripción corta */
/* Descripción corta - Mayor especificidad para sobrescribir tema */
.single-product .product .woocommerce-product-details__short-description {
  font-family: var(--font-primary) !important;
  font-size: var(--font-paragraph) !important;
  font-weight: var(--font-regular) !important;
  color: var(--color-black) !important;
  margin-bottom: 1rem !important;
  line-height: 1.25 !important;
  text-align: left !important;
  margin-top: 0 !important;
  padding: 0 !important;

}

/* Sobrescribir estilos de párrafos dentro de la descripción */
.single-product .product .woocommerce-product-details__short-description p {
  font-family: var(--font-primary) !important;
  font-size: var(--font-paragraph) !important;
  font-weight: var(--font-regular) !important;
  color: var(--color-black) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sobrescribir estilos de strong/bold dentro de la descripción */
.single-product .product .woocommerce-product-details__short-description strong,
.single-product .product .woocommerce-product-details__short-description b {
  font-weight: var(--font-bold) !important;
}

/* ==========================================================================
   BREADCRUMBS PERSONALIZADOS
   ========================================================================== */

.maurice-product-breadcrumbs {
  margin-bottom: 1.5rem;
  font-size: 14px ;
  width: 86% !important;

  margin: 0 auto !important;
  margin-bottom: 0 !important;
  padding-top: 15px !important;
}

.maurice-product-breadcrumbs .breadcrumb-item {
  color: #333;
}

.maurice-product-breadcrumbs .breadcrumb-link {
  text-decoration: none;
  color: #666;
}

.maurice-product-breadcrumbs .breadcrumb-link:hover {
  color: #000;
}

.maurice-product-breadcrumbs .breadcrumb-separator {
  margin: 0 0.5rem;
  color: #999;
}

/* ==========================================================================
   DETAIL CONTAINER (Botones de compartir)
   ========================================================================== */

.single-product .detail-container {
  
  padding-bottom: 50px !important;
  padding-top: 30px !important;
}

/* Ocultar redes sociales no deseadas - Solo mostrar WhatsApp y email */
.share-button .social ul li.social-facebook[data-network="facebook"],
.share-button .social ul li.social-twitter[data-network="twitter"],
.share-button .social ul li.social-threads[data-network="threads"],
.share-button .social ul li.social-pinterest[data-network="pinterest"],
.share-button .social ul li.social-linkedin[data-network="linkedin"],
.share-button .social ul li.social-bluesky[data-network="bluesky"],
.share-button .social ul li.social-xing[data-network="xing"],
.share-button li.social-facebook[data-network="facebook"],
.share-button li.social-twitter[data-network="twitter"],
.share-button li.social-threads[data-network="threads"],
.share-button li.social-pinterest[data-network="pinterest"],
.share-button li.social-linkedin[data-network="linkedin"],
.share-button li.social-bluesky[data-network="bluesky"],
.share-button li.social-xing[data-network="xing"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* Icono para el botón de copiar enlace */
.share-button .social ul li.social-link.social-copy-link:before,
.share-button li.social-link.social-copy-link:before {
  content: "\f0c1" !important; /* Icono de enlace/cadena (code: 61633) */
  font-family: 'uncodeicon' !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Hover del botón de enlace - usar color naranja corporativo */
.share-button.only-icon .social ul li.social-link.social-copy-link:hover:before,
.share-button.only-icon li.social-link.social-copy-link:hover:before,
.share-button .social ul li.social-link.social-copy-link:hover:before,
.share-button li.social-link.social-copy-link:hover:before {
  color: #fc805a !important; /* Color naranja corporativo para que sea visible */
}

/* ==========================================================================
   AJUSTES RESPONSIVE
   ========================================================================== */

@media (max-width: 991px) {
  /* En tablet y móvil, las columnas ocupan 100% */
  .single-product .row-parent > .row-inner > .col-lg-5,
  .single-product .row-parent > .row-inner > .col-lg-7 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .single-product .product_title {
    font-size: 1.5rem !important;
  }
  
  .single-product .price-container {
    margin-bottom: 1rem !important;
  }
}