/*
Theme Name: PsychicAdvisors
Author: PsychicAdvisors
Version: 0.1.0
Text Domain: psychicadvisors
*/

:root{
	--pa-bg:#07060a;
	--pa-surface:#0f0b16;
	--pa-purple:#5a2ea6;
	--pa-gold:#d8b56a;
	--pa-text:#f2eefc;
	--pa-muted:#b7a9d6;
	--pa-border:rgba(216,181,106,.22);
}

html,body{background:var(--pa-bg); color:var(--pa-text);}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.5; margin:0;}
a{color:var(--pa-gold); text-decoration:none;}
a:hover{text-decoration:underline;}
.pa-container{width:min(1120px,92vw); margin:0 auto;}
.pa-btn{display:inline-flex; gap:.5rem; align-items:center; justify-content:center; padding:.9rem 1.1rem; border-radius:14px; border:1px solid var(--pa-border); background:linear-gradient(180deg, rgba(90,46,166,.35), rgba(15,11,22,.9)); color:var(--pa-text); cursor:pointer; text-decoration:none;}
.pa-btn--primary{background:linear-gradient(180deg, rgba(216,181,106,.30), rgba(90,46,166,.35)); border-color:rgba(216,181,106,.45);}
.pa-card{background:linear-gradient(180deg, rgba(15,11,22,.92), rgba(7,6,10,.95)); border:1px solid var(--pa-border); border-radius:18px; padding:18px;}
.pa-grid{display:grid; gap:18px;}
.pa-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width: 900px){.pa-grid--3{grid-template-columns:1fr;}}

/* Coming soon modal */
.pa-modal{position:fixed; inset:0; display:none; z-index:9999;}
.pa-modal.is-open{display:block;}
.pa-modal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.70); backdrop-filter:blur(4px); opacity:0; transition:opacity .18s ease;}
.pa-modal__panel{position:relative; width:min(520px,92vw); margin:14vh auto 0; background:linear-gradient(180deg, rgba(15,11,22,.98), rgba(7,6,10,.98)); border:1px solid rgba(216,181,106,.35); border-radius:22px; padding:22px; transform:translateY(8px) scale(.98); opacity:0; transition:transform .18s ease, opacity .18s ease;}
.pa-modal.is-open .pa-modal__backdrop{opacity:1;}
.pa-modal.is-open .pa-modal__panel{transform:translateY(0) scale(1); opacity:1;}
.pa-modal__x{position:absolute; top:10px; right:12px; width:36px; height:36px; border-radius:12px; border:1px solid var(--pa-border); background:transparent; color:var(--pa-text); cursor:pointer;}
.pa-modal__btn{margin-top:14px;}
.pa-modal-lock{overflow:hidden;}