/*
Theme Name: Sarkari Raj 24
Theme URI: https://rajinfo24.in
Author: RajInfo24
Description: Fast, lightweight sarkari naukri / result / admit card portal theme. Auto-creates categories and policy pages on activation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sarkariraj24
*/

/* Layout: classic sarkari portal — brand band, nav strip, ticker, 3-col category boxes, wide boxes, footer */
:root{
  --bg:#f3f5f4; --surface:#ffffff; --fg:#1d2422; --muted:#5b6662; --line:#cfd8d4;
  --brand:#0f5c4d; --brand-2:#0a453a; --saffron:#f28c1b; --link:#0b4fa8; --link-v:#6b2fa0;
  --c1:#0f5c4d; --c2:#b8461b; --c3:#1f4e8c; --c4:#7a3e8f; --c5:#2f6b2a; --c6:#8c6a12;
  --new:#d0141d; --ticker:#fff6e8;
  --display:"Mukta","Hind",system-ui,sans-serif; --body:"Hind",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#111816; --surface:#18211e; --fg:#e4ebe8; --muted:#9aa8a3; --line:#2c3a35;
  --link:#7fb2ff; --link-v:#c9a2ee; --ticker:#2a2216; --new:#ff5a5f; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#111816; --surface:#18211e; --fg:#e4ebe8; --muted:#9aa8a3; --line:#2c3a35;
  --link:#7fb2ff; --link-v:#c9a2ee; --ticker:#2a2216; --new:#ff5a5f; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.45}
.wrap{max-width:1180px;margin:0 auto;padding-inline:16px}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}

/* Header */
header.top{background:var(--brand);color:#fff;border-bottom:4px solid var(--saffron)}
header.top .wrap{display:flex;align-items:center;gap:16px;padding-block:14px;flex-wrap:wrap;justify-content:center}
.logo{display:flex;align-items:center;gap:12px;color:#fff}
.logo svg{flex:none}
.logo .t{font-weight:800;color:#fff;display:block;font-family:var(--display);font-size:clamp(28px,5vw,46px);margin:0;line-height:1;letter-spacing:.5px}
.logo .t span{color:var(--saffron)}
.logo .tag{margin:4px 0 0;font-size:14px;opacity:.9;letter-spacing:.3px}
.domain{width:100%;text-align:center;font-weight:600;font-size:15px;color:#ffe2bf}

/* Nav */
nav.menu{background:var(--brand-2)}
nav.menu ul{list-style:none;margin:0 auto;padding:0 16px;max-width:1180px;display:flex;flex-wrap:wrap;justify-content:center}
nav.menu a{display:block;color:#fff;font-weight:600;padding:9px 14px;font-size:14px;text-transform:uppercase;letter-spacing:.4px}
nav.menu a:hover{background:var(--saffron);text-decoration:none}

/* Ticker */
.ticker{background:var(--ticker);border:1px solid var(--line);margin-top:12px;display:flex;align-items:center;overflow:hidden}
.ticker b{background:var(--new);color:#fff;padding:8px 12px;font-size:13px;white-space:nowrap;flex:none}
.ticker .track{overflow:hidden;flex:1;min-width:0}
.ticker .move{display:inline-flex;gap:36px;white-space:nowrap;padding-left:100%;animation:scroll 38s linear infinite}
.ticker .move a{font-weight:600}
@keyframes scroll{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ticker .move{animation:none;padding-left:12px}}

/* Quick tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.tiles a{color:#fff;font-weight:700;text-align:center;padding:14px 8px;font-size:15px;line-height:1.25}
.tiles a:nth-child(1){background:var(--c2)}.tiles a:nth-child(2){background:var(--c3)}
.tiles a:nth-child(3){background:var(--c1)}.tiles a:nth-child(4){background:var(--c4)}
.tiles a:nth-child(5){background:var(--c5)}.tiles a:nth-child(6){background:var(--c6)}
.tiles a:nth-child(7){background:var(--c3)}.tiles a:nth-child(8){background:var(--c2)}
.tiles a:hover{filter:brightness(1.1);text-decoration:none}

.intro{background:var(--surface);border:1px solid var(--line);padding:10px 14px;margin-top:12px;font-size:14px;color:var(--muted);text-align:center}
.intro strong{color:var(--fg)}

/* Boxes */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.box{background:var(--surface);border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.box h2{margin:0;color:#fff;font-family:var(--display);font-size:20px;text-align:center;padding:7px 8px;letter-spacing:.3px}
.box.r h2{background:var(--c2)}.box.a h2{background:var(--c3)}.box.j h2{background:var(--c1)}
.box.k h2{background:var(--c4)}.box.s h2{background:var(--c5)}.box.d h2{background:var(--c6)}
.box ul{list-style:none;margin:0;padding:6px 10px 4px}
.box li{padding:5px 0 5px 16px;border-bottom:1px dashed var(--line);position:relative;font-size:14.5px}
.box li:last-child{border-bottom:0}
.box li::before{content:"";position:absolute;left:3px;top:13px;width:6px;height:6px;background:var(--saffron);transform:rotate(45deg)}
.box li a:visited{color:var(--link-v)}
.new{display:inline-block;background:var(--new);color:#fff;font-size:10px;font-weight:700;padding:0 5px;margin-left:5px;border-radius:2px;vertical-align:2px}

/* Ad slots — clearly labelled, kept away from menus and link lists */
.ad{margin:22px auto;max-width:970px;border:1px dashed var(--line);background:var(--surface);text-align:center;padding:6px 8px 10px}
.ad small{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ad .slot{min-height:90px;display:grid;place-items:center;color:var(--muted);font-size:13px;background:var(--bg)}

/* Policy pages */
.page{background:var(--surface);border:1px solid var(--line);margin-top:14px}
.page h2{margin:0;background:var(--brand);color:#fff;font-family:var(--display);font-size:clamp(20px,2.6vw,26px);padding:9px 16px}
.page .body{padding:14px 18px 6px;max-width:80ch}
.page h3{font-size:17px;margin:16px 0 6px}
.page p,.page li{margin:0 0 10px}
.page .upd{color:var(--muted);font-size:13px}
.crumb{font-size:13px;margin-top:12px;color:var(--muted)}
.mail{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--ticker);border:1px solid var(--line);padding:8px 12px;font-weight:600}
.mail button,.cookie button{font:inherit;font-weight:700;border:0;padding:7px 14px;cursor:pointer}
.mail button{background:var(--brand);color:#fff}

/* Cookie notice */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#121a2b;color:#e8edf5;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;border-top:3px solid var(--saffron)}
.cookie p{margin:0;max-width:70ch}
.cookie a{color:#ffd29a;text-decoration:underline}
.cookie .ok{background:var(--saffron);color:#1b1206}
.cookie .no{background:transparent;color:#fff;border:1px solid #6b7690}
.more{margin-top:auto;text-align:center;padding:7px;border-top:1px solid var(--line);font-weight:700;font-size:14px}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}

/* Info table */
.info{background:var(--surface);border:1px solid var(--line);margin-top:12px}
.info h2{margin:0;background:var(--brand);color:#fff;font-family:var(--display);font-size:20px;text-align:center;padding:7px}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
td,th{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
th{background:var(--ticker);width:30%}

/* AdSense-safe additions: labelled ad slots with spacing, trust strip, policy pages, consent bar */
.trust{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--saffron);padding:8px 12px;margin-top:12px;font-size:13.5px;color:var(--muted)}
.trust strong{color:var(--fg)}

/* SEO sections */
.seo{background:var(--surface);border:1px solid var(--saffron);margin-top:14px}
.seo h2{margin:0;background:var(--brand);color:#fff;font-family:var(--display);font-size:clamp(18px,2.4vw,23px);text-align:center;padding:8px 12px;text-wrap:balance}
.seo .txt{padding:10px 16px 6px;text-align:center}
.seo .txt p{margin:0 auto 12px;max-width:95ch}
.seo .txt ul{display:inline-block;text-align:left;margin:0 0 12px;padding-left:20px}
.seo .txt li{padding:3px 0}
.seo .tablewrap{padding:12px 16px}
.faq{text-align:left!important}
.faq h3{font-size:17px;margin:12px 0 4px}
.faq p{margin:0 0 8px!important;max-width:none!important}
.about{text-align:center;padding:20px 8px 4px;font-size:15px}
.about p{margin:0 auto 12px;max-width:95ch}
.about .disc{color:var(--new);font-size:12.5px;font-weight:600}

footer{background:#121a2b;color:#dfe5ee;margin-top:16px;border-top:4px solid var(--saffron)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:24px}
footer h4{margin:0 0 10px;font-family:var(--display);font-size:20px;color:#fff;display:inline-block;border-bottom:2px solid var(--saffron)}
footer .fgrid div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
footer a{color:#fff;font-size:15px}
.copy{border-top:1px solid #2c3650;text-align:center;padding:14px 16px;font-family:var(--display);font-size:20px;color:#fff}
@media (max-width:600px){.fgrid{grid-template-columns:1fr 1fr}}

@media (max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid3,.grid2{grid-template-columns:1fr}.tiles a{font-size:14px;padding:12px 6px}nav.menu a{padding:8px 10px;font-size:13px}}

/* ---- WordPress additions ---- */
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:6px 10px;z-index:99}
nav.menu .srch{display:flex;align-items:center;padding:4px 0 4px 8px}
nav.menu .srch input[type=search]{font:inherit;font-size:14px;padding:5px 8px;border:0;width:150px;max-width:40vw;background:#fff;color:#1d2422}
nav.menu .srch button{font:inherit;font-weight:700;font-size:13px;border:0;background:var(--saffron);color:#1b1206;padding:6px 10px;cursor:pointer}
.page>h1{margin:0;background:var(--brand);color:#fff;font-family:var(--display);font-size:clamp(20px,2.8vw,28px);padding:10px 16px;line-height:1.25;text-wrap:balance}
.pmeta{padding:8px 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 16px}
.pmeta a{font-weight:600}
.page .body.entry{max-width:none;padding-bottom:12px}
.entry h2{font-size:21px;margin:20px 0 8px;font-family:var(--display)}
.entry h3{font-size:18px}
.entry table{margin:8px 0 14px}
.entry img{height:auto}
.entry .wp-block-table{overflow-x:auto}
.entry ul,.entry ol{padding-left:22px}
.verify{margin:14px 18px;padding:10px 14px;border-left:4px solid var(--saffron);background:var(--ticker);font-size:14px}
.related{padding:6px 18px 14px}
.related h3{margin:12px 0 6px;font-size:17px}
.related ul{margin:0;padding-left:20px}
.plist{list-style:none;margin:0;padding:0}
.plist li{padding:9px 0;border-bottom:1px dashed var(--line)}
.plist .d{display:block;font-size:12.5px;color:var(--muted)}
.pagination{padding:10px 18px 16px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.pagination .page-numbers{padding:5px 11px;border:1px solid var(--line);background:var(--surface);font-weight:600}
.pagination .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.ad .adcode{min-height:0}
.crumb a{font-weight:600}
.pmeta .u{color:var(--fg)}