/* =============================================================================
   DKT Store — Insignias de precio por rol (0.9.166 · SESIÓN DE BUGS de etiquetas, Ricardo 07/08-sep)
   El motor (dual-pricing.php) añade al HTML del precio un <span class="dkt-precio-doctor|dkt-precio-mayorista">
   con "Precio Profesional" / "Precio Mayorista" y lo pinta inline con el tamaño del precio (.85em de un precio
   grande = insignia enorme) y margin-left 12px. En las tarjetas angostas (geles de Prudence, comparador de
   Andalan, ficha) se salía de su caja y pisaba al vecino. Esta hoja es la ÚLTIMA en cargar y unifica:
     · base: pastilla pequeña (10,5 px, mayúsculas), rosa suave, que nunca hereda el tamaño del precio;
     · por superficie: dónde se coloca (en línea o debajo del precio) y su variante clara sobre fondos oscuros.
   Gana al <style> inline del motor por especificidad (body …) + !important donde el motor lo usa.
   Motor intacto. @package astra-dkt-store
   ============================================================================= */

/* ---------- base, en todo el sitio ---------- */
body .dkt-precio-doctor,
body .dkt-precio-mayorista {
  display: inline-flex !important; align-items: center; vertical-align: middle;
  font-family: var(--dkt-font-titles, 'Poppins', sans-serif) !important; font-weight: 600 !important; font-size: 10.5px !important; line-height: 1 !important;
  letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
  color: #8E0045 !important; background: #FBEAF1 !important; border: 1px solid #F1C9DA; border-radius: 999px;
  padding: 5px 9px !important; margin: 0 0 0 8px !important;
}

/* ---------- Home · tarjetas destacadas (ya en flex con gap): sin margen extra ---------- */
body .dkt-dcard__price .dkt-precio-doctor,
body .dkt-dcard__price .dkt-precio-mayorista { margin: 0 !important; }

/* ---------- Tienda / categorías · tarjetas de producto: debajo del precio, a la izquierda ---------- */
body .dkt-pcard__price .dkt-precio-doctor,
body .dkt-pcard__price .dkt-precio-mayorista { display: flex !important; width: max-content; margin: .35rem 0 0 !important; }

/* ---------- Ficha de producto: en línea con el precio, más pequeña que él; en móvil debajo ---------- */
body.woocommerce div.product .summary .price .dkt-precio-doctor,
body.woocommerce div.product .summary .price .dkt-precio-mayorista { font-size: 11px !important; margin-left: 10px !important; vertical-align: middle; }
@media (max-width: 640px) {
  body.woocommerce div.product .summary .price .dkt-precio-doctor,
  body.woocommerce div.product .summary .price .dkt-precio-mayorista { display: flex !important; width: max-content; margin: 8px 0 0 !important; }
}

/* ---------- Landing PRUDENCE (fondos oscuros, tarjetas angostas): pastilla clara DEBAJO del precio ---------- */
body.dkt-brand-prudence .dkt-pl-price { white-space: normal; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 8px; max-width: 100%; }
body.dkt-brand-prudence .dkt-pl-price .amount,
body.dkt-brand-prudence .dkt-pl-price bdi,
body.dkt-brand-prudence .dkt-pl-price del,
body.dkt-brand-prudence .dkt-pl-price ins { white-space: nowrap; }
/* salto de línea invisible antes de la pastilla (order 9 < 10): así la pastilla mide lo que su texto y queda centrada */
body.dkt-brand-prudence .dkt-pl-price::after { content: ""; flex-basis: 100%; height: 0; order: 9; }
body.dkt-brand-prudence .dkt-pl-price .dkt-precio-doctor,
body.dkt-brand-prudence .dkt-pl-price .dkt-precio-mayorista {
  order: 10; flex: 0 0 auto; width: max-content; margin: 2px auto 0 !important;
  color: #fff !important; background: rgba(255, 255, 255, .14) !important; border-color: rgba(255, 255, 255, .38);
}

/* ---------- Landing ANDALAN ---------- */
/* mundos (tarjetas de color): la misma pastilla blanca que ya tenía la de médicos, también para mayoristas */
body.dkt-brand-andalan .dkt-alw-price .dkt-precio-doctor,
body.dkt-brand-andalan .dkt-alw-price .dkt-precio-mayorista {
  display: inline-flex !important; font: 700 .6rem/1 var(--al-geo, var(--dkt-font-titles)) !important; letter-spacing: .06em;
  color: var(--w-ink, #6E1039) !important; background: #fff !important; border: 0; padding: 5px 10px !important; margin: 0 !important;
}
/* comparador "¿Cuál DIU es para ti?": debajo del precio (el "PRECIO" pequeño se queda junto a la cifra) */
body.dkt-brand-andalan #cual .dkt-al-cprice::after { content: ""; flex-basis: 100%; height: 0; order: 9; }
body.dkt-brand-andalan #cual .dkt-al-cprice .dkt-precio-doctor,
body.dkt-brand-andalan #cual .dkt-al-cprice .dkt-precio-mayorista { order: 10; flex: 0 0 auto; width: max-content; margin: 2px 0 0 !important; font-size: 9.5px !important; padding: 4px 8px !important; }
/* bloque mini (dobles): pastilla mínima en línea */
body.dkt-brand-andalan .dkt-al-cmini .mp .dkt-precio-doctor,
body.dkt-brand-andalan .dkt-al-cmini .mp .dkt-precio-mayorista { font-size: 9px !important; padding: 3px 7px !important; margin-left: 6px !important; }

/* ---------- Carrito / mini-carrito / resumen del checkout: en línea, y baja de línea si no cabe ---------- */
body .woocommerce-cart-form .dkt-precio-doctor,
body .woocommerce-cart-form .dkt-precio-mayorista,
body .dkt-cart-drawer .dkt-precio-doctor,
body .dkt-cart-drawer .dkt-precio-mayorista { margin: 0 0 0 6px !important; font-size: 9.5px !important; padding: 4px 7px !important; }