/*
Theme Name: LuckyAgain365 Lottery
Theme URI: https://lottery.luckyagain365.com/
Author: Hermes Agent
Description: WordPress theme skeleton for LuckyAgain365 Lottery site.
Version: 0.1.0
Text Domain: luckyagain365-lottery
*/

:root {
  --lot-bg: #07111f;
  --lot-panel: #0f172a;
  --lot-card: #142235;
  --lot-card-2: #10243b;
  --lot-text: #e2e8f0;
  --lot-muted: #94a3b8;
  --lot-line: #1e3a5f;
  --lot-primary: #f59e0b;
  --lot-secondary: #22d3ee;
  --lot-glow: linear-gradient(135deg, rgba(34,211,238,.12), rgba(245,158,11,.12));
}
body { margin:0; font-family: Inter, Arial, sans-serif; background:radial-gradient(circle at top, #10203a 0%, var(--lot-bg) 42%); color:var(--lot-text); line-height:1.7; }
a { color: var(--lot-secondary); }
a:hover { color: #67e8f9; }
.site-shell { max-width: 1180px; margin: 0 auto; padding: 20px 20px 48px; }
.site-shell-compact { padding-top: 0; }
.section-card { background: var(--lot-card); border:1px solid var(--lot-line); border-radius:24px; padding:24px; margin-bottom:20px; box-shadow: 0 24px 60px rgba(2,6,23,.24); }
.hero-title { font-size: clamp(2rem, 4vw, 3.4rem); margin:0 0 14px; line-height:1.04; letter-spacing:-0.03em; }
.btn-pill { display:inline-block; padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:700; transition: transform .18s ease, box-shadow .18s ease; }
.btn-pill:hover { transform: translateY(-1px); box-shadow: 0 10px 30px rgba(15,23,42,.25); }
.btn-primary { background:var(--lot-primary); color:#451a03; }
.btn-secondary { background:rgba(34,211,238,.16); color:#d8f8ff; border:1px solid rgba(34,211,238,.25); }
.cta-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.cards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.eyebrow, .lot-kicker, .lot-preview-kicker, .lot-product-chip, .lot-step-index { display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#cbd5e1; }
.lot-topbar { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; padding:16px 18px; }
.lot-brand-lockup { display:flex; flex-direction:column; gap:4px; }
.lot-brand-lockup strong { font-size:1.02rem; }
.lot-brand-lockup span { color:var(--lot-muted); font-size:.9rem; }
.lot-topnav { display:flex; flex-wrap:wrap; gap:8px; }
.lot-topnav a { text-decoration:none; color:var(--lot-text); border:1px solid var(--lot-line); background:rgba(15,23,42,.55); border-radius:999px; padding:9px 12px; font-size:.95rem; }
.lot-topnav a:hover { background:rgba(34,211,238,.08); }
.lot-hero-card { display:grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap:20px; align-items:center; background: linear-gradient(135deg, rgba(34,211,238,.08), rgba(245,158,11,.08)), var(--lot-card); }
.lot-hero-card-compact { padding:24px; }
.lot-hero-copy p { max-width: 62ch; color:#dbe6f2; font-size:1rem; margin:0; }
.lot-hero-preview { background: rgba(7,17,31,.76); border:1px solid rgba(148,163,184,.18); border-radius:22px; padding:18px; }
.lot-hero-preview strong { display:block; font-size:1.28rem; margin:10px 0 8px; }
.lot-hero-preview p { margin:0 0 14px; color:var(--lot-muted); }
.lot-hero-preview-figure { margin:0 0 14px; }
.lot-hero-preview-figure img { width:100%; height:auto; display:block; border-radius:16px; border:1px solid rgba(148,163,184,.14); background:rgba(7,17,31,.72); }
.lot-hero-bullets { margin:0; padding-left:18px; color:#dbe6f2; }
.lot-hero-bullets li + li { margin-top:6px; }
.lot-surface { background: var(--lot-glow), var(--lot-card); }
.lot-generator-section { scroll-margin-top: 18px; }
.lot-section-intro { margin-bottom:16px; }
.lot-section-intro-tight h2 { margin:8px 0 8px; font-size:clamp(1.35rem, 2.2vw, 1.9rem); line-height:1.1; }
.lot-section-intro p { margin:0; color:var(--lot-muted); max-width:70ch; }
.lot-step-grid, .lot-product-grid, .lot-resource-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.lot-region-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.lot-step-card, .lot-product-card, .lot-resource-card, .lot-faq-card, .lot-region-card { border:1px solid rgba(148,163,184,.15); background: rgba(7,17,31,.55); border-radius:20px; padding:18px; color:var(--lot-text); text-decoration:none; }
.lot-step-card h3, .lot-product-card strong, .lot-resource-card strong, .lot-faq-card h3 { display:block; font-size:1.08rem; margin:10px 0 10px; }
.lot-step-card p, .lot-product-card p, .lot-resource-card p, .lot-faq-card p { margin:0; color:var(--lot-muted); }
.lot-product-card, .lot-resource-card, .lot-region-card { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.lot-product-card:hover, .lot-resource-card:hover, .lot-region-card:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.4); background: rgba(10,21,38,.9); }
.lot-product-chip { margin-bottom:6px; }
.lot-product-grid-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lot-product-card-compact { min-height: 0; }
.lot-product-card-compact strong { font-size: 1.05rem; }
.lot-product-card-compact p { min-height: 66px; }
.lot-product-figure { margin:0 0 12px; }
.lot-product-figure img { width:100%; height:auto; display:block; border-radius:16px; border:1px solid rgba(148,163,184,.14); background:rgba(7,17,31,.72); }
.lot-region-head h3 { margin: 8px 0 0; font-size: 1.08rem; }
.lot-region-link { margin: 12px 0 14px; }
.lot-region-link a { font-weight: 700; color: #f8d585; text-decoration: none; }
.lot-region-draw-list { margin: 0; padding-left: 18px; color: var(--lot-text); }
.lot-region-draw-list li + li { margin-top: 8px; }
.lot-region-draw-list a { text-decoration: none; }
.lot-ad-slot { border: 1px dashed rgba(148,163,184,.3); border-radius: 20px; background: rgba(7,17,31,.34); margin: 18px 0 0; display:flex; align-items:center; justify-content:center; }
.lot-ad-slot-inner { padding: 16px 18px; text-align: center; }
.lot-ad-slot strong { display:block; margin: 6px 0 6px; font-size: 1rem; }
.lot-ad-slot p { margin:0; color: var(--lot-muted); }
.lot-ad-slot.is-disabled { opacity: .92; }
.lot-product-cta { display:block; margin-top:14px; color:#f8d585; font-weight:700; }
.lot-reading-card { background: rgba(15,23,42,.82); }
.lot-share-panel { display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap; }
.lot-share-actions { display:flex; flex-wrap:wrap; gap:12px; }
.lot-archive-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:24px; align-items:center; }
.lot-archive-copy p { margin:0; color:var(--lot-muted); max-width:62ch; }
.lot-archive-figure { margin:0; }
.lot-archive-figure img { width:100%; height:auto; display:block; border-radius:18px; }
.lag-lottery-generator iframe { width:100%; min-height:760px; border:0; border-radius:20px; background:#07111f; display:block; }
.lag-lottery-generator { border:1px solid rgba(148,163,184,.14); border-radius:24px; padding:8px; background:rgba(7,17,31,.55); overflow:hidden; }
@media (max-width: 900px) {
  .lot-hero-card { grid-template-columns: 1fr; }
  .lot-product-grid-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .site-shell { padding: 14px 14px 32px; }
  .section-card { padding:18px; border-radius:20px; }
  .lot-topnav { gap:8px; }
  .lot-topnav a { padding:8px 11px; font-size:.9rem; }
  .lot-share-panel { align-items:flex-start; }
  .hero-title { font-size: clamp(1.75rem, 8vw, 2.5rem); }
}
