/**
 * QuickTools — Lottery Premium Styles
 * assets/css/nqt-lottery-premium.css
 */

/* ═══ CONTAINER ═══ */
.lottery-premium {
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ═══ JACKPOT BANNER ═══ */
.lottery-jackpot-banner {
    position: relative;
    background: linear-gradient(135deg, #1a0040, #2d0070, #1a0040);
    border-radius: var(--radius-2xl);
    padding: var(--space-8) var(--space-6);
    text-align: center;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(139, 92, 246, 0.4);
}

.lottery-jackpot-banner__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 50%, rgba(139,92,246,0.3) 0%, transparent 70%);
    pointer-events: none;
}

.lottery-jackpot-banner__label {
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.7);
    margin: 0 0 var(--space-2);
}

.lottery-jackpot-banner__amount {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-1);
}

.lottery-jackpot-banner__amount #lotteryJackpotQc {
    font-size: clamp(2.5rem, 8vw, 4rem);
    font-weight: 900;
    color: #F59E0B;
    text-shadow: 0 0 20px rgba(245,158,11,0.5);
    font-variant-numeric: tabular-nums;
}

.lottery-jackpot-banner__unit {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: rgba(255,255,255,0.8);
}

.lottery-jackpot-banner__usd {
    font-size: var(--font-size-base);
    color: rgba(255,255,255,0.6);
    margin: 0;
}

/* Particules décoratives */
.lottery-jackpot-banner::before,
.lottery-jackpot-banner::after {
    content: '✦';
    position: absolute;
    color: rgba(245,158,11,0.3);
    font-size: 24px;
    animation: lottery-float 3s ease-in-out infinite;
}
.lottery-jackpot-banner::before { top: 20%; left: 10%; animation-delay: 0s; }
.lottery-jackpot-banner::after  { top: 30%; right: 12%; animation-delay: 1.5s; }

@keyframes lottery-float {
    0%, 100% { transform: translateY(0); opacity: 0.3; }
    50%       { transform: translateY(-8px); opacity: 0.7; }
}

/* ═══ STATS ═══ */
.lottery-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-3);
}

.lottery-stat-card {
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    text-align: center;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
}

.lottery-stat-card--accent {
    background: var(--accent-bg);
    border-color: var(--accent-light);
}

.lottery-stat-card__value {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: var(--space-1);
    font-variant-numeric: tabular-nums;
}

.lottery-stat-card--accent .lottery-stat-card__value {
    color: var(--accent);
}

.lottery-stat-card__label {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    font-weight: 500;
}

/* ═══ COUNTDOWN ═══ */
.lottery-countdown-section {
    background: var(--bg-secondary);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    text-align: center;
}

.lottery-countdown-label {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    font-weight: 500;
    margin: 0 0 var(--space-3);
}

.lottery-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.lottery-countdown__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-4);
    min-width: 64px;
    box-shadow: var(--shadow-sm);
}

.lottery-countdown__val {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.lottery-countdown__unit {
    font-size: 11px;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lottery-countdown__sep {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--text-tertiary);
    margin-bottom: 10px;
}

.lottery-draw-date {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    margin: 0;
}

/* ═══ BUY SECTION ═══ */
.lottery-buy-section {}

.lottery-buy-card {
    background: var(--bg-primary);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.lottery-buy-card__wallet {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-3);
}

.lottery-buy-card__wallet strong {
    color: var(--text-primary);
    font-weight: 700;
}

.lottery-btn-buy {
    font-size: var(--font-size-base);
    padding: var(--space-3) var(--space-5);
    justify-content: center;
}

.lottery-buy-card__notice {
    text-align: center;
    font-size: var(--font-size-xs);
    color: var(--text-tertiary);
    margin: 0;
}

.lottery-buy-card__notice a {
    color: var(--accent);
    text-decoration: none;
}

.lottery-closed-notice {
    text-align: center;
    padding: var(--space-4);
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-weight: 500;
}

.lottery-guest-notice {
    text-align: center;
    padding: var(--space-5);
}

/* ═══ MES TICKETS ═══ */
.lottery-my-tickets {
    background: var(--bg-secondary);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
}

.lottery-my-tickets__title {
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-3);
}

.lottery-tickets-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.lottery-ticket {
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    color: white;
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-3);
    box-shadow: var(--shadow-accent);
    transition: transform var(--transition-fast);
}

.lottery-ticket:hover { transform: scale(1.05); }

.lottery-ticket__num {
    font-size: var(--font-size-sm);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.lottery-my-tickets__odds {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    margin: 0;
}

/* ═══ HISTORIQUE ═══ */
.lottery-history {
    background: var(--bg-primary);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    box-shadow: var(--shadow-sm);
}

.lottery-section-title {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-4);
}

.lottery-history-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.lottery-history-row {
    display: grid;
    grid-template-columns: 1fr auto auto 1fr;
    gap: var(--space-3);
    align-items: center;
    padding: var(--space-3);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
}

.lottery-history-row__date { color: var(--text-secondary); }
.lottery-history-row__tickets { color: var(--text-primary); font-weight: 500; }
.lottery-history-row__jackpot { color: var(--success); font-weight: 600; }
.lottery-history-row__winner { text-align: right; font-weight: 500; color: var(--text-primary); }

.lottery-ticket-badge {
    background: var(--bg-tertiary);
    padding: 1px 6px;
    border-radius: var(--radius-full);
    font-size: 11px;
    color: var(--text-secondary);
    margin-left: var(--space-1);
}

.lottery-no-winner { color: var(--text-tertiary); font-style: italic; }

/* ═══ INFO NOTE ═══ */
.lottery-info-note {
    background: rgba(239,68,68,0.05);
    border: 1px solid rgba(239,68,68,0.15);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
}

.lottery-info-note p {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 640px) {
    .lottery-stats-row { grid-template-columns: 1fr 1fr; }
    .lottery-stats-row .lottery-stat-card:last-child { grid-column: 1/-1; }
    .lottery-countdown__block { min-width: 52px; padding: var(--space-2); }
    .lottery-countdown__val { font-size: var(--font-size-xl); }
    .lottery-history-row { grid-template-columns: 1fr 1fr; }
    .lottery-history-row__jackpot,
    .lottery-history-row__winner { text-align: left; }
}

/* ═══ DARK MODE ═══ */
[data-theme="dark"] .lottery-buy-card { background: var(--bg-secondary); }
[data-theme="dark"] .lottery-history { background: var(--bg-secondary); }
[data-theme="dark"] .lottery-countdown__block { background: var(--bg-tertiary); }