/*
 * Darealmop_RecQuality (storefront) - SKELETON ONLY.
 *
 * This module has NO storefront chrome of its own: the beacon is invisible and
 * the recommendation blocks belong to whichever rec module renders them. The
 * only optional surface is a tiny wrapper a theme may use to badge a rec block
 * that this module has flagged. Every property below is an unset
 * --dm-rec-quality-* token with NO fallback: the theme supplies the colour /
 * font / shape vocabulary, the skeleton only reserves the structural hook.
 * Nothing here ships a colour, font, shadow or border literal.
 */

/* ----------------------------------------------------------------------
 * Optional instrumentation wrapper - structural hooks, theme paints the rest.
 * A rec block stamped with the data-attribute seam may carry this class so a
 * theme can style measured blocks distinctly; it is purely opt-in.
 * -------------------------------------------------------------------- */
.dm-rec-quality-measured {
    display: var(--dm-rec-quality-measured-display);
    position: var(--dm-rec-quality-measured-position);
    gap: var(--dm-rec-quality-measured-gap);
}

.dm-rec-quality-measured__badge {
    display: var(--dm-rec-quality-badge-display);
    padding: var(--dm-rec-quality-badge-padding);
    border: var(--dm-rec-quality-badge-border);
    border-radius: var(--dm-rec-quality-badge-radius);
    background: var(--dm-rec-quality-badge-bg);
    color: var(--dm-rec-quality-badge-color);
    font-size: var(--dm-rec-quality-badge-font-size);
    font-weight: var(--dm-rec-quality-badge-font-weight);
    line-height: var(--dm-rec-quality-badge-line-height);
}