/*
Theme Name: Online Darbar
Theme URI: https://example.com/
Author: OpenAI
Description: Premium responsive astrology and horoscope WordPress theme.
Version: 3.0.0
Requires at least: 5.8
Tested up to: 6.8
License: GPL-2.0-or-later
Text Domain: astro-jyotish
*/
:root{--navy:#090b22;--purple:#32145f;--gold:#e8bd62;--cream:#fff8e8;--muted:#a9a8bd;--card:#141635}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--navy);color:#fff;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,34,.94);backdrop-filter:blur(12px);border-bottom:1px solid #29284b}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:25px;font-weight:800;letter-spacing:.4px}.brand span{color:var(--gold)}.nav{display:flex;gap:22px;align-items:center}.nav a{color:#ddd;font-size:14px}.nav a:hover{color:var(--gold)}
.hero{padding:95px 0 75px;background:radial-gradient(circle at 75% 30%,#6d3ab855,transparent 35%),radial-gradient(circle at 20% 80%,#b9872740,transparent 30%),linear-gradient(135deg,#0a0c29,#211044 55%,#090b22);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:16px 0}.hero p{color:#cbc9dc;max-width:620px;font-size:18px}.btn{display:inline-block;background:linear-gradient(135deg,#f2cb70,#c38a2d);color:#17101d;padding:13px 22px;border-radius:999px;font-weight:800;margin-top:18px;box-shadow:0 10px 30px #0005}.btn.alt{background:transparent;border:1px solid #ffffff35;color:#fff;margin-left:10px}.zodiac-orbit{height:330px;width:330px;margin:auto;border:1px solid #e8bd6255;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 80px #8d52db33,inset 0 0 50px #8d52db22}.sun{height:115px;width:115px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffe39a,#c27d2c);font-size:54px;box-shadow:0 0 50px #e8bd6288}.orbit-text{position:absolute;font-size:28px}.section{padding:75px 0}.section.alt-bg{background:#0e102d}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:38px;margin:5px 0}.section-title p{color:var(--muted)}.grid-12{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.zodiac{background:linear-gradient(145deg,#171a40,#11132f);border:1px solid #ffffff10;border-radius:18px;padding:22px;text-align:center;transition:.2s}.zodiac:hover{transform:translateY(-4px);border-color:#e8bd6266}.zodiac .symbol{font-size:42px;color:var(--gold)}.zodiac h3{margin:8px 0 2px}.zodiac small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);padding:28px;border-radius:20px;border:1px solid #ffffff0d}.icon{font-size:30px;color:var(--gold)}.card h3{margin:10px 0}.card p{color:#b8b7ca}.horoscope{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.horoscope .card{position:relative;overflow:hidden}.badge{display:inline-block;color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.footer{background:#060719;border-top:1px solid #272646;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{margin-top:0}.footer p,.footer a{color:#a9a8bd;font-size:14px}.copyright{border-top:1px solid #22233d;margin-top:35px;padding-top:18px;text-align:center;color:#777890;font-size:13px}.menu-toggle{display:none}
@media(max-width:800px){.nav{display:none}.menu-toggle{display:block;color:#fff;background:none;border:0;font-size:25px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero p{margin:auto}.zodiac-orbit{height:260px;width:260px}.grid-12{grid-template-columns:repeat(2,1fr)}.cards,.horoscope{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.grid-12{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero{padding-top:65px}.btn.alt{margin-left:0}}

.form-wrap{max-width:850px;margin:auto;background:linear-gradient(145deg,#171a40,#10122e);border:1px solid #ffffff12;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0004}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-weight:700;font-size:14px;color:#e9e7f3}.form-field input,.form-field select,.form-field textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #ffffff18;background:#0c0e28;color:#fff;outline:none;font:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#e8bd62}.form-field textarea{min-height:120px;resize:vertical}.form-note{color:#9695aa;font-size:12px;margin-top:12px}.form-success{max-width:850px;margin:0 auto 20px;padding:15px 18px;border-radius:12px;background:#173d31;border:1px solid #3b8d70;color:#d9fff1}.astrologer-box{display:grid;grid-template-columns:120px 1fr;gap:25px;align-items:center;max-width:850px;margin:auto;background:#141635;border:1px solid #ffffff10;border-radius:22px;padding:25px}.astrologer-avatar{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffe39a,#9a6327);font-size:48px}.pill{display:inline-block;border:1px solid #e8bd6244;color:#e8bd62;border-radius:999px;padding:5px 10px;font-size:12px;margin:3px}
@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.astrologer-box{grid-template-columns:1fr;text-align:center}.astrologer-avatar{margin:auto}}

.booking-box{max-width:900px;margin:auto;background:linear-gradient(145deg,#171a40,#0e102c);border:1px solid #ffffff12;border-radius:24px;padding:32px;box-shadow:0 20px 70px #0005}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-grid .full{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{background:#080a22}.whatsapp-btn{display:inline-block;background:#1da851;color:#fff!important;padding:13px 22px;border-radius:999px;font-weight:800;margin-top:12px}.price{font-size:32px;font-weight:900;color:#e8bd62}.booking-note{color:#9d9bb2;font-size:13px;margin-top:8px}.admin-help{font-size:13px;color:#88879c}
@media(max-width:650px){.booking-grid{grid-template-columns:1fr}.booking-grid .full{grid-column:auto}}