/*
Theme Name: Rajasthan FC
Theme URI: https://rajasthanfc.com
Author: Rajasthan Football Club
Author URI: https://rajasthanfc.com
Description: Official informational website theme for Rajasthan Football Club — a grassroots football movement in Rajasthan. Maroon & cream brand, home + About, Academy, Community, News and Contact pages. Empowering the next generation, one day at a time.
Version: 1.1
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rajasthan-fc
*/

/* ============ TOKENS / RESET ============ */
:root{
  --maroon-dark:#561C24;
  --maroon:#6D2932;
  --tan:#C7B7A3;
  --cream:#E8D8C4;
  --page:#efe5d5;
  --card:#f3ead9;
  --ink:#3a2328;
  --muted:#5f4b45;
  --muted-2:#6d574f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block}
a{color:var(--maroon);text-decoration:none}
a:hover{color:#8a3a44}
::selection{background:var(--cream);color:var(--maroon-dark)}
.disp{font-family:'Barlow Condensed',sans-serif}
.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}

/* hover on buttons + nav */
a.btn,button.btn,.rfc-nav a{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease,color .16s ease}
a.btn:hover,button.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(45,15,20,.22);filter:brightness(1.04)}

.btn{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:17px;padding:15px 30px;border-radius:5px;cursor:pointer;border:none}
.btn-cream{background:var(--cream);color:var(--maroon-dark)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn-solid{background:var(--maroon);color:#fff}
.eyebrow{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:14px}
.eyebrow.gold{color:var(--tan)}
.sec-title{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:800;text-transform:uppercase;font-size:clamp(30px,4vw,44px);line-height:1;margin:8px 0 18px}

/* ============ HEADER / NAV ============ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(86,28,36,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(199,183,163,.28)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:52px;width:auto}
.brand .name{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:800;font-size:19px;line-height:1;letter-spacing:.02em;text-transform:uppercase}
.brand .name span{color:var(--tan);font-size:13px;letter-spacing:.34em;font-weight:600}
.rfc-nav{display:flex;align-items:center;gap:28px}
.rfc-nav a{font-family:'Barlow Condensed',sans-serif;color:#F2E9DB;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:15px}
.rfc-nav a:hover,.rfc-nav a.current{color:var(--tan)}
.rfc-nav a.nav-cta{background:var(--cream);color:var(--maroon-dark);font-weight:700;padding:9px 18px;border-radius:4px}
.rfc-nav a.nav-cta:hover{color:var(--maroon-dark);transform:translateY(-2px);box-shadow:0 8px 22px rgba(45,15,20,.22)}
.burger{display:none;background:none;border:1.5px solid rgba(199,183,163,.5);border-radius:5px;padding:8px 11px;cursor:pointer;color:var(--tan);font-size:18px;line-height:1}
.mobile-nav{display:none;background:var(--maroon-dark);border-top:1px solid rgba(199,183,163,.2)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;font-family:'Barlow Condensed',sans-serif;color:#F2E9DB;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.mobile-nav a.nav-cta{background:var(--cream);color:var(--maroon-dark);margin:12px 24px;padding:12px;border-radius:4px;text-align:center;border:none}

/* ============ HERO ============ */
.hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg img{width:100%;height:100%;object-fit:cover}
.hero .scrim{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero .scrim.v{background:linear-gradient(180deg,rgba(45,15,20,.32) 0%,rgba(45,15,20,.04) 34%,rgba(45,15,20,.72) 80%,rgba(45,15,20,.95) 100%)}
.hero .scrim.h{background:linear-gradient(90deg,rgba(45,15,20,.85) 0%,rgba(45,15,20,.2) 55%,transparent 100%)}
.hero .inner{position:relative;z-index:2;width:100%;padding-bottom:68px}
.hero .content{max-width:760px;animation:rise .7s ease both}
.hero .tag{display:inline-block;background:var(--cream);color:var(--maroon-dark);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:14px;padding:6px 14px;border-radius:3px;margin-bottom:22px}
.hero h1{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:800;text-transform:uppercase;line-height:.92;font-size:clamp(48px,7vw,96px);text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero h1 span{color:var(--cream)}
.hero p{color:var(--cream);font-size:clamp(17px,2vw,21px);line-height:1.5;max-width:560px;margin:22px 0 32px;font-weight:500}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:14px}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* page hero (inner) */
.page-hero{background:var(--maroon);border-bottom:3px solid var(--tan)}
.page-hero .wrap{padding-top:60px;padding-bottom:54px}
.crumb{font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.crumb a{color:var(--tan)}.crumb .sep{color:var(--tan);opacity:.6}.crumb .here{color:var(--cream)}
.page-hero h1{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:800;text-transform:uppercase;font-size:clamp(40px,6.4vw,74px);line-height:.94;margin-top:14px}
.page-hero p{color:var(--cream);font-size:clamp(17px,2vw,20px);line-height:1.5;max-width:640px;margin-top:16px;font-weight:500}

/* ============ SECTIONS ============ */
.sec{padding:72px 0}
.bg-page{background:var(--page)}
.bg-white{background:#fff}
.bg-maroon{background:var(--maroon)}
.bg-maroon-dark{background:var(--maroon-dark)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two-col.wide-left{grid-template-columns:1.05fr .95fr}
.media{position:relative;height:420px;border-radius:16px;overflow:hidden;border:1px solid #e0d3bd}
.media img{width:100%;height:100%;object-fit:cover}
.lead{color:var(--muted);font-size:17px;line-height:1.65;font-weight:500;margin-bottom:16px}
.on-dark .lead,.on-dark p{color:var(--cream)}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* cards */
.card{background:#fff;border:1px solid #eaddc9;border-radius:12px;overflow:hidden}
.card.lift{transition:box-shadow .16s ease,transform .16s ease}
.card.lift:hover{box-shadow:0 16px 40px rgba(86,28,36,.14);transform:translateY(-3px)}
.card .thumb{height:210px;position:relative}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .body{padding:22px}
.card .kicker{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.card h3{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;font-size:22px;line-height:1.05;margin:10px 0 8px}
.card p{color:var(--muted-2);font-size:15px;line-height:1.5;font-weight:500}

.value{background:var(--card);border:1px solid #eaddc9;border-top:4px solid var(--tan);border-radius:12px;padding:26px 22px}
.value .t{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:800;text-transform:uppercase;font-size:24px;margin-bottom:8px}
.value p{color:var(--muted-2);font-size:15px;line-height:1.55;font-weight:500}

.stat{background:var(--maroon);border-radius:12px;padding:30px 24px;border-bottom:4px solid var(--tan)}
.stat .n{font-family:'Barlow Condensed',sans-serif;color:var(--cream);font-weight:800;font-size:clamp(38px,5vw,52px);line-height:1}
.stat .l{color:#d8c7b3;font-weight:600;font-size:15px;margin-top:6px}

.tier{background:var(--maroon);border-radius:14px;padding:28px 24px;border-bottom:4px solid var(--tan)}
.tier .n{font-family:'Barlow Condensed',sans-serif;color:var(--cream);font-weight:800;text-transform:uppercase;font-size:34px;line-height:1}
.tier .ph{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:17px;margin:6px 0 10px}
.tier p{color:#d8c7b3;font-size:14.5px;line-height:1.55;font-weight:500}

/* quote band */
.quote{text-align:center;max-width:1000px;margin:0 auto}
.quote .q{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:700;text-transform:uppercase;font-size:clamp(24px,3.4vw,42px);line-height:1.08}
.quote .by{color:var(--tan);font-weight:600;font-size:15px;margin-top:18px}

/* leadership / people */
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:560px}
.person{text-align:center}
.person .pic{width:150px;height:150px;margin:0 auto 14px;border-radius:50%;overflow:hidden;border:3px solid var(--maroon)}
.person .pic img{width:100%;height:100%;object-fit:cover}
.person .nm{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;font-size:20px;line-height:1.05}
.person .ro{color:var(--muted-2);font-weight:600;font-size:14px;margin-top:2px}

/* timeline */
.miles{max-width:900px;margin:0 auto}
.mile{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #eaddc9}
.mile .yr{font-family:'Barlow Condensed',sans-serif;color:var(--tan);font-weight:800;font-size:30px;min-width:88px;line-height:1;color:var(--maroon)}
.mile .t{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;font-size:20px;line-height:1.1}
.mile p{color:var(--muted-2);font-size:15.5px;line-height:1.55;font-weight:500;margin-top:4px}

/* steps */
.step .no{font-family:'Barlow Condensed',sans-serif;color:var(--tan);font-weight:800;font-size:40px;line-height:1;color:var(--maroon)}
.step .t{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;font-size:20px;margin:6px 0 8px}

/* facilities list */
.faclist{display:flex;flex-direction:column;gap:14px}
.fac{display:flex;gap:14px;align-items:flex-start}
.fac .tick{font-family:'Barlow Condensed',sans-serif;color:var(--maroon-dark);background:var(--tan);font-weight:800;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}
.fac .t{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:700;text-transform:uppercase;font-size:18px;line-height:1.1}
.fac p{color:#d8c7b3;font-size:14.5px;line-height:1.5;font-weight:500;margin-top:2px}

/* featured news */
.feature{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:#fff;border:1px solid #eaddc9;border-radius:16px;overflow:hidden}
.feature .img{position:relative;min-height:380px}
.feature .img img{width:100%;height:100%;object-fit:cover}
.feature .txt{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.feature h2{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.4vw,42px);line-height:1;margin:12px 0 14px}
.feature p{color:var(--muted-2);font-size:16.5px;line-height:1.6;font-weight:500}
.readmore{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:15px;margin-top:18px;border-bottom:2px solid var(--tan);width:max-content;padding-bottom:2px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.chip{font-family:'Barlow Condensed',sans-serif;border:1px solid #ddccb4;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13.5px;padding:8px 16px;border-radius:999px}

/* shop / support band */
.support{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.support .img{position:relative;height:420px;border-radius:14px;overflow:hidden}
.support .img img{width:100%;height:100%;object-fit:cover}
.support h2{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:800;text-transform:uppercase;font-size:clamp(32px,4.4vw,50px);line-height:.98;margin:8px 0 16px}

/* sponsors */
.sponsors{text-align:center}
.sponsors .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px}
.sponsor{min-width:150px;height:66px;border:1px solid #e6d8c2;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--maroon);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:17px;background:var(--card)}
.sponsors .lbl{font-family:'Barlow Condensed',sans-serif;color:#9c877d;font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:13px;margin-bottom:26px}

/* academy pathway cta text */
.programs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.prog{background:rgba(255,255,255,.06);border:1px solid rgba(199,183,163,.3);border-radius:8px;padding:14px 16px}
.prog .n{font-family:'Barlow Condensed',sans-serif;color:var(--cream);font-weight:800;font-size:20px;text-transform:uppercase}
.prog .a{color:#d8c7b3;font-weight:600;font-size:13.5px}

/* contact */
.info{background:#fff;border:1px solid #eaddc9;border-top:4px solid var(--tan);border-radius:12px;padding:28px 24px}
.info .lbl{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
.info .val{color:var(--maroon);font-weight:700;font-size:20px;line-height:1.2;margin:8px 0 6px}
.info p{color:var(--muted-2);font-size:14.5px;line-height:1.5;font-weight:500}
.dept{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #eaddc9;border-radius:10px;padding:20px 24px}
.dept .n{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;font-size:19px}
.dept .note{color:var(--muted-2);font-size:14px;font-weight:500;margin-top:2px}
.dept a{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;font-size:15px;white-space:nowrap}
.visit{background:var(--maroon);border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;justify-content:center}
.visit .k{font-family:'Barlow Condensed',sans-serif;color:var(--tan);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.visit .t{font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:700;text-transform:uppercase;font-size:24px;line-height:1.1;margin:8px 0 14px}
.visit p{color:var(--cream);font-size:15.5px;line-height:1.6;font-weight:500}
.visit .hr{height:1px;background:rgba(255,255,255,.12);margin:20px 0}

/* ============ FOOTER ============ */
.site-footer{background:var(--maroon-dark);color:var(--tan)}
.site-footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-top:60px;padding-bottom:30px}
.site-footer img.flog{height:76px;width:auto;margin-bottom:16px}
.site-footer .about{font-size:14.5px;line-height:1.55;max-width:280px;font-weight:500}
.site-footer .ct{font-family:'Barlow Condensed',sans-serif;color:var(--tan);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:14px;margin-bottom:14px}
.site-footer .lnks{display:flex;flex-direction:column;gap:9px;font-size:14.5px;font-weight:500}
.site-footer .lnks a{color:var(--tan)}.site-footer .lnks a:hover{color:#fff}
.site-footer .bar{border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;padding-bottom:18px;font-size:13px;color:#a08d80}
.site-footer .bar a{color:#a08d80}.site-footer .bar .r{display:flex;gap:18px}

/* ============ WORDPRESS CORE / EDITOR ============ */
.wp-block-image img{border-radius:8px}
.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* generic page/post content (for editor-driven pages & blog) */
.entry{max-width:820px;margin:0 auto;padding:64px 0}
.entry h1,.entry h2,.entry h3{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);text-transform:uppercase;line-height:1.05;margin:1.2em 0 .4em}
.entry h1{font-size:clamp(32px,5vw,52px)}
.entry h2{font-size:clamp(26px,3.4vw,38px)}
.entry p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 1em}
.entry a{color:var(--maroon);text-decoration:underline}
.entry img{border-radius:12px;margin:1.5em 0}
.entry ul,.entry ol{margin:0 0 1em 1.2em;color:var(--muted);font-size:17px;line-height:1.7}
.postmeta{font-family:'Barlow Condensed',sans-serif;color:var(--maroon);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;margin-bottom:8px}

/* pagination */
.pagination{display:flex;gap:10px;justify-content:center;padding:20px 0 60px}
.pagination .page-numbers{font-family:'Barlow Condensed',sans-serif;font-weight:700;padding:8px 14px;border:1px solid #ddccb4;border-radius:6px;color:var(--maroon)}
.pagination .page-numbers.current{background:var(--maroon);color:#fff;border-color:var(--maroon)}

/* ============ RESPONSIVE ============ */
@media(max-width:900px){
  .rfc-nav{display:none}
  .burger{display:block}
  .two-col,.two-col.wide-left,.support,.feature{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .site-footer .cols{grid-template-columns:1fr 1fr}
  .media,.support .img{height:300px}
  .feature .img{min-height:260px}
}
@media(max-width:560px){
  .grid-3,.grid-4,.site-footer .cols,.people{grid-template-columns:1fr}
  .programs{grid-template-columns:1fr}
  .dept{flex-direction:column;align-items:flex-start}
}