/*
Theme Name: Sarkarinama Child
Theme URI: https://sarkarinama.com
Description: GeneratePress child theme for Sarkarinama.com. Fully dynamic homepage: category cards, marquee, badges, FAQ and author box are all driven by posts, post meta and Customizer settings.
Author: Sarkarinama
Template: generatepress
Version: 1.0.0
License: GPLv2 or later
Text Domain: sarkarinama
*/

:root{--sn-primary:#0a2e7a;--sn-accent:#ab183d;--sn-border:#d9e0ec;--sn-soft:#f8faff;}

/* ---------- Heading ---------- */
.sn-main-heading{text-align:center;}
.sn-main-heading h1{color:var(--sn-primary);font-weight:700;font-size:22px;text-align:center;margin:10px 0;line-height:1.4;}
.sn-slide-text{color:var(--sn-accent);font-weight:800;display:inline-block;transition:opacity .4s;}
.sn-slide-text.is-out{opacity:0;}

/* ---------- Search ---------- */
.sn-search-wrap{max-width:700px;margin:16px auto;padding:0 10px;}
.sn-search-form{display:flex;background:#fff;border:2px solid var(--sn-primary);border-radius:30px;overflow:hidden;box-shadow:0 4px 15px rgba(10,46,122,.12);}
.sn-search-form input[type=search]{flex:1;border:none;outline:none;padding:13px 18px;font-size:14px;font-weight:600;color:var(--sn-primary);background:transparent;}
.sn-search-form button{border:none;background:var(--sn-primary);color:#fff;font-weight:700;font-size:13px;padding:0 22px;cursor:pointer;transition:.2s;white-space:nowrap;}
.sn-search-form button:hover,.sn-search-form button:focus-visible{background:var(--sn-accent);color:#fff;}

/* ---------- Marquee ---------- */
.sn-marq{background:#fffbe6;border:1px solid #ffeb99;padding:8px 0;overflow:hidden;border-radius:6px;margin:10px 0;}
.sn-marq-track{white-space:nowrap;animation:snMarq 30s linear infinite;display:inline-flex;gap:22px;font-weight:700;font-size:13px;}
.sn-marq-track a{color:var(--sn-primary);text-decoration:none;}
.sn-marq:hover .sn-marq-track{animation-play-state:paused;}
@keyframes snMarq{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* ---------- Top buttons ---------- */

/* ---------- Social ---------- */
.sn-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
.sn-social-box{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:#fff;}
.sn-social-box.wa{border:2px solid #25D366;}.sn-social-box.tg{border:2px solid #229ED9;}
.sn-social-box span{font-weight:700;font-size:13px;color:#fff;padding:5px 10px;border-radius:4px;}
.sn-social-box.wa span,.sn-social-box.wa a{background:#25D366;}.sn-social-box.tg span,.sn-social-box.tg a{background:#229ED9;}
.sn-social-box a{text-decoration:none;font-weight:700;font-size:13px;padding:6px 14px;border-radius:4px;color:#fff;}

/* ---------- Cards ---------- */
.sn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;}
.sn-card{background:#fff;border:1px solid var(--sn-border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.25s;}
.sn-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(10,46,122,.18);border-color:var(--sn-primary);}
.sn-card-head{background:var(--sn-primary);color:#fff;text-align:center;padding:10px;font-weight:700;font-size:13px;text-transform:uppercase;}
.sn-list{list-style:none;margin:0;padding:0;flex:1;}
.sn-list li{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:13px;display:flex;align-items:center;gap:6px;margin:0;}
.sn-list li:hover{background:#f0f6ff;}
.sn-list li a{color:#1a1a1a;text-decoration:none;flex:1;}
.sn-list li.sn-empty{color:#777;}
.sn-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;color:#fff;margin-left:auto;white-space:nowrap;}
.b-new{background:#d32f2f;animation:snBlink 1s infinite}.b-date{background:var(--sn-primary)}.b-close{background:#ff6f00}
@keyframes snBlink{50%{opacity:.6}}
.sn-more{text-align:center;padding:10px;border-top:1px solid #eef2f7;background:var(--sn-soft);}
.sn-more a{border:1px solid var(--sn-primary);color:var(--sn-primary);padding:5px 14px;font-size:11px;font-weight:700;text-decoration:none;border-radius:20px;}
.sn-more a:hover{background:var(--sn-primary);color:#fff;}

/* ---------- Archive list ---------- */
.sn-archive{margin-bottom:20px;}
.sn-archive .sn-list li{padding:12px 14px;font-size:14px;}
.sn-archive .sn-date{margin-left:auto;font-size:11px;color:#667;white-space:nowrap;}
.sn-archive .sn-date + .sn-badge{margin-left:8px;}
.sn-archive-desc{font-size:13.5px;line-height:1.8;background:#fff;border:1px solid var(--sn-border);border-radius:8px;padding:14px;margin-bottom:14px;}
.sn-pagination{text-align:center;margin:18px 0;}
.sn-pagination .page-numbers{display:inline-block;padding:6px 12px;margin:2px;border:1px solid var(--sn-primary);border-radius:6px;color:var(--sn-primary);text-decoration:none;font-weight:700;font-size:13px;}
.sn-pagination .page-numbers.current,.sn-pagination .page-numbers:hover{background:var(--sn-primary);color:#fff;}

/* ---------- Single post info box ---------- */
.sn-info-box{background:#fff8e1;border-left:4px solid #ff6f00;padding:10px 14px;margin-bottom:18px;font-size:14px;border-radius:4px;}

/* ---------- SEO / content box ---------- */
.sn-seo,.sn-author,.sn-faq{background:#fff;border:1px solid var(--sn-border);border-radius:8px;padding:22px;margin-top:18px;}
.sn-seo h2,.sn-faq h2{font-size:16px;color:#fff;background:var(--sn-primary);padding:10px 14px;margin:24px 0 14px 0;text-transform:uppercase;line-height:1.4;}
.sn-seo h2:first-child,.sn-faq h2:first-child{margin-top:0;}
.sn-seo h3{font-size:13px;color:var(--sn-primary);margin:18px 0 8px 0;text-transform:uppercase;background:#f1f5ff;padding:7px 10px;border-left:4px solid var(--sn-primary);}
.sn-seo p{font-size:13.5px;line-height:1.9;color:#222;margin-bottom:12px;text-align:left;}
.sn-seo img{max-width:100%;height:auto;border-radius:8px;display:block;margin:14px auto;}
.sn-seo .sn-grid{margin-bottom:14px;}

/* ---------- Author ---------- */
.sn-author{display:flex;gap:14px;align-items:center;background:var(--sn-soft);border:2px solid var(--sn-primary);}
.sn-author-img{width:64px;height:64px;border-radius:50%;background:var(--sn-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;flex-shrink:0;overflow:hidden;}
.sn-author-img img{width:100%;height:100%;object-fit:cover;}
.sn-author h4{margin:0 0 4px 0;color:var(--sn-primary);font-size:16px;}
.sn-author p{margin:0 0 6px 0;font-size:12.5px;line-height:1.6;color:#444;}
.sn-author-tag{font-size:10px;background:var(--sn-primary);color:#fff;padding:3px 8px;border-radius:10px;margin-right:4px;display:inline-block;}

/* ---------- FAQ ---------- */
.sn-faq-item{border-bottom:1px solid #eef2f7;padding:12px 0;}
.sn-faq-item:last-child{border-bottom:none;}
.sn-faq-item b{font-size:13.5px;color:var(--sn-primary);display:block;margin-bottom:5px;}
.sn-faq-item p{font-size:13px;color:#333;line-height:1.7;margin:0;}

/* ---------- Footer links ---------- */
.sn-foot-wrap h2{font-size:16px;color:#fff;background:var(--sn-primary);padding:10px 14px;margin:18px 0 0 0;text-transform:uppercase;}
.sn-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 18px;}
.sn-foot a{background:#fff;border:1px solid var(--sn-border);padding:12px;text-align:center;font-size:12px;font-weight:700;color:var(--sn-primary);text-decoration:none;border-radius:8px;}
.sn-foot a:hover{background:var(--sn-primary);color:#fff;}

/* ---------- Accessibility ---------- */
.sn-home a:focus-visible,.sn-archive a:focus-visible,.sn-foot a:focus-visible{outline:3px solid #ff6f00;outline-offset:2px;}
@media (prefers-reduced-motion:reduce){
  .sn-marq-track{animation:none;flex-wrap:wrap;white-space:normal;}
  .b-new{animation:none;}
  .sn-card,.sn-top a{transition:none;}
}

/* ---------- Mobile (full-bleed like original) ---------- */
@media(max-width:768px){
  html,body{overflow-x:hidden;}
  .sn-main-heading h1{font-size:18px;}
  .sn-search-wrap{width:100vw;margin-left:calc(-50vw + 50%);max-width:100vw;padding:10px;background:var(--sn-soft);margin-top:0;margin-bottom:0;}
  .sn-search-form{border-radius:10px;}
  .sn-social{width:100vw;margin-left:calc(-50vw + 50%);padding:8px;background:#fff;grid-template-columns:1fr;gap:8px;}
  .sn-grid{width:100vw;margin-left:calc(-50vw + 50%);gap:0;grid-template-columns:1fr;}
  .sn-seo .sn-grid{width:auto;margin-left:0;}
  .sn-card{border-radius:0;border-left:none;border-right:none;border-top:none;}
  .sn-card-head{text-align:left;padding:13px 14px;}
  .sn-seo,.sn-author,.sn-faq{width:100vw;margin-left:calc(-50vw + 50%);border-radius:0;border-left:none;border-right:none;}
  .sn-foot-wrap{width:100vw;margin-left:calc(-50vw + 50%);}
  .sn-foot{grid-template-columns:1fr 1fr;padding:1px;gap:1px;background:var(--sn-primary);margin-top:0;}
  .sn-foot a{border-radius:0;border:none;font-size:11px;padding:14px 6px;}
  .sn-foot-wrap h2{margin-top:18px;}
}

/* ---------- Category links inside SEO text ---------- */
.sn-cat-links{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:24px;}
.sn-cat-links li{font-size:13.5px;line-height:1.7;padding:6px 0;border-bottom:1px dashed #e0e6f0;break-inside:avoid;}
.sn-cat-links a{color:var(--sn-primary);text-decoration:none;}
.sn-cat-links a:hover{text-decoration:underline;}
@media(max-width:768px){.sn-cat-links{columns:1;}}
h2.sn-card-head{margin:0;color:#fff;font-size:13px;line-height:1.4;}

/* ---------- Lists inside the SEO article ---------- */
.sn-seo ul,.sn-seo ol{margin:0 0 14px 22px;padding:0;font-size:13.5px;line-height:1.9;color:#222;}
.sn-seo li{margin-bottom:4px;}
.sn-seo ul.sn-cat-links{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:24px;font-size:13.5px;line-height:1.7;}
.sn-seo ul.sn-cat-links li{padding:6px 0;margin:0;border-bottom:1px dashed #e0e6f0;break-inside:avoid;}
@media(max-width:768px){.sn-seo ul.sn-cat-links{columns:1;}}

/* ---------- Featured post boxes (top) ---------- */
.sn-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;}
.sn-fbox{--c:#0a2e7a;background:#fff;border:2px solid var(--c);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;}
.sn-fbox:nth-child(8n+1){--c:#ab183d}.sn-fbox:nth-child(8n+2){--c:#0a2e7a}.sn-fbox:nth-child(8n+3){--c:#0d8bf2}.sn-fbox:nth-child(8n+4){--c:#7b1fa2}
.sn-fbox:nth-child(8n+5){--c:#e91e63}.sn-fbox:nth-child(8n+6){--c:#2e7d32}.sn-fbox:nth-child(8n+7){--c:#ef6c00}.sn-fbox:nth-child(8n+8){--c:#00897b}
.sn-fbox:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.18);}
.sn-fbox-head{background:var(--c);color:#fff;text-align:center;font-weight:700;font-size:13px;padding:10px 8px;text-decoration:none;display:block;}
.sn-fbox-head:hover,.sn-fbox-head:focus-visible{color:#fff;filter:brightness(1.12);}
.sn-fbox-post{display:flex;flex-direction:column;gap:6px;padding:8px;color:#1a1a1a;text-decoration:none;flex:1;font-size:12.5px;font-weight:600;line-height:1.4;}
.sn-fbox-post:hover{color:var(--c);}
.sn-fbox-post img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block;}
.sn-fbox-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sn-fbox-post .sn-badge{align-self:flex-start;margin-left:0;}
.sn-fbox-empty{padding:14px 8px;font-size:12px;color:#777;text-align:center;flex:1;}
@media(max-width:768px){
  .sn-feat{width:100vw;margin-left:calc(-50vw + 50%);gap:1px;background:var(--sn-primary);padding:1px;grid-template-columns:1fr 1fr;}
  .sn-fbox{border:none;border-radius:0;}
}