/**
 * daily-win-tracker.css — Styles dédiés au Daily Win Tracker
 * Classes communes .games-* et .gm-* → dans games.css uniquement
 * Bootstrap 5 prioritaire — n'ajouter ici que ce qui n'existe pas ailleurs
 */

/* ── Calendrier 7 jours ───────────────────────────────────────────────────── */
.dwt-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .4rem;
    margin-bottom: 1rem;
}

.dwt-cal-day {
    text-align: center;
    padding: .5rem .2rem;
    border-radius: 8px;
    border: 2px solid var(--line, #e5e7eb);
    background: var(--bg-soft, #f6f7fb);
    transition: border-color .2s, background .2s;
}

.dwt-cal-day.is-done {
    border-color: #10b981;
    background: #ecfdf5;
}

.dwt-cal-day.is-today {
    border-color: #6366f1;
    background: #eef2ff;
    font-weight: 700;
}

.dwt-cal-day.is-today.is-done {
    border-color: #10b981;
    background: #d1fae5;
}

.dwt-cal-date {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    color: var(--muted, #6b7280);
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dwt-cal-icon {
    display: block;
    font-size: 1.15rem;
    line-height: 1;
}

/* ── Carte "wins du jour validés" ────────────────────────────────────────── */
.dwt-done-card {
    background: #ecfdf5;
    border: 2px solid #10b981;
    border-radius: 10px;
    padding: 1rem 1.1rem;
}

/* ── Badges streak ───────────────────────────────────────────────────────── */
.dwt-badges-title {
    font-size: .72rem;
    letter-spacing: .07em;
    color: var(--muted, #6b7280);
}

.dwt-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    padding: .55rem .7rem;
    border-radius: 10px;
    border: 2px solid var(--line, #e5e7eb);
    background: var(--bg-soft, #f6f7fb);
    opacity: .4;
    transition: opacity .25s, border-color .25s, background .25s;
    min-width: 70px;
    text-align: center;
    cursor: default;
}

.dwt-badge.is-earned {
    opacity: 1;
    border-color: #6366f1;
    background: #eef2ff;
}

.dwt-badge-emoji {
    font-size: 1.4rem;
    line-height: 1;
}

.dwt-badge-label {
    font-size: .68rem;
    font-weight: 700;
    color: var(--text, #111);
}

.dwt-badge-req {
    font-size: .62rem;
    color: var(--muted, #6b7280);
}

.dwt-badge.is-earned .dwt-badge-req {
    color: #059669;
    font-weight: 700;
}

/* ── Dark mode ───────────────────────────────────────────────────────────── */
[data-theme="dark"] .dwt-cal-day           { background: #232735; border-color: #2f3445; }
[data-theme="dark"] .dwt-cal-day.is-done  { background: #064e3b; border-color: #10b981; }
[data-theme="dark"] .dwt-cal-day.is-today { background: #1e1b4b; border-color: #6366f1; }
[data-theme="dark"] .dwt-cal-day.is-today.is-done { background: #064e3b; border-color: #10b981; }
[data-theme="dark"] .dwt-done-card        { background: #064e3b; border-color: #10b981; }
[data-theme="dark"] .dwt-badge            { background: #232735; border-color: #2f3445; }
[data-theme="dark"] .dwt-badge.is-earned  { background: #1e1b4b; border-color: #6366f1; }

/* ── Responsive : calendrier compact sur mobile ──────────────────────────── */
@media (max-width: 400px) {
    .dwt-cal-grid    { gap: .25rem; }
    .dwt-cal-day     { padding: .35rem .1rem; }
    .dwt-cal-date    { font-size: .55rem; }
    .dwt-cal-icon    { font-size: 1rem; }
    .dwt-badge       { min-width: 56px; padding: .4rem .45rem; }
    .dwt-badge-emoji { font-size: 1.15rem; }
}