/*
Theme Name: OnlyFans Creator OnePage
Theme URI: https://example.com/onlyfans-creator-onepage
Author: ChatGPT (for GAV SIMS)
Author URI: https://example.com
Description: Modern, mobile-first one-page theme for creators selling photos and videos (with 18+ age gate, blurred previews, subscription modal, and socials). No builder required.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: of-creator-onepage
*/

/* Basic adjustments for Tailwind CDN + dark background */
:root { color-scheme: dark; }
html, body { height: 100%; }
body { background: #0a0a0a; color: #fafafa; }
a { text-decoration: none; }
.blur-lock { filter: blur(6px); transform: scale(1.03); }
.card { border: 1px solid rgba(255,255,255,0.08); border-radius: 1rem; background: rgba(255,255,255,0.03); backdrop-filter: blur(6px); }
.btn-base { border-radius: 9999px; font-weight: 600; padding: 0.75rem 1.25rem; transition: all .2s ease; box-shadow: 0 1px 0 rgba(0,0,0,.3); }
.btn-primary { background: #f59e0b; color: #000; }
.btn-primary:hover { background: #fbbf24; }
.btn-outline { border: 1px solid rgba(255,255,255,.4); color: #fff; }
.btn-outline:hover { background: rgba(255,255,255,.1); }
.btn-ghost { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.badge { display:inline-flex; align-items:center; gap:.35rem; background:#fff; color:#000; border-radius:9999px; padding:.25rem .5rem; font-size:.75rem; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#age-gate { position: fixed; inset: 0; display: none; place-items: center; background: rgba(0,0,0,.9); z-index: 9999; }
#age-gate.active { display: grid; }
.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.7); display:none; z-index: 60; }
.modal { position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width: 92%; max-width: 520px; background: #0f0f10; border:1px solid rgba(255,255,255,.1); border-radius: 1rem; padding: 1rem; display:none; z-index: 70; }
.modal.active, .modal-backdrop.active { display:block; }
.tabs [role=tab] { padding:.5rem .875rem; border-radius: .75rem; border:1px solid rgba(255,255,255,.15); }
.tabs [role=tab][aria-selected=true] { background:#18181b; }
.grid-cards { display:grid; gap:1rem; grid-template-columns: repeat(1, minmax(0,1fr)); }
@media (min-width: 640px){ .grid-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px){ .grid-cards.photos { grid-template-columns: repeat(4, minmax(0,1fr)); } .grid-cards.videos { grid-template-columns: repeat(3, minmax(0,1fr)); } }
*/