/*
 * 「定休日」「掲載店舗」「TEL」の札（オレンジのラベル＋クリーム色の札、高さ 22px）の見た目の正本。
 * 一覧カードの下部（template-parts/common/card-shop-info.php。並べ方は cards.css の .km-card__shopInfo）と、
 * こだわり検索・AIブタチェの結果カードの定休日（advanced-search.js の buildCard、recommendation-cards.js の renderHoliday）で使う。
 * 配信: cards.css を読むページと、こだわり検索・AIブタチェ（AssetOptimizer）。以前は cards.css と holiday-tag.css に
 * 同じ見た目を別の名前で2回書いていた（2026-10-14 にここへまとめた）
 */
.km-card__shopTag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 2px 8px 2px 2px;
    border-radius: 999px;
    background: var(--km-cream);
    color: var(--km-text);
}

/* 文字の大きさと行の高さは親から受け継ぐ（一覧カードは .km-card__shopInfo、単独の札は下の --standalone） */
.km-card__shopLabel {
    flex: 0 0 auto;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--km-accent);
    color: var(--km-white);
    font-weight: 700;
}

/* 「なし（2025年7月より定休日なしで営業）」のような長い書き方や、店名の長い特集もあるので、1行で省略する */
.km-card__shopTagText {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* カードの本文に単独で置く札（こだわり検索・AIブタチェの定休日）。カードの中の p には各ページが抜粋用の指定
   （3行で省略など）を当てているので、札は div で組む */
.km-card__shopTag--standalone {
    max-width: 100%;
    /* 左右の padding ごと親の幅に収める（これが無いと長い定休日で10pxはみ出す） */
    box-sizing: border-box;
    /* 縦並びの flex の中に置くと、inline-flex でも親の幅まで伸びる（AIブタチェのカード）。中身の幅に収める */
    align-self: flex-start;
    margin: 6px 0;
    font-size: var(--km-font-label);
    line-height: 18px;
}