/*
Theme Name: Nijukti News Theme (Starter)
Theme URI: https://example.com/nijukti-news
Author: Generated by ChatGPT
Author URI: https://openai.com
Description: A lightweight, mobile-first starter theme for job/exam news portals. Includes CPTs, AJAX search, ad slots, and basic templates.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: nijukti-news
*/
/* Basic reset & typography */
html,body{margin:0;padding:0;font-family:Inter,Roboto,Arial, sans-serif;background:#fff;color:#111}
a{color:#d33;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:12px}
header.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}
.site-logo{font-weight:700;font-size:22px}
.search-wrap{flex:1;margin-left:16px;max-width:480px}
.search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
.hero-slider{margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{border:1px solid #eee;padding:12px;border-radius:6px;background:#fff}
.meta{font-size:13px;color:#666;margin-top:6px}
aside.sidebar{width:300px;position:sticky;top:12px}

/* Card + layout styles — move to style.css for production */
.container { max-width:1020px; margin:24px auto; padding:20px; box-sizing:border-box; }
.header-flex { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.search-box input { padding:8px 12px; border:1px solid #ccc; border-radius:4px; width:320px; }

.section-title { font-size:1.25rem; margin:30px 0 12px; font-weight:700; color:#222; }

.grid { display:flex; flex-wrap:wrap; gap:16px; margin:0; padding:0; }
.fgja-card {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  padding:18px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.06);
  background:#ffffff;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02), 0 6px 18px rgba(20,20,20,0.03);
  transition: transform .16s ease, box-shadow .16s ease;
  min-height:110px;
  box-sizing:border-box;
  flex:1 1 calc(50% - 16px);
}
.fgja-card:hover { transform: translateY(-6px); box-shadow: 0 8px 28px rgba(20,20,20,0.08); }

.fgja-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.fgja-card__title { margin:0; font-size:1.05rem; line-height:1.2; color:#c62828; font-weight:600; }
.fgja-card__title a { text-decoration:none; color:inherit; }

.fgja-meta-row { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.fgja-card__meta-list { margin:0; padding:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; color:#6b6b6b; font-size:0.92rem; }
.fgja-card__meta-list li { margin:0; }

.fgja-small { font-size:0.92rem; color:#555; }
.fgja-meta-label { font-weight:600; color:#333; margin-right:6px; }

.fgja-expired {
  display:inline-block;
  padding:6px 10px;
  border-radius:8px;
  background:#fff3f3;
  color:#b71c1c;
  border:1px solid rgba(183,28,28,0.06);
  font-weight:700;
  font-size:0.85rem;
}

.fgja-share {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}

.fgja-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all .2s ease;
}

/* WhatsApp */
.fgja-share-btn.wa {
    background: #25D366;
}
.fgja-share-btn.wa:hover {
    background: #1da955;
}

/* Facebook */
.fgja-share-btn.fb {
    background: #1877F2;
}
.fgja-share-btn.fb:hover {
    background: #0f5fcc;
}

/* Telegram */
.fgja-share-btn.tg {
    background: #0088cc;
}
.fgja-share-btn.tg:hover {
    background: #006fa5;
}

/* Mobile spacing */
@media (max-width: 480px) {
    .fgja-share-btn {
        flex: 1 1 100%;
        justify-content: center;
    }
}


@media (max-width:900px) {
  .fgja-card { flex:1 1 100%; padding:14px; }
  .fgja-card__title { font-size:1rem; }
}

@media(max-width:800px){.grid{grid-template-columns:1fr}.sidebar{position:static;width:100%;margin-top:12px}}
.ad-slot{background:#f7f7f7;border:1px dashed #ddd;padding:8px;text-align:center;font-size:13px;color:#666}
.post-content{line-height:1.7;}
.breadcrumbs{font-size:13px;color:#666;margin-bottom:8px}
.share-buttons{display:flex;gap:8px;margin-top:12px}