/*
Theme Name: PROSLOT Club Blocks
Theme URI: https://example.com/proslot-club-blocks
Author: ChatGPT
Description: Theme tailored for ACF + CPT UI + Filter Everything + PostX/Elementor + Smart Slider. Includes Promotion CPT, promo_cat taxonomy, ACF-like meta fields, shortcode/grid with AJAX "Load more", and front-page ready section areas.
Version: 1.1.0
License: GPL-2.0-or-later
Text Domain: proslot-club-blocks
*/
:root{--bg:#f6f7f9;--text:#1b1f24;--muted:#6b7280;--brand:#111827;--ring:#e5e7eb;--card:#fff;--green:#16a34a}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--ring);z-index:20}
.header .bar{display:flex;align-items:center;gap:16px;padding:12px 20px;max-width:1200px;margin:0 auto}
.header .logo{display:flex;align-items:center;gap:10px}
.header .logo img{width:36px;height:36px;object-fit:contain}
.header nav ul{display:flex;gap:10px;list-style:none;margin:0 0 8px;padding:0;flex-wrap:wrap}
.header nav a{padding:8px 12px;border-radius:10px;color:var(--text)}
.header nav a.active,.header nav a:hover{background:var(--brand);color:#fff}
.hero{padding:0;margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--ring);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card .thumb{width:100%;aspect-ratio:1/1;object-fit:cover}
.card .body{padding:12px 12px 16px;text-align:center}
.card h3{margin:6px 0 4px;font-size:1rem}
.card p{margin:0;color:var(--muted);font-size:.9rem}
.btn{display:inline-block;margin-top:10px;background:var(--green);color:#fff;padding:8px 12px;border-radius:10px}
.more-wrap{text-align:center;padding:16px}
#proslot-load-more{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:10px 18px;cursor:pointer}
.section{padding:24px 0}
.footer{border-top:1px solid var(--ring);padding:20px;text-align:center;background:#fff;margin-top:20px}
.notice{background:#fff;border:1px dashed #d1d5db;padding:12px;border-radius:12px;color:#374151}