/* 
 * lottery.css - Styles for individual lottery landing pages
 * History tables, stats widgets, and calculators.
 */
.lottery-page-header {
    background: #fff;
    padding: 3rem 0;
    margin-bottom: 3rem;
    border-bottom: 1px solid #e2e8f0;
}
.lottery-hero-grid {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 2rem;
    align-items: center;
}
.lottery-card-main {
    background: #fff;
    border-radius: var(--radius-lg);
    border: 1px solid #e2e8f0;
    padding: 2.5rem;
    text-align: center;
    box-shadow: var(--shadow-lg);
}
.history-table-section {
    background: #fff;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid #e2e8f0;
}
.big-result-number {
    font-size: 5rem;
    font-weight: 900;
    color: var(--primary);
}
/* Stats Badges */
.stat-badge {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 700;
}
.stat-hot { background: #fee2e2; color: #991b1b; }
.stat-cold { background: #dcfce7; color: #166534; }
@media (max-width: 768px) {
    .lottery-hero-grid { grid-template-columns: 1fr; text-align: center; gap: 1rem !important; }
    .lottery-page-header { padding: 2rem 1rem !important; margin-bottom: 2rem !important; }
    .lottery-page-header h1 { font-size: 1.5rem !important; margin-bottom: 0.5rem !important; }
    .lottery-page-header p { font-size: 0.85rem !important; margin-bottom: 1rem !important; }
    
    .lottery-card-main { padding: 1.25rem !important; }
    .lottery-card-main h2 { font-size: 1.15rem !important; margin-bottom: 1rem !important; }
    .big-result-number { font-size: 3rem !important; margin: 1rem 0 !important; }
    
    .history-table-section { margin-top: 2rem !important; }
    
    .stat-badge { font-size: 0.85rem !important; padding: 0.4rem 0.75rem !important; }
    .accordion-header h4 { font-size: 0.95rem !important; }
    .accordion-inner h5 { font-size: 1rem !important; margin-bottom: 0.5rem !important; margin-top: 1rem !important; }
    .accordion-inner p { font-size: 0.85rem !important; line-height: 1.5 !important; }
}