{# Unified corner-flag label — shared across all card modules (card-base, cards-grid,
   card-pricing, cards-pricingtable, carousel). Solid color + white text reads correctly
   in light, dark and mobile. Zero-specificity :where() so a module can override per
   instance. Included inside each module's inline <style>:
   {% include "../../includes/card-flag.css.html" %}
   Per-instance color comes from the inline --label-bg custom property on the element. #}
:where(.card-flag){position:absolute;top:0;right:0;z-index:10;margin:0;padding:4px 12px;background:var(--label-bg,#007bff);color:#fff;font-size:0.75rem;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:0.025em;border-bottom-left-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.25)}