/*
Theme Name: Sant Syed Prithipal Singh Complete
Theme URI: https://santsyedprithipalsingh.thetruecreators.com/
Author: The True Creators
Author URI: https://thetruecreators.com/
Description: Complete devotional WordPress theme for Sant Syed Prithipal Singh Ji with homepage, pages, blog-style articles, contact, contribution and donation sections.
Version: 3.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ssps
*/

:root{--gold:#ffd36a;--saffron:#f5a623;--deep:#4d120d;--brown:#24100c;--cream:#fff6df;--cream2:#fff0cd;--text:#321d16;--muted:#7a5c4a;--white:#fff;--shadow:0 22px 60px rgba(77,18,13,.22)}
*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--cream);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.top-bar{background:linear-gradient(90deg,var(--deep),#c36b00);color:#fff;text-align:center;padding:9px 15px;font-size:14px}
.progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--saffron));z-index:99999;width:0}
nav{position:sticky;top:0;z-index:999;background:rgba(255,246,223,.94);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.08)}
.nav-wrap{max-width:1280px;margin:auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:11px;font-weight:900;color:var(--deep);font-size:18px}
.logo img{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:0 0 24px rgba(245,166,35,.55);animation:pulse 3.5s infinite}
.nav-links{display:flex;gap:15px;flex-wrap:wrap;font-size:13.5px;font-weight:800;color:var(--brown);justify-content:flex-end}
.nav-links a{position:relative;padding:7px 0} .nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--saffron);transition:.3s} .nav-links a:hover:after{width:100%} .nav-links a:hover{color:#c36b00}
.hero{min-height:88vh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(105deg,rgba(36,16,12,.93) 0%,rgba(77,18,13,.78) 54%,rgba(77,18,13,.38) 100%),var(--hero-img) center right/cover no-repeat}
.hero:before{content:"ੴ";position:absolute;right:6%;top:8%;font-size:235px;color:rgba(255,211,106,.12);animation:float 6s ease-in-out infinite}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,211,106,.35) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.16) 0 2px,transparent 3px);background-size:90px 90px;animation:stars 22s linear infinite}
.hero-content{position:relative;z-index:2;max-width:1280px;width:100%;margin:auto;padding:88px 22px;color:#fff} .hero-inner{max-width:780px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:60px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);margin-bottom:24px;animation:fadeUp .8s ease forwards}
.hero h1{font-size:clamp(40px,7vw,88px);line-height:1.03;margin-bottom:20px;animation:fadeUp 1s ease forwards} .hero h1 span{color:var(--gold);text-shadow:0 0 28px rgba(255,211,106,.48)}
.hero p{font-size:19px;line-height:1.85;color:#fff0d2;margin-bottom:32px;animation:fadeUp 1.25s ease forwards}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;animation:fadeUp 1.45s ease forwards}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:60px;font-weight:900;transition:.35s;border:0;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--saffron));color:var(--deep);box-shadow:0 14px 32px rgba(245,166,35,.35)} .btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.38)} .btn:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
section{padding:88px 22px;position:relative} .container{max-width:1220px;margin:auto} .section-title{text-align:center;margin-bottom:50px} .section-title .mini{color:#c36b00;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px} .section-title h2{font-size:clamp(31px,4vw,52px);color:var(--deep);margin:12px 0} .section-title p{max-width:790px;margin:auto;color:var(--muted);line-height:1.8;font-size:17px}
.quick-links{margin-top:-55px;z-index:5} .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .quick-card{background:#fff;border-radius:24px;padding:25px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(245,166,35,.23);transition:.35s} .quick-card:hover{transform:translateY(-10px)} .quick-card i,.icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(135deg,var(--gold),var(--saffron));color:var(--deep);font-size:25px} .quick-card h3{color:var(--deep);font-size:19px;margin-bottom:8px} .quick-card p{color:var(--muted);line-height:1.6;font-size:15px}
.about{background:linear-gradient(180deg,#fff8e9,#fff0ce)} .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center} .portrait-box{position:relative;border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--shadow);padding:16px} .portrait-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,211,106,.38),transparent 55%);z-index:0} .portrait-box img{position:relative;z-index:1;border-radius:26px;width:100%;height:430px;object-fit:cover} .quote-card{position:absolute;left:35px;right:35px;bottom:35px;z-index:2;background:rgba(255,246,223,.92);backdrop-filter:blur(12px);border-radius:22px;padding:20px;color:var(--deep);font-weight:900;line-height:1.6;box-shadow:0 12px 28px rgba(0,0,0,.16)} .about-text h2{font-size:clamp(31px,4vw,50px);color:var(--deep);margin-bottom:18px} .about-text p{color:var(--muted);line-height:1.85;margin-bottom:16px;font-size:17px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} .stat{background:#fff;border-radius:20px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(77,18,13,.1)} .stat strong{display:block;color:#c36b00;font-size:30px;margin-bottom:4px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .feature-card,.article-card,.content-box{background:#fff;border-radius:26px;box-shadow:0 14px 38px rgba(77,18,13,.1);border:1px solid rgba(245,166,35,.18);transition:.35s;overflow:hidden} .feature-card{padding:31px;position:relative} .feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--deep),var(--saffron),var(--gold))} .feature-card:hover,.article-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)} .feature-card h3{color:var(--deep);font-size:23px;margin-bottom:10px} .feature-card p,.article-body p,.content-box p,.content-box li{color:var(--muted);line-height:1.75}
.diary{background:linear-gradient(135deg,rgba(77,18,13,.96),rgba(36,16,12,.96));color:#fff;overflow:hidden} .diary .section-title h2,.diary .section-title .mini{color:var(--gold)} .diary .section-title p{color:#f7dcb3} .timeline{max-width:920px;margin:auto} .timeline-item{display:grid;grid-template-columns:75px 1fr;gap:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:25px;border-radius:24px;margin-bottom:22px;backdrop-filter:blur(10px);transition:.35s} .timeline-item:hover{transform:scale(1.02);background:rgba(255,255,255,.13)} .timeline-num{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--deep);font-size:24px;font-weight:900} .timeline-item h3{color:var(--gold);font-size:22px;margin-bottom:8px} .timeline-item p{color:#f7dcb3;line-height:1.7}
.article-img{height:170px;background:linear-gradient(135deg,var(--deep),#c36b00);display:grid;place-items:center;color:var(--gold);font-size:54px} .article-body{padding:24px} .article-body h3{color:var(--deep);margin-bottom:9px}
.media{background:linear-gradient(180deg,#fff0ce,#fff8e8)} .media-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px} .media-box{background:#fff;border-radius:28px;padding:30px;box-shadow:0 14px 38px rgba(77,18,13,.1)} .media-box h3{color:var(--deep);font-size:25px;margin-bottom:16px} .media-line{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(77,18,13,.08);color:var(--muted)} .media-line i{color:#c36b00;font-size:22px}
.cta{background:linear-gradient(135deg,rgba(77,18,13,.94),rgba(195,107,0,.86)),var(--hero-img) center/cover fixed;color:#fff;text-align:center} .cta h2{font-size:clamp(34px,5vw,60px);color:var(--gold);margin-bottom:18px} .cta p{max-width:780px;margin:0 auto 30px;line-height:1.8;color:#fff0d2}
.page-hero{min-height:45vh} .content-box{padding:36px} .content-box h1,.content-box h2,.content-box h3{color:var(--deep);margin:18px 0 10px} .content-box ul{padding-left:22px;margin:12px 0} .post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .post-card{background:#fff;border-radius:24px;box-shadow:0 14px 36px rgba(77,18,13,.1);overflow:hidden;transition:.35s} .post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)} .post-card .thumb{height:180px;background:linear-gradient(135deg,var(--deep),var(--saffron));display:grid;place-items:center;color:var(--gold);font-size:48px;overflow:hidden} .post-card .thumb img{width:100%;height:100%;object-fit:cover} .post-card-body{padding:24px} .post-card-body h2{font-size:22px;color:var(--deep);margin-bottom:10px} .post-meta{color:#c36b00;font-weight:800;font-size:13px;margin-bottom:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .ssps-form input,.ssps-form textarea,.ssps-form select{width:100%;padding:15px;border-radius:14px;border:1px solid rgba(77,18,13,.18);background:#fffaf0;font:inherit;margin-bottom:15px} .ssps-form textarea{min-height:140px} .ssps-success{background:#e8ffea;border:1px solid #77c782;color:#0f5b1d;padding:14px;border-radius:12px;margin-bottom:15px} .ssps-error{background:#ffecec;border:1px solid #d66;color:#8a1515;padding:14px;border-radius:12px;margin-bottom:15px}
.reveal{opacity:0;transform:translateY(40px);transition:1s ease} .reveal.active{opacity:1;transform:translateY(0)} .backtop{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--saffron);color:var(--deep);z-index:998;box-shadow:0 12px 25px rgba(0,0,0,.22);font-weight:900}
footer{background:#180906;color:#f7dcb3;text-align:center;padding:38px 20px} .footer-symbol{color:var(--gold);font-size:44px;margin-bottom:10px}
@keyframes fadeUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}} @keyframes stars{from{background-position:0 0}to{background-position:180px 180px}} @keyframes pulse{0%,100%{box-shadow:0 0 16px rgba(245,166,35,.45)}50%{box-shadow:0 0 34px rgba(245,166,35,.9)}}
@media(max-width:980px){.nav-links{display:none}.quick-grid,.card-grid,.about-grid,.media-grid,.post-list{grid-template-columns:1fr}.hero{min-height:76vh;background-position:center}.stats,.form-grid{grid-template-columns:1fr}.portrait-box img{height:auto}}