/*
Theme Name: Sarkari News Portal - GeneratePress Child
Theme URI: https://sarkarinewsportal.in/
Description: A lightweight GeneratePress child theme for Sarkari News Portal with a clean blue mobile-first news layout and transparency-focused publisher pages.
Author: Harshit Mishra
Author URI: https://sarkarinewsportal.in/
Template: generatepress
Version: 1.0.0
Text Domain: snp-gp-child
*/

/* ---------------------------------------------------------
   Sarkari News Portal — Global styles
   --------------------------------------------------------- */
:root{
  --snp-blue:#0b57d0;
  --snp-blue-dark:#083b91;
  --snp-blue-light:#eaf2ff;
  --snp-text:#172033;
  --snp-muted:#64748b;
  --snp-border:#dbe4f0;
  --snp-bg:#f6f9fd;
  --snp-white:#fff;
  --snp-green:#128a4a;
  --snp-shadow:0 6px 22px rgba(15,42,80,.08);
  --snp-radius:14px;
}

body{background:var(--snp-bg);color:var(--snp-text)}
a{color:var(--snp-blue)}
a:hover{color:var(--snp-blue-dark)}

.site-header{
  background:linear-gradient(135deg,#063b92,#0b57d0);
}
.site-header .inside-header{padding:16px 20px}
.site-branding .main-title a,
.site-branding .site-description{color:#fff}
.site-branding .main-title{font-size:24px;font-weight:800;line-height:1.05}
.site-branding .site-description{opacity:.88}

.main-navigation{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.main-navigation a{font-weight:600}

.snp-wrap{max-width:1180px;margin:auto;padding:18px 16px}
.snp-hero{
  background:linear-gradient(135deg,#063b92,#0b57d0);
  color:#fff;border-radius:18px;padding:26px;
  box-shadow:var(--snp-shadow);margin-bottom:18px
}
.snp-hero h1{color:#fff;font-size:clamp(28px,5vw,44px);margin:0 0 10px}
.snp-hero p{margin:0 0 18px;max-width:700px;color:#eaf2ff}
.snp-btn{
  display:inline-block;background:#fff;color:#0645a8!important;
  border-radius:10px;padding:11px 16px;font-weight:700;text-decoration:none
}
.snp-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}
.snp-section-title h2{font-size:23px;margin:0}
.snp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.snp-cat{
  background:#fff;border:1px solid var(--snp-border);border-radius:14px;
  padding:16px;text-align:center;box-shadow:var(--snp-shadow);font-weight:700;
  text-decoration:none;display:block
}
.snp-cat-icon{
  width:44px;height:44px;margin:0 auto 8px;border-radius:12px;
  display:grid;place-items:center;background:var(--snp-blue-light);color:var(--snp-blue);
  font-size:20px
}
.snp-updates{background:#fff;border:1px solid var(--snp-border);border-radius:14px;overflow:hidden;box-shadow:var(--snp-shadow)}
.snp-update{
  display:flex;gap:12px;padding:15px;border-bottom:1px solid var(--snp-border);
  align-items:center
}
.snp-update:last-child{border-bottom:0}
.snp-badge{display:inline-block;background:#e8f0ff;color:#0751bf;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}
.snp-update-title{font-weight:700;line-height:1.35}
.snp-meta{font-size:12px;color:var(--snp-muted);margin-top:4px}

.snp-social{
  margin:20px 0;padding:18px;border-radius:16px;
  background:linear-gradient(135deg,#eff6ff,#f8fbff);
  border:1px solid #cfe0ff
}
.snp-social h3{margin:0 0 5px;font-size:20px}
.snp-social p{margin:0 0 12px;color:var(--snp-muted)}
.snp-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.snp-social a{background:#fff;border:1px solid var(--snp-border);border-radius:12px;padding:12px;font-weight:800;text-align:center;text-decoration:none}

.snp-trust{
  background:#fff;border:1px solid var(--snp-border);border-radius:14px;padding:18px;
  box-shadow:var(--snp-shadow)
}
.snp-trust h3{margin:0 0 8px}
.snp-trust p{color:var(--snp-muted)}

.snp-article{
  background:#fff;border:1px solid var(--snp-border);border-radius:16px;
  padding:clamp(18px,3vw,34px);box-shadow:var(--snp-shadow)
}
.snp-breadcrumbs{font-size:13px;color:var(--snp-muted);margin-bottom:14px}
.snp-kicker{display:inline-block;background:#e8f0ff;color:#0751bf;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.snp-article h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:12px 0}
.snp-byline{
  display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;
  font-size:14px;color:var(--snp-muted);border-bottom:1px solid var(--snp-border);padding-bottom:14px
}
.snp-byline strong{color:var(--snp-blue)}
.snp-summary{font-size:18px;line-height:1.65;margin:18px 0;padding:15px;border-left:4px solid var(--snp-blue);background:#f5f8ff}
.snp-source{
  background:#f7fafc;border:1px solid var(--snp-border);border-radius:12px;padding:14px;margin:20px 0
}
.snp-source strong{display:block;margin-bottom:5px}
.snp-source a{font-weight:700}
.snp-table{width:100%;border-collapse:collapse;margin:18px 0}
.snp-table th,.snp-table td{border:1px solid var(--snp-border);padding:10px;text-align:left}
.snp-table th{background:#0b57d0;color:#fff}
.snp-author-box{
  display:flex;gap:14px;align-items:flex-start;background:#f6f9fd;
  border:1px solid var(--snp-border);border-radius:14px;padding:16px;margin-top:28px
}
.snp-author-avatar{
  width:58px;height:58px;border-radius:50%;background:#dce9ff;display:grid;place-items:center;
  color:#0751bf;font-weight:800;flex:0 0 58px
}
.snp-author-box h3{margin:0 0 5px}
.snp-author-box p{margin:0;color:var(--snp-muted);font-size:14px}

.snp-disclosure{
  font-size:13px;color:var(--snp-muted);background:#fff;border-top:1px solid var(--snp-border);
  padding:12px 0;margin-top:20px
}

.snp-whatsapp{
  position:fixed;right:18px;bottom:30%;z-index:9999;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;background:#25d366;color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:26px;text-decoration:none
}
.snp-whatsapp:hover{transform:scale(1.04);color:#fff}

.site-footer{background:#062f73;color:#eaf2ff}
.site-footer a{color:#fff}
.snp-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:28px 16px}
.snp-footer-grid h3{color:#fff;font-size:18px}
.snp-footer-grid p{color:#cbdaf4}
.snp-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:14px 16px;font-size:13px;color:#cbdaf4}

@media(max-width:768px){
  .site-header .inside-header{padding:13px 15px}
  .site-branding .main-title{font-size:19px}
  .site-branding .site-description{font-size:11px}
  .snp-wrap{padding:12px}
  .snp-hero{padding:20px;border-radius:14px}
  .snp-hero h1{font-size:28px}
  .snp-grid{grid-template-columns:repeat(4,1fr);gap:8px}
  .snp-cat{padding:10px 4px;font-size:12px;border-radius:12px}
  .snp-cat-icon{width:38px;height:38px;font-size:17px}
  .snp-update{padding:13px 11px}
  .snp-update-title{font-size:14px}
  .snp-social-grid{grid-template-columns:1fr}
  .snp-article{border-radius:12px;padding:16px}
  .snp-article h1{font-size:28px}
  .snp-summary{font-size:16px}
  .snp-author-box{align-items:flex-start}
  .snp-footer-grid{grid-template-columns:1fr;gap:12px;padding:22px 14px}
  .snp-whatsapp{right:14px;width:52px;height:52px}
}