/**
 * ティッカーバッジ（複数種類対応）
 * 修正No.20 - 2026-02-10
 * 
 * 配置先: issue_tcd106-child/css/soleil-ticker-highlight.css
 * 
 * バッジ種類:
 *   .soleil-ticker-badge-seminar → SEMINAR（ゴールド）★最も目立つ
 *   .soleil-ticker-badge-pickup  → PICK UP（ネイビー）
 *   .soleil-ticker-badge-new     → NEW!（ワインレッド）
 */

/* ----------------------------------------
 * 共通: time.date を横一列にする
 * ---------------------------------------- */
.soleil-ticker-highlight time.date {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

/* ----------------------------------------
 * 共通バッジスタイル（::after）
 * ---------------------------------------- */
.soleil-ticker-highlight time.date::after {
    display: inline-block;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

/* ----------------------------------------
 * SEMINAR（ゴールド）★最も目立つ
 * ---------------------------------------- */
.soleil-ticker-badge-seminar time.date::after {
    content: "SEMINAR";
    background: linear-gradient(135deg, #c8a24e, #a8832e);
}

/* ----------------------------------------
 * PICK UP（ネイビー）
 * ---------------------------------------- */
.soleil-ticker-badge-pickup time.date::after {
    content: "PICK UP";
    background: linear-gradient(135deg, #3d5a80, #2a4060);
}

/* ----------------------------------------
 * NEW!（ワインレッド）
 * ---------------------------------------- */
.soleil-ticker-badge-new time.date::after {
    content: "NEW!";
    background: linear-gradient(135deg, #8b3a4a, #6b2a3a);
}

/* ----------------------------------------
 * レスポンシブ
 * ---------------------------------------- */
@media (max-width: 991px) {
    .soleil-ticker-highlight time.date::after {
        font-size: 9px;
        padding: 1px 5px;
    }
}