/* ============================================================================
   product.css — PDP premium (Fase 3 · Ronda 1 · theme 0.8.41)
   RESTYLE (no reimplementación) de los bloques del motor + pack selector propio.
   Los bloques del motor traen CSS en wp_head 100-140 (nivel clase) → se vencen con
   selectores más específicos (.woocommerce div.product …, body.dkt-cat-* …), sin
   !important salvo el badge (bg/color inline del motor). Usa los tokens del theme.
   ========================================================================== */

/* ---- Galería: empaque placeholder (Cat A/B) ---- */
.woocommerce div.product .woocommerce-product-gallery .dkt-rx-pack{
  width:100%;height:auto;max-width:520px;margin:0 auto;display:block
}

/* ---- Badge de la ficha → chip SUAVE por clase (mismo criterio que la PLP).
   El motor fija bg/color inline (1,0,0,0) → única excepción de !important. ---- */
.dkt-single-badge{
  font-family:var(--dkt-font-titles);font-weight:600;border-radius:var(--radius-pill,999px)
}
body.dkt-cat-a .dkt-single-badge{background:#FBF0F5 !important;color:#5F0E39 !important;border:1px solid #E7CEDA !important}
body.dkt-cat-b .dkt-single-badge{background:#FEF6E7 !important;color:#B45309 !important;border:1px solid #F3D9A6 !important}
body.dkt-cat-c .dkt-single-badge{background:#ECFBFD !important;color:#0E7490 !important;border:1px solid #BEE9F0 !important}

/* ---- Fuga de taxonomía interna en la ficha (H3): se oculta la categoría de Astra
   sobre el título y las "Categorías" de la fila meta; el eyebrow limpio lo pinta el theme.
   Astra la fija con .woocommerce-js div.product div.summary .single-product-category (0,4,2);
   subimos la cadena a (0,4,3) añadiendo body → le ganamos SIN !important. Verificado en prod. ---- */
body.woocommerce-js div.product div.summary .single-product-category{display:none}
.woocommerce div.product .product_meta .posted_in{display:none}
.woocommerce div.product .summary .dkt-single-eyebrow{
  font-family:var(--dkt-font-titles);font-weight:600;font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-ink,#8E0045);margin:0 0 .25rem
}

/* ---- Precio: "(IVA incluido)" discreto (decisión Ricardo) ---- */
.woocommerce div.product p.price .woocommerce-Price-amount,
.woocommerce div.product .summary .price .woocommerce-Price-amount{
  font-family:var(--dkt-font-titles);font-weight:700;color:var(--dkt-vino)
}
.woocommerce div.product p.price .woocommerce-price-suffix,
.woocommerce div.product .summary .price .woocommerce-price-suffix{
  font-family:var(--dkt-font-body);font-weight:400;font-size:.72rem;color:var(--dkt-muted);margin-left:.3rem
}
.woocommerce div.product p.price ins .woocommerce-Price-amount{color:var(--dkt-magenta)}
.woocommerce div.product p.price del .woocommerce-Price-amount{color:#9CA3AF;font-weight:600}

/* ---- Aviso de la variante profesional (mío, filtrable) ---- */
.dkt-pro-aviso{
  display:flex;gap:.55rem;align-items:flex-start;margin:.4rem 0 1rem;
  font-size:.82rem;color:#0F6E56;background:#E6F5EF;border:1px solid #B7E0D2;
  border-radius:var(--dkt-radius);padding:.6rem .8rem
}
.dkt-pro-aviso svg{flex:none;margin-top:.1rem}
.dkt-pro-aviso p{margin:0}

/* ---- PACK SELECTOR (sustituye la tabla de volumen del motor) ---- */
.dkt-packsel{margin:1.1rem 0}
.dkt-packsel__title{
  font-family:var(--dkt-font-titles);font-weight:600;color:var(--dkt-vino);font-size:.95rem;margin-bottom:.6rem
}
.dkt-packsel__sub{font-weight:400;font-size:.8rem;color:var(--dkt-muted)}
.dkt-packsel__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.dkt-packopt{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:.18rem;min-width:0;
  background:#fff;border:1.5px solid var(--dkt-line);border-radius:var(--dkt-radius);
  padding:.65rem .5rem .7rem;cursor:pointer;text-align:center;font:inherit;
  transition:border-color var(--dur,240ms),box-shadow var(--dur,240ms),transform var(--dur,240ms)
}
.dkt-packopt:hover{border-color:#E7C6D3;transform:translateY(-1px)}
.dkt-packopt[aria-pressed="true"]{border-color:var(--dkt-magenta);box-shadow:0 0 0 3px rgba(165,0,80,.10)}
.dkt-packopt__qty{font-family:var(--dkt-font-titles);font-weight:700;font-size:.76rem;color:var(--dkt-muted)}
.dkt-packopt__unit{font-family:var(--dkt-font-titles);font-weight:700;font-size:1.02rem;color:var(--dkt-vino);line-height:1.05}
.dkt-packopt__unit small{font-weight:500;font-size:.58rem;color:var(--dkt-muted);margin-left:1px}
.dkt-packopt__total{font-size:.64rem;color:var(--dkt-muted);margin-top:.16rem}
.dkt-packopt__pill{
  position:absolute;top:-8px;left:50%;transform:translateX(-50%);
  font-family:var(--dkt-font-titles);font-weight:700;font-size:.6rem;color:#fff;background:#059669;
  border-radius:var(--radius-pill,999px);padding:.08rem .4rem;white-space:nowrap;box-shadow:var(--dkt-shadow-sm)
}
.dkt-packsel__foot{font-size:.72rem;color:var(--dkt-muted);margin:.55rem 0 0}
/* Variante PLAN DE TRATAMIENTO (clínico): sobria, etiquetas de plan legibles, sin pills. */
.dkt-packsel--plan .dkt-packsel__title{color:var(--dkt-vino)}
.dkt-packsel--plan .dkt-packopt{padding:.55rem .35rem .6rem}
.dkt-packsel--plan .dkt-packopt__qty{font-size:.72rem;color:var(--dkt-vino);white-space:normal;line-height:1.15}
.dkt-packsel--plan .dkt-packopt__unit{font-size:.95rem}

/* ---- Tabla ARCSA del motor: pulido leve (los colores on-brand ya vienen inline) ---- */
.woocommerce div.product .dkt-arcsa-specs{margin:2rem 0;max-width:680px}
.woocommerce div.product .dkt-arcsa-specs-table{border-radius:var(--dkt-radius-lg);overflow:hidden}

/* ---- Aviso de prescripción del motor (.dkt-product-notice): pulido leve ---- */
.woocommerce div.product .dkt-product-notice{border-radius:var(--dkt-radius-lg);margin:1rem 0}

/* ---- Caja WhatsApp del motor: tono CALMO (no verde estridente) ---- */
.woocommerce div.product .dkt-wa-product-cta{
  background:#F0FAF3;border:1px solid #CDE9D6;border-left:4px solid #1FA855;border-radius:var(--dkt-radius-lg)
}
.woocommerce div.product .dkt-wa-product-cta__btn{
  background:transparent;color:#0F6E3C;font-family:var(--dkt-font-titles);font-weight:600
}
.woocommerce div.product .dkt-wa-product-cta__btn:hover{color:#0B5A2F}

/* ---- Añadir al carrito de la ficha → píldora magenta (AJAX/qty intactos) ---- */
.woocommerce div.product form.cart .single_add_to_cart_button{
  font-family:var(--dkt-font-titles);font-weight:600;background:var(--dkt-magenta);color:#fff;
  border:2px solid transparent;border-radius:var(--radius-pill,999px);box-shadow:var(--dkt-shadow-sm);
  transition:transform var(--dur,240ms),background var(--dur,240ms)
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{background:var(--dkt-magenta-mid);transform:translateY(-2px)}

@media(max-width:520px){.dkt-packsel__grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.dkt-packopt,.woocommerce div.product form.cart .single_add_to_cart_button{transition:none}}