/* =====================================================================
 *  Label chip: the pill a wine page wears beside its classification
 *  (Shop's own label / Brand label / Estate wine). Shared by the bottle hero
 *  and the article blocks through app/Views/common/label-owner-chip.php.
 *  docs/decisions/2026-09-14-a-label-chip-in-a-guide-links-to-the-section-that-explains-it.md
 * ===================================================================== */
.iw-btag {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 0.6875rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase;
    padding: 4px 10px; border-radius: var(--radius-sm, 6px);
    background: rgba(86, 19, 113, 0.10); color: var(--color-primary, #561371);
    vertical-align: middle;
}
.iw-btag--style { background: var(--color-secondary-container); color: var(--color-on-surface-variant); }
/* Who owns the name on the label: a shop's own label or a bottler's brand.
   docs/decisions/2026-09-14-a-label-owned-by-a-shop-or-a-brand-says-so-on-the-page.md */
.iw-btag--owner { background: rgba(176, 108, 20, 0.12); color: #7a4a0a; }
a.iw-btag { text-decoration: none; }
a.iw-btag--owner:hover { background: rgba(176, 108, 20, 0.22); }
a.iw-btag--estate:hover { background: rgba(86, 19, 113, 0.18); }
.iw-btag__icon { width: 16px; height: 16px; object-fit: contain; flex: none; }
/* Inline before an article heading's words: never wraps, sits mid-line. */
h2 .iw-btag { margin-right: 0.6rem; white-space: nowrap; font-size: 0.625rem; padding: 3px 8px; position: relative; top: -0.15em; }
/* A tappable key card: the whole card is the link, so none of its words wear
   the prose underline; the hover shadow says it is clickable. */
/* The article body underlines every link in a list item (main .lg\:col-span-8 li a);
   the same selector plus the card class outranks it. */
a.iw-chip-card__link, a.iw-chip-card__link span,
main .lg\:col-span-8 li a.iw-chip-card__link, main .lg\:col-span-8 li a.iw-chip-card__link:hover,
main .lg\:col-span-8 li a.iw-chip-card__link span { text-decoration: none; }
a.iw-chip-card__link:hover .iw-btag--owner { background: rgba(176, 108, 20, 0.22); }
a.iw-chip-card__link:hover .iw-btag--estate { background: rgba(86, 19, 113, 0.18); }