/*
	Theme Name: Rehub child theme
	Theme URI: https://wpsoul.com
	Description: A Hybrid magazine/shop/review/news Wordpress Theme
	Author: Sizam
	Author URI: https://wpsoul.com
	Version: 9.4
	Template: rehub-theme
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* ==========================================================
   CTAs extra ficha de producto (REHub)
   - Comprar ahora (express)
   - Asesoría por WhatsApp
   ========================================================== */

/* Contenedor */
.rehub-product-ctas-extra{
  width:min(100%, 460px); /* evita que se vea demasiado largo en desktop */
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:16px auto 12px; /* centrado con espacios iguales a ambos lados */
  box-sizing:border-box;
}

/* ---------- COMPRAR AHORA (amarillo, secundario fuerte) ---------- */
.rehub-buy-now-cta{
  -webkit-appearance:none;
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  min-height:54px;
  padding:10px 14px;
  margin:0;
  border-radius:6px;
  border:1px solid rgba(0,0,0,.12);
  background:linear-gradient(180deg,#ffd539 0%, #f6c500 100%);
  color:#101010;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(0,0,0,.08);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
  font-family:inherit;
}

.rehub-buy-now-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  filter:saturate(1.03);
  border-color:rgba(0,0,0,.16);
}

.rehub-buy-now-cta:active{
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}

.rehub-buy-now-cta:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(246,197,0,.28), 0 8px 18px rgba(0,0,0,.10);
}

.rehub-buy-now-cta__text{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.04;
}

.rehub-buy-now-cta__text strong{
  display:block;
  font-size:15px;
  font-weight:800;
  letter-spacing:.25px;
  color:#111;
  margin:0;
}

.rehub-buy-now-cta__text small{
  display:block;
  margin:1px 0 0;
  font-size:10.5px;
  line-height:1.05;
  color:rgba(0,0,0,.72);
  font-weight:600;
}

/* ---------- WHATSAPP (secundario suave / premium) ---------- */
.rehub-wa-cta-global{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  min-height:50px;
  padding:9px 12px;
  margin:0;
  border-radius:6px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color:#1d1d1d !important;
  text-decoration:none !important;
  box-shadow:0 3px 10px rgba(0,0,0,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.rehub-wa-cta-global:hover{
  transform:translateY(-1px);
  border-color:rgba(37,211,102,.32);
  box-shadow:0 6px 14px rgba(0,0,0,.07);
  color:#111 !important;
  text-decoration:none !important;
}

.rehub-wa-cta-global:active{
  transform:translateY(0);
}

.rehub-wa-cta-global:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(37,211,102,.16), 0 6px 14px rgba(0,0,0,.07);
}

.rehub-wa-cta-global__icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(37,211,102,.10);
  color:#25D366; /* verde oficial WhatsApp */
}

.rehub-wa-cta-global__icon svg{
  display:block;
  width:14px;
  height:14px;
}

.rehub-wa-cta-global__text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1.05;
}

.rehub-wa-cta-global__text strong{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#1f1f1f;
  margin:0;
}

.rehub-wa-cta-global__text small{
  display:block;
  margin:1px 0 0;
  font-size:10.5px;
  line-height:1.05;
  color:#7a7a7a;
  font-weight:500;
}

/* Espacio respecto al meta (SKU / categoría / tags) */
.single-product .rehub-product-ctas-extra + .product_meta{
  margin-top:4px;
}

/* Ajustes visuales para tablet / mobile grande */
@media (min-width: 768px) and (max-width: 1023px){
  .rehub-product-ctas-extra{
    width:min(100%, 420px);
    margin:16px auto 12px;
  }
}

/* Ajustes visuales para desktop */
@media (min-width: 1024px){
  .rehub-product-ctas-extra{
    width:min(100%, 470px); /* más armónico respecto al ancho total del summary */
    margin:18px auto 14px;
    gap:10px;
  }

  .rehub-buy-now-cta{
    min-height:56px;
  }

  .rehub-buy-now-cta__text strong{
    font-size:16px;
  }

  .rehub-wa-cta-global{
    min-height:50px;
  }

  .rehub-wa-cta-global__text strong{
    font-size:14px;
  }
}

/* Ajustes visuales para mobile */
@media (max-width: 767px){
  .rehub-product-ctas-extra{
    width:min(100%, 380px); /* no tan ancho en móvil */
    margin:14px auto 10px;   /* centrado */
    gap:8px;
  }

  .rehub-buy-now-cta{
    min-height:50px;
    padding:8px 12px;
    border-radius:6px;
  }

  .rehub-buy-now-cta__text strong{
    font-size:14px;
    letter-spacing:.18px;
  }

  .rehub-buy-now-cta__text small{
    font-size:10px;
    margin-top:1px;
  }

  .rehub-wa-cta-global{
    min-height:46px;
    padding:8px 10px;
    gap:8px;
    border-radius:6px;
  }

  .rehub-wa-cta-global__icon{
    width:26px;
    height:26px;
    flex-basis:26px;
  }

  .rehub-wa-cta-global__icon svg{
    width:13px;
    height:13px;
  }

  .rehub-wa-cta-global__text strong{
    font-size:13px;
  }

  .rehub-wa-cta-global__text small{
    font-size:9.8px;
  }
}

/* ---------- Microcopy de ayuda para selección de variación ---------- */
.single-product form.variations_form .rehub-variation-microcopy{
  display:block;
  width:auto;
  max-width:none;
  box-sizing:border-box;
  margin:2px 0 6px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#404040;
  font-size:12.5px;
  line-height:1.25;
  font-weight:600;
}

.single-product form.variations_form .rehub-variation-microcopy strong{
  font-weight:700;
  color:#2f2f2f;
}

.single-product form.variations_form .rehub-variation-microcopy__hint{
  display:none;
}

@media (max-width: 767px){
  .single-product form.variations_form .rehub-variation-microcopy{
    margin:2px 0 5px;
    font-size:12px;
    line-height:1.22;
  }
}

/* Microcopy de variaciones (inline premium, sin tarjeta) */
.single-product .rehub-variation-microcopy{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 10px !important;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  color:#1f1f1f;
  letter-spacing:.01em;
}

.single-product .rehub-variation-microcopy::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#f6c500; /* acento amarillo coherente con Comprar ahora */
  box-shadow:0 0 0 3px rgba(246,197,0,.15);
}

/* Ajuste fino si REHub agrega mucho aire antes de la tabla de variaciones */
.single-product form.variations_form .rehub-variation-microcopy + table.variations,
.single-product form.variations_form .rehub-variation-microcopy + .variations{
  margin-top:0 !important;
}

/* Móvil: un poco más compacto */
@media (max-width:767px){
  .single-product .rehub-variation-microcopy{
    margin:4px 0 8px !important;
    font-size:12.5px;
    gap:7px;
  }

  .single-product .rehub-variation-microcopy::before{
    width:6px;
    height:6px;
    flex-basis:6px;
    box-shadow:0 0 0 2px rgba(246,197,0,.16);
  }
}

/* Ocultar meta SKU / categoría / tags debajo de los CTAs (por ahora) */
.single-product .entry-summary .product_meta{
  display:none !important;
}

/* ==========================================================
   Single product variable: usar solo el precio de la variación
   (oculta el precio superior/rango cuando la variación ya está lista)
   Requiere la clase del JS: body.rh-variable-product-page + body.rh-variable-price-ready
   ========================================================== */

/* Ocultar precio superior (rango) cuando ya existe precio de variación resuelto */
.single-product.rh-variable-product-page.rh-variable-price-ready div.product .summary > p.price,
.single-product.rh-variable-product-page.rh-variable-price-ready div.product .entry-summary > p.price {
  display: none !important;
}

/* Dar protagonismo al precio de variación (el que queda debajo de las opciones) */
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation-price {
  margin: 8px 0 6px !important;
}

.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price .price,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation-price .price,
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation .price,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation .price {
  display: block;
  font-size: clamp(30px, 3vw, 40px) !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: #1b1b1b !important;
  margin: 0 !important;
}

/* Precio en oferta (si aplica) */
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price .price del,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation-price .price del,
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation .price del,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation .price del {
  opacity: .45;
  font-size: .72em;
  font-weight: 600;
  margin-right: .25em;
}

.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price .price ins,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation-price .price ins,
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation .price ins,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation .price ins {
  text-decoration: none;
}

/* Mantener un pequeño aire entre precio de variación y stock */
.single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-availability,
.single-product.rh-variable-product-page .single_variation .woocommerce-variation-availability {
  margin-top: 2px;
}

/* Mobile: que destaque, pero sin comerse el layout */
@media (max-width: 767px) {
  .single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price,
  .single-product.rh-variable-product-page .single_variation .woocommerce-variation-price {
    margin: 6px 0 5px !important;
  }

  .single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation-price .price,
  .single-product.rh-variable-product-page .single_variation .woocommerce-variation-price .price,
  .single-product.rh-variable-product-page .single_variation_wrap .woocommerce-variation .price,
  .single-product.rh-variable-product-page .single_variation .woocommerce-variation .price {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.05 !important;
  }
}



/* Fallback robusto: ocultar precio superior cuando el JS etiqueta el nodo */
.single-product [data-rh-top-variable-price="1"].rh-hide-for-variable-ready{
  display:none !important;
}


/* =========================================
   Bloque de confianza debajo de CTAs (REHub)
   ========================================= */

.lm-trust-block{
  width:100%;
  margin:10px auto 0;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:8px;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.04);
  box-sizing:border-box;
}

.lm-trust-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:7px 2px;
}

.lm-trust-item + .lm-trust-item{
  border-top:1px solid rgba(0,0,0,.05);
}

.lm-trust-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(246,197,0,.14); /* amarillo acorde al botón comprar ahora */
  color:#d29a00;
  margin-top:1px;
}

.lm-trust-icon i{
  font-size:13px;
  line-height:1;
}

.lm-trust-content{
  min-width:0;
  line-height:1.15;
}

.lm-trust-title{
  font-size:13px;
  font-weight:700;
  color:#1f1f1f;
  margin:0;
}

.lm-trust-sub{
  font-size:11px;
  color:#707070;
  margin-top:2px;
}

/* Ajuste para que quede con el mismo ancho "contenido" de tus CTAs centrados */
.single-product .rh_woo_code_zone_button .lm-trust-block{
  max-width:640px;
}

/* Mobile */
@media (max-width: 767px){
  .lm-trust-block{
    margin-top:8px;
    padding:8px 10px;
    border-radius:7px;
  }

  .lm-trust-item{
    gap:8px;
    padding:6px 1px;
  }

  .lm-trust-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
  }

  .lm-trust-icon i{
    font-size:12px;
  }

  .lm-trust-title{
    font-size:12px;
  }

  .lm-trust-sub{
    font-size:10px;
  }

  .single-product .rh_woo_code_zone_button .lm-trust-block{
    max-width:92%;
    margin-left:auto;
    margin-right:auto;
  }
}