/*
Theme Name: Govind Dev Ji Mandir
Theme URI: https://example.com/
Author: Rohit Yaduvanshi
Author URI: https://example.com/
Description: Custom WordPress theme for Govind Dev Ji Mandir, Jaipur.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: govind-devji
*/

/* =========================================
   RESET
========================================= */

:root{
  --maroon:#6d1626;
  --maroon-deep:#4c0f1b;
  --gold:#c8992e;
  --gold-light:#e7c874;
  --cream:#faf1de;
  --cream-2:#f3e6c8;
  --ink:#2c1710;
  --peacock:#0e5c50;
  --white:#fffaf1;
  --radius:2px;
  --serif-hi:'Tiro Devanagari Hindi', serif;
  --serif-en:'Cormorant Garamond', serif;
  --sans-en:'Inter', sans-serif;
  --sans-hi:'Hind', sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--cream); color:var(--ink); font-family:var(--sans-hi), var(--sans-en); line-height:1.6; font-size:16px;}
img{max-width:100%; display:block;}
.wrap{max-width:1100px; margin:0 auto; padding:0 24px;}

.arch-row{display:flex; justify-content:center; line-height:0; margin:0;}
.arch-row svg{display:block;}

/* ---------- Top bar ---------- */
.topbar{background:var(--maroon-deep); color:var(--gold-light); font-size:15px; padding:8px 0;}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px;}
.topbar a{color:var(--gold-light); text-decoration:none;}
.topbar a:hover{text-decoration:underline;}
.topbar .en{opacity:.85; font-family:var(--sans-en);}

/* ---------- Header ---------- */
header.site-head{background:var(--maroon); color:var(--white); padding:26px 0 0; position:relative;}
.head-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-bottom:22px;}
.brand{display:flex; align-items:center; gap:16px;}
.brand-mark{width:56px; height:56px; flex:none;}
.brand-text h1{font-family:var(--serif-hi); font-size:26px; font-weight:600; letter-spacing:.3px; color:var(--gold-light);}
.brand-text .sub{font-family:var(--sans-en); font-size:13px; color:var(--cream-2); letter-spacing:.5px; margin-top:2px;}
nav.main-nav{display:flex; gap:22px; flex-wrap:wrap;}
nav.main-nav a{color:var(--cream-2); text-decoration:none; font-family:var(--sans-en); font-size:16px; letter-spacing:.2px; border-bottom:1px solid transparent; padding-bottom:3px;}
nav.main-nav a:hover{color:var(--gold-light); border-color:var(--gold);}

/* ---------- Hero ---------- */
.hero{background:radial-gradient(ellipse at 50% 0%, rgba(200,153,46,.25), transparent 55%), var(--maroon-deep); color:var(--white); padding:56px 0 46px; position:relative; overflow:hidden;}
.hero-grid{display:grid; grid-template-columns:1fr 320px; gap:48px; align-items:center;}
.hero-copy .kicker{font-family:var(--sans-en); font-size:13px; letter-spacing:2px; color:var(--gold-light); margin-bottom:16px;}
.hero-copy h2{font-family:var(--serif-hi); font-size:clamp(30px,5vw,48px); color:var(--white); line-height:1.18; margin-bottom:10px;}
.hero-copy h2 .accent{color:var(--gold-light);}
.hero-copy .hero-en{font-family:var(--serif-en); font-style:italic; font-size:clamp(17px,2.6vw,22px); color:var(--cream-2); margin-bottom:18px;}
.hero-copy .hero-desc{max-width:560px; color:var(--cream-2); font-size:16px; margin-bottom:24px;}
.hero-copy .hero-desc .hi{display:block; margin-bottom:6px;}
.hero-copy .hero-desc .en{display:block; font-family:var(--sans-en); opacity:.85;}
.hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
.btn{display:inline-block; padding:14px 24px; font-family:var(--sans-en); font-size:16px; letter-spacing:.4px; text-decoration:none; border-radius:var(--radius); border:1px solid transparent;}
.btn-gold{background:var(--gold); color:var(--maroon-deep); font-weight:600;}
.btn-gold:hover{background:var(--gold-light);}
.btn-outline{border-color:var(--gold-light); color:var(--gold-light);}
.btn-outline:hover{background:rgba(231,200,116,.1);}

.hero-photo{position:relative;}
.hero-photo .frame{border:1px solid rgba(231,200,116,.4); padding:10px; background:rgba(255,255,255,.04); border-radius:var(--radius);}
.hero-photo img{width:100%; height:auto; border-radius:1px;}
.hero-photo .cap{text-align:center; font-family:var(--sans-en); font-size:11.5px; letter-spacing:.6px; color:var(--gold-light); margin-top:10px;}

/* ---------- Highlight strip ---------- */
.highlight-strip{background:var(--gold); color:var(--maroon-deep);}
.hs-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.hs-item{padding:16px 20px; text-align:center; border-left:1px solid rgba(76,15,27,.15);}
.hs-item:first-child{border-left:none;}
.hs-item .n{font-family:var(--serif-en); font-size:22px; font-weight:600; display:block;}
.hs-item .l{font-family:var(--sans-en); font-size:11.5px; letter-spacing:.5px; margin-top:2px;}

/* ---------- Section shell ---------- */
section{padding:56px 0;}
.section-head{text-align:center; max-width:680px; margin:0 auto 38px;}
.section-head .eyebrow{font-family:var(--sans-en); font-size:15px; color:var(--peacock); letter-spacing:1.5px; margin-bottom:8px;}
.section-head h3{font-family:var(--serif-hi); font-size:clamp(26px,4vw,34px); color:var(--maroon); margin-bottom:8px;}
.section-head .en{font-family:var(--serif-en); font-style:italic; color:#7a5c3f; font-size:17px;}

/* ---------- Countdown (Radha Ashtami) ---------- */
.countdown{display:flex; gap:14px; flex-wrap:wrap; margin:6px 0 8px;}
.countdown .box{background:rgba(255,255,255,.06); border:1px solid rgba(231,200,116,.35); min-width:64px; padding:10px 8px; border-radius:var(--radius); text-align:center;}
.countdown .box .num{font-family:var(--serif-en); font-size:24px; color:var(--gold-light); line-height:1;}
.countdown .box .lbl{font-family:var(--sans-en); font-size:10px; letter-spacing:1px; color:var(--cream-2); margin-top:4px;}
.countdown-caption{font-family:var(--sans-en); font-size:14px; color:var(--cream-2); letter-spacing:.4px; margin-bottom:18px;}

/* ---------- Timing tables ---------- */
.date-tag{text-align:center; font-family:var(--sans-en); font-size:13px; letter-spacing:.5px; color:var(--peacock); margin-bottom:20px;}
table.jhanki{width:100%; border-collapse:collapse; background:var(--white); border:1px solid var(--cream-2); box-shadow:0 1px 0 var(--cream-2);}
table.jhanki th{background:var(--maroon); color:var(--gold-light); text-align:left; font-family:var(--sans-en); font-size:15px; letter-spacing:.8px; font-weight:600; padding:14px 18px;}
table.jhanki td{padding:13px 18px; border-top:1px solid var(--cream-2); font-size:16px;}
table.jhanki td.hi{font-family:var(--sans-hi); font-weight:600; color:var(--maroon-deep); width:26%;}
table.jhanki td.time .en{display:block; font-family:var(--sans-en); font-size:15px; color:#8a7455; margin-top:2px;}
table.jhanki tr:nth-child(even) td{background:var(--cream);}
table.jhanki tr.highlight td{background:#fbeed0;}

.sunday-note{margin-top:16px; font-size:15px; background:var(--cream-2); border-radius:var(--radius); padding:16px 18px; color:#5a3d1f;}
.sunday-note .en{display:block; font-family:var(--sans-en); font-size:15px; opacity:.85; margin-top:4px;}
.sunday-note strong{color:var(--maroon);}

.period-note{text-align:center; font-size:13px; color:#8a6a3e; font-family:var(--sans-en); margin-top:16px;}

/* ---------- Radha Ashtami featured ---------- */
.radha-feature{background:var(--maroon); color:var(--white); position:relative;}
.radha-inner{display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:center;}
.radha-badge{background:var(--gold); color:var(--maroon-deep); border-radius:50%; width:190px; height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin:0 auto;}
.radha-badge .d{font-family:var(--serif-en); font-size:44px; line-height:1;}
.radha-badge .m{font-family:var(--sans-en); font-size:13px; letter-spacing:1px; margin-top:4px;}
.radha-badge .y{font-family:var(--sans-en); font-size:14px; opacity:.8;}
.radha-text h4{font-family:var(--serif-hi); font-size:28px; color:var(--gold-light); margin-bottom:6px;}
.radha-text .en{font-family:var(--serif-en); font-style:italic; color:var(--cream-2); font-size:16px; margin-bottom:16px;}
.radha-text p{font-size:16px; color:var(--cream-2); max-width:640px;}
.radha-text p.en{opacity:.85; font-family:var(--sans-en); font-size:15px; margin-top:8px;}

/* ---------- Festival calendar ---------- */
.fest-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.f-card{background:var(--white); border:1px solid var(--cream-2); border-top:3px solid var(--peacock); padding:18px; border-radius:var(--radius);}
.f-card.main{border-top-color:var(--gold); background:#fff7e6;}
.f-card .date{font-family:var(--serif-en); font-size:22px; color:var(--maroon);}
.f-card .name{font-family:var(--sans-hi); font-weight:600; font-size:16px; margin-top:4px; color:var(--maroon-deep);}
.f-card .en{font-family:var(--sans-en); font-size:11.5px; color:#8a6a3e; margin-top:2px;}

/* ---------- Seva ---------- */
.seva-wrap{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
.seva-list{list-style:none;}
.seva-list li{display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--cream-2);}
.seva-list li:last-child{border-bottom:none;}
.seva-list .num{font-family:var(--serif-en); font-size:22px; color:var(--gold); flex:none; width:32px;}
.seva-list h5{font-family:var(--sans-hi); font-size:15.5px; color:var(--maroon-deep); font-weight:600;}
.seva-list .en{font-family:var(--sans-en); font-size:15px; color:#8a6a3e; margin-top:2px;}
.seva-note{font-size:13px; color:#8a6a3e;}

.whatsapp-card{background:var(--peacock); color:var(--white); padding:30px; border-radius:var(--radius); text-align:center;}
.whatsapp-card h4{font-family:var(--serif-hi); font-size:20px; margin-bottom:6px; color:var(--gold-light);}
.whatsapp-card .en{font-family:var(--sans-en); font-size:13px; opacity:.85; margin-bottom:18px;}
.whatsapp-card .num{font-family:var(--serif-en); font-size:30px; color:var(--white); margin-bottom:8px;}
.whatsapp-card .rule{font-size:15px; background:rgba(255,255,255,.12); padding:10px 16px; border-radius:var(--radius); margin-top:16px;}
.whatsapp-card a.btn{margin-top:18px;}

/* ---------- Records ---------- */
.records-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
.record-card{background:var(--white); border:1px solid var(--cream-2); border-radius:var(--radius); overflow:hidden; display:flex; gap:0;}
.record-card .rimg{width:150px; flex:none; background:var(--cream-2);}
.record-card .rimg img{width:100%; height:100%; object-fit:cover;}
.record-card .rtext{padding:20px;}
.record-card .rtext .tag{font-family:var(--sans-en); font-size:11px; letter-spacing:1px; color:var(--gold); text-transform:uppercase;}
.record-card .rtext h5{font-family:var(--serif-hi); font-size:17px; color:var(--maroon-deep); margin:6px 0;}
.record-card .rtext p{font-size:15px; color:#4b3626;}

/* ---------- Donation ---------- */
.donate-wrap{display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.qr-card{background:var(--white); border:1px solid var(--cream-2); padding:26px; border-radius:var(--radius); text-align:center;}
.qr-card img{width:180px; height:auto; margin:0 auto 16px; border:1px solid var(--cream-2);}
.qr-card h5{font-family:var(--sans-en); font-size:16px; letter-spacing:.5px; color:var(--maroon-deep); margin-bottom:4px;}
.qr-card .name{font-family:var(--sans-en); font-size:15px; color:#8a6a3e;}
.donate-note{margin-top:24px; text-align:center; font-size:15px; color:#8a6a3e;}

/* ---------- Location ---------- */
.loc-grid{display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:start;}
.loc-info h4{font-family:var(--serif-hi); font-size:21px; color:var(--maroon); margin-bottom:6px;}
.loc-info .en{font-family:var(--sans-en); font-size:13px; color:var(--peacock); letter-spacing:.5px; margin-bottom:18px;}
.loc-info p{font-size:16px; margin-bottom:16px;}
.loc-info address{font-style:normal; font-size:16px; margin-bottom:20px; color:#4b3626;}
.map-frame{border:1px solid var(--cream-2); border-radius:var(--radius); overflow:hidden; height:320px;}
.map-frame iframe{width:100%; height:100%; border:0;}

/* ---------- Footer ---------- */
footer{background:var(--maroon-deep); color:var(--cream-2); padding:44px 0 0;}
.foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:32px; margin-bottom:30px;}
footer h5{font-family:var(--serif-hi); color:var(--gold-light); font-size:17px; margin-bottom:14px;}
footer p, footer li{font-size:15px; line-height:1.8;}
footer ul{list-style:none;}
footer a{color:var(--cream-2); text-decoration:none;}
footer a:hover{color:var(--gold-light);}
.disclaimer{background:rgba(0,0,0,.22); margin-top:10px; padding:18px 24px;}
.disclaimer .wrap{max-width:1100px; margin:0 auto;}
.disclaimer p{font-size:15px; color:#e8c9a0; line-height:1.7;}
.disclaimer .en{display:block; opacity:.85; font-family:var(--sans-en); margin-top:4px;}
.foot-bottom{border-top:1px solid rgba(231,200,116,.2); padding:16px 0; text-align:center; font-family:var(--sans-en); font-size:14px; color:#c9b48e;}

/* ---------- Mobile ---------- */
@media (max-width:860px){
  nav.main-nav{display:none;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-photo{max-width:260px; margin:0 auto;}
  .hs-grid{grid-template-columns:1fr 1fr;}
  .hs-item{border-left:none; border-top:1px solid rgba(76,15,27,.15);}
  .hs-item:first-child, .hs-item:nth-child(2){border-top:none;}
  .fest-grid{grid-template-columns:1fr 1fr;}
  .seva-wrap, .records-grid, .donate-wrap, .loc-grid{grid-template-columns:1fr;}
  .radha-inner{grid-template-columns:1fr; text-align:center;}
  .record-card{flex-direction:column;}
  .record-card .rimg{width:100%; height:200px;}
  .foot-grid{grid-template-columns:1fr;}
}