/*
Theme Name: Sarkari Shala
Description: Sarkari-style theme for Shala Darpan Guide - navy header, tricolor strip, Hindi-first.
Version: 1.0
*/

.tricolor{display:flex;height:6px}
.tricolor span{flex:1}
.tricolor .s{background:#ff9933}
.tricolor .w{background:#ffffff}
.tricolor .g{background:#138808}

.site-header{background:#1e3a5f;color:#fff}
.topbar{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.brand{font-size:1.5rem;font-weight:700;line-height:1.3;color:#fff}
.brand a{color:#fff;text-decoration:none}
.brand small{display:block;font-size:.75rem;font-weight:400;color:#cbd5e1}
.official-link{background:#ff9933;color:#1e3a5f;font-weight:700;font-size:.85rem;padding:9px 18px;border-radius:6px;text-decoration:none;white-space:nowrap}
.official-link:hover{background:#ffb35c}

.main-nav{background:#16294a}
.main-nav .navwrap{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;list-style:none}
.main-nav .navwrap li{margin:0}
.main-nav .navwrap a{color:#e2e8f0;text-decoration:none;font-size:.88rem;padding:12px 14px;display:block}
.main-nav .navwrap a:hover{background:#1e3a5f;color:#fff}

.disclaimer{background:#fef9c3;color:#713f12;text-align:center;font-size:.82rem;padding:8px 16px}
.disclaimer a{color:#713f12;font-weight:600}

.content{background:#f1f5f9;padding:0 0 8px}

/* ---- remap content maroon accents to sarkari navy (content styles load after theme CSS) ---- */
.hero h1{color:#1e3a5f !important}
main h2, .wrap h2{color:#1e3a5f !important}
a.btn{background:#1e3a5f !important}
.hero{border-left:6px solid #ff9933 !important}

.site-footer{background:#16294a;color:#cbd5e1;margin-top:0}
.footwrap{max-width:1100px;margin:0 auto;padding:28px 16px;font-size:.85rem;line-height:1.7}
.footwrap a{color:#ff9933}

@media(max-width:640px){
  .brand{font-size:1.2rem}
  .main-nav .navwrap{flex-wrap:nowrap;overflow-x:auto}
  .main-nav .navwrap a{white-space:nowrap}
}