/* ==========================================================================
   Prize Wheel — page theme
   Scoped to body.page-prize-wheel. External only.
   "Spin to win / carnival" identity: orange primary + violet accent.
   Surfaces/text follow the site theme (var --theme-*) with light fallbacks;
   accents stay per-page identity.
   ========================================================================== */

.page-prize-wheel {
    --prz-ink:      var(--theme-surface-text, #2a1608);
    --prz-muted:    var(--theme-muted, #6b5947);
    --prz-surface:  var(--theme-surface, #ffffff);
    --prz-soft:     var(--theme-surface, #fff5ec);
    --prz-soft-2:   var(--theme-surface, #ffe9d6);
    --prz-border:   var(--theme-border, #f3ddc7);
    /* Fixed identity accents (kept in every theme) */
    --prz-primary:  #ea580c;
    --prz-primary-2:#c2410c;
    --prz-accent:   #7c3aed;
    --prz-gold:     #d97706;
    --prz-ring:     rgba(234, 88, 12, 0.24);
    --prz-shadow:   0 18px 45px -22px rgba(120, 50, 12, 0.5);
    --prz-grad:     linear-gradient(135deg, #fb923c, #ea580c);
    --prz-accent-grad: linear-gradient(135deg, #a855f7, #7c3aed);
}

/* ---- Ambient backdrop ---------------------------------------------------- */
.page-prize-wheel::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(1100px 560px at 10% -6%, rgba(234, 88, 12, 0.10), transparent 60%),
        radial-gradient(950px 520px at 96% 2%, rgba(124, 58, 237, 0.09), transparent 62%),
        radial-gradient(880px 640px at 50% 108%, rgba(194, 65, 12, 0.06), transparent 60%);
}

/* ================= SEO CONTENT (.prz-content + .content-guide) ============ */
.page-prize-wheel .prz-content {
    color: var(--prz-ink);
    background: linear-gradient(180deg, #ffffff 0%, #fff7f0 100%);
    padding: 3.5rem 0 3.75rem;
}
.page-prize-wheel .prz-inner { max-width: 860px; margin: 0 auto; padding: 0 1rem; }
.page-prize-wheel .prz-content h2,
.page-prize-wheel .prz-content h3 { color: var(--prz-ink); }
.page-prize-wheel .prz-content p,
.page-prize-wheel .prz-content li { color: var(--prz-muted); }
.page-prize-wheel .prz-content strong { color: var(--prz-ink); }
.page-prize-wheel .prz-content a { color: var(--prz-primary); text-decoration: underline; text-underline-offset: 2px; }
.page-prize-wheel .prz-content a:hover { color: var(--prz-primary-2); }
.page-prize-wheel .prz-kicker {
    display: inline-block; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em;
    text-transform: uppercase; color: #fff; background: var(--prz-grad);
    border-radius: 999px; padding: 0.3rem 0.75rem; margin-bottom: 0.85rem;
}
.page-prize-wheel .prz-lead { font-size: 1.2rem; line-height: 1.7; color: var(--prz-ink); }
.page-prize-wheel .prz-section { margin-top: 3rem; }

.page-prize-wheel .prz-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.page-prize-wheel .prz-card {
    background: var(--prz-surface); border: 1px solid var(--prz-border); border-radius: 14px; padding: 1.2rem;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.page-prize-wheel .prz-card:hover { transform: translateY(-3px); box-shadow: var(--prz-shadow); }
.page-prize-wheel .prz-card .prz-ic {
    width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; font-size: 1.15rem;
    margin-bottom: 0.7rem; color: #fff; background: var(--prz-grad);
}
.page-prize-wheel .prz-card:nth-child(3n) .prz-ic,
.page-prize-wheel .prz-card:nth-child(3n-1) .prz-ic { background: var(--prz-accent-grad); }
.page-prize-wheel .prz-card h3 { font-size: 1rem; margin: 0 0 0.35rem; }
.page-prize-wheel .prz-card p { margin: 0; font-size: 0.92rem; }

.page-prize-wheel .prz-steps { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 0.9rem; }
.page-prize-wheel .prz-step {
    display: flex; gap: 1rem; align-items: flex-start; background: var(--prz-soft);
    border: 1px solid var(--prz-border); border-radius: 14px; padding: 1.05rem 1.2rem;
}
.page-prize-wheel .prz-step-num {
    flex-shrink: 0; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%;
    font-weight: 800; color: #fff; background: var(--prz-grad);
}
.page-prize-wheel .prz-step p { margin: 0.1rem 0 0; }

.page-prize-wheel .prz-table-wrap { margin-top: 1.5rem; overflow-x: auto; border: 1px solid var(--prz-border); border-radius: 14px; }
.page-prize-wheel .prz-table { width: 100%; border-collapse: collapse; min-width: 580px; background: var(--prz-surface); }
.page-prize-wheel .prz-table th, .page-prize-wheel .prz-table td {
    text-align: left; padding: 0.8rem 1rem; border-bottom: 1px solid var(--prz-border); font-size: 0.95rem;
}
.page-prize-wheel .prz-table thead th {
    background: var(--prz-soft-2); color: var(--prz-ink); font-weight: 800; font-size: 0.82rem;
    letter-spacing: 0.03em; text-transform: uppercase;
}
.page-prize-wheel .prz-table tbody tr:last-child td { border-bottom: 0; }
.page-prize-wheel .prz-table td:first-child { font-weight: 700; color: var(--prz-ink); white-space: nowrap; }
.page-prize-wheel .prz-note { margin-top: 0.9rem; font-size: 0.95rem; color: var(--prz-muted); }

.page-prize-wheel .prz-content .accordion { margin-top: 1.5rem; border-radius: 14px; overflow: hidden; border: 1px solid var(--prz-border); }
.page-prize-wheel .prz-content .accordion-item { border: 0; border-bottom: 1px solid var(--prz-border); background: var(--prz-surface); }
.page-prize-wheel .prz-content .accordion-item:last-child { border-bottom: 0; }
.page-prize-wheel .prz-content .accordion-button { font-weight: 700; color: var(--prz-ink); background: var(--prz-surface); }
.page-prize-wheel .prz-content .accordion-button:not(.collapsed) { color: var(--prz-primary); background: var(--prz-soft); box-shadow: none; }
.page-prize-wheel .prz-content .accordion-button:focus { box-shadow: 0 0 0 0.2rem var(--prz-ring); }
.page-prize-wheel .prz-content .accordion-body { color: var(--prz-muted); }

/* Themed-mode fix for the literal-gradient content background (default theme unchanged). */
body[data-theme].page-prize-wheel .prz-content { background: var(--theme-bg); }

/* ---- Responsive ---------------------------------------------------------- */
@media (max-width: 767.98px) {
    .page-prize-wheel .prz-cards { grid-template-columns: 1fr; }
    .page-prize-wheel .prz-content { padding: 2.5rem 0; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-prize-wheel .prz-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- Motion / accessibility --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .page-prize-wheel .prz-card { transition: none !important; }
}