/*
Theme Name: Khoj Samachar (Nepali)
Theme URI: https://ne.khojsamachar.com/
Author: Roshan Shrestha
Description: Nepali edition of Khoj Samachar – fast, clean, SEO-safe news theme.
Version: 1.0
*/

/* ==================================================
   🌐 GLOBAL RESET & TYPOGRAPHY
================================================== */
body {
  font-family: 'Noto Sans Devanagari', 'Noto Sans', sans-serif;
  background: #ffffff;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 12px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

h2 {
  font-size: 24px;
  border-left: 4px solid #004080;
  padding-left: 12px;
  margin-bottom: 20px;
}

p {
  font-size: 16px;
  line-height: 1.7;
  color: #111;
  margin-bottom: 18px;
}

/* ==================================================
   🔗 LINKS
================================================== */
a {
  color: #065fd4;
  text-decoration: none;
  transition: color .2s ease;
}
a:hover {
  color: #0a48b3;
  text-decoration: underline;
}

/* ==================================================
   🧭 HEADER & BRANDING
================================================== */
.site-header {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

.header-bar {
  max-width: 1200px;
  margin: auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-brand {
  font-size: 22px;
  font-weight: 700;
  color: #004080;
}

/* ==================================================
   📌 NAVIGATION (DESKTOP)
================================================== */
.nav-wrapper {
  background: #fff;
  border-bottom: 1px solid #eee;
}

.main-menu {
  max-width: 1200px;
  margin: auto;
  padding: 14px 20px;
  display: flex;
  gap: 20px;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: auto;
}

.main-menu li a {
  color: #065fd4;
  padding: 6px 4px;
  border-bottom: 2px solid transparent;
}

.main-menu li a:hover,
.main-menu li.current-menu-item a {
  color: #0a48b3;
  border-bottom: 2px solid #0a48b3;
}

/* ==================================================
   ☰ MOBILE MENU TOGGLE
================================================== */
.menu-toggle {
  display: none; /* ❗ Desktop मा पूर्ण रूपमा hide */
  font-size: 24px;
  background: none;
  border: none;
  color: #004080;
  cursor: pointer;
}

/* ==================================================
   📱 MOBILE VIEW
================================================== */
@media (max-width: 768px) {

  .menu-toggle {
    display: block; /* ✅ Mobile मा मात्र show */
  }

  .main-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 12px 20px;
    border-top: 1px solid #ddd;
    z-index: 999;
  }

  .main-menu.open {
    display: flex;
  }

  .main-menu li {
    margin-bottom: 10px;
  }

  h2 {
    font-size: 22px;
  }
}

/* ==================================================
   📰 POST CONTENT IMAGES (RESPONSIVE)
================================================== */
main img,
article img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 15px auto;
  border-radius: 8px;
}

@media (min-width: 992px) {
  main img,
  article img {
    max-width: 900px;
  }
}

/* ==================================================
   👤 AUTHOR AVATAR (SINGLE POST)
================================================== */
.single-post img.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

/* =========================================
   FOOTER – KHOJ SAMACHAR NEPALI STYLE
========================================= */
footer {
  background: #f3f4f6 !important;
  padding: 50px 20px 35px !important;
  border-top: 3px solid #c00 !important;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

/* ===============================
   FOOTER GRID
=============================== */
footer > div:first-child {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 35px;
}

/* ===============================
   FOOTER HEADINGS
=============================== */
footer h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #111;
  position: relative;
}

footer h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  background: #c00;
  margin-top: 6px;
}

/* ===============================
   FOOTER TEXT
=============================== */
footer p {
  font-size: 14px;
  line-height: 1.9;
  color: #333;
  margin-bottom: 10px;
}

/* ===============================
   FOOTER LINKS
=============================== */
footer a {
  color: #b91c1c;
  font-weight: 600;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
  color: #7f1d1d;
}

/* ===============================
   QUICK LINKS SPACING
=============================== */
footer div p a {
  display: inline-block;
  margin-bottom: 6px;
}

/* ===============================
   FOOTER BOTTOM
=============================== */
footer > div:last-child {
  max-width: 900px;
  margin: 40px auto 0;
  padding-top: 18px;
  border-top: 1px solid #ddd;
  text-align: center;
}

footer > div:last-child p {
  font-size: 13px;
  color: #555;
}

/* ===============================
   MOBILE OPTIMIZATION
=============================== */
@media (max-width: 600px) {
  footer {
    padding: 40px 16px !important;
  }

  footer h3 {
    font-size: 16px;
  }

  footer p {
    font-size: 13.5px;
  }
}








/* =====================================================
   SINGLE ARTICLE — FINAL INTERNATIONAL NEWS STYLE
===================================================== */


/* Page background */

body.single-post{
background:#f3f4f6;
color:#1d2329;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}



/* ======================
   ARTICLE WRAPPER
====================== */

.single-post-main{
max-width:780px;
margin:40px auto;
padding:40px 26px 50px;
background:#ffffff;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,.06);
overflow:visible;
}



/* ======================
   TITLE
====================== */

.post-title{
font-size:40px;
line-height:1.36;
font-weight:700;
color:#111;
margin-top:0;
margin-bottom:14px;
letter-spacing:-0.4px;
word-break:break-word;
padding-top:6px;
overflow:visible;
}



/* ======================
   AUTHOR BAR
====================== */

.post-author-meta{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
color:#6b7280;
margin-bottom:18px;
}

.post-author-meta .post-author{
font-weight:600;
color:#0a58ca;
}



/* ======================
   FEATURED IMAGE
====================== */

.post-featured-image{
margin:22px 0 10px;
border-radius:10px;
overflow:hidden;
}

.post-featured-image img{
width:100%;
height:auto;
display:block;
object-fit:cover;
}



/* ======================
   IMAGE CAPTION
====================== */

.featured-caption{
font-size:13px;
color:#6b7280;
margin-top:6px;
line-height:1.5;
}



/* ======================
   CONTENT
====================== */

.post-content{
font-size:19px;
line-height:1.9;
color:#222;
margin-top:18px;
}

.post-content p{
margin-bottom:20px;
}

.post-content h2{
font-size:26px;
margin-top:32px;
margin-bottom:12px;
}

.post-content h3{
font-size:22px;
margin-top:28px;
margin-bottom:10px;
}

.post-content a{
color:#0a58ca;
text-decoration:none;
}

.post-content a:hover{
text-decoration:underline;
}



/* CONTENT IMAGE */

.post-content img{
max-width:100%;
height:auto;
border-radius:6px;
margin:18px 0;
}



/* ======================
   RELATED NEWS
====================== */

.related-news{
margin-top:50px;
padding-top:28px;
border-top:1px solid #e6e6e6;
}

.related-news h3{
font-size:22px;
margin-bottom:18px;
font-weight:700;
}



/* GRID */

.related-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}



/* CARD */

.related-item{
background:#fff;
border-radius:10px;
overflow:hidden;
border:1px solid #eee;
transition:all .25s ease;
}

.related-item:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}



/* IMAGE */

.related-item img{
width:100%;
height:170px;
object-fit:cover;
display:block;
}



/* TITLE */

.related-item h4{
font-size:16px;
padding:12px;
line-height:1.4;
color:#111;
}

.related-item a{
text-decoration:none;
color:inherit;
}



/* ======================
   TABLET
====================== */

@media (max-width:900px){

.single-post-main{
max-width:720px;
}

.post-title{
font-size:34px;
}

.post-content{
font-size:18px;
}

.related-item img{
height:180px;
}

}



/* ======================
   MOBILE
====================== */

@media (max-width:640px){

.single-post-main{
margin:0;
padding:26px 16px 36px;
border-radius:0;
}

.post-title{
font-size:26px;
line-height:1.4;
}

.post-content{
font-size:17px;
line-height:1.85;
}

.related-grid{
grid-template-columns:1fr;
}

.related-item img{
height:200px;
}

}



/* ===== TITLE TOP FIX ===== */

.post-title{
margin-top:12px;
line-height:1.36;
padding-top:4px;
}


/* ===== AUTHOR BAR ===== */

.post-author-meta{
margin-top:6px;
margin-bottom:18px;
}


/* ===== FEATURED IMAGE FIX ===== */

.post-featured-image{
margin-top:24px;
margin-bottom:14px;
}

.post-featured-image img{
width:100%;
height:auto;
display:block;
border-radius:10px;
}


/* ===== MOBILE SAFE ===== */

@media (max-width:640px){

.post-title{
margin-top:8px;
}

.post-featured-image{
margin-top:18px;
}

}


















/* =====================================================
HOMEPAGE — KHOJ SAMACHAR
===================================================== */

/* MAIN CONTAINER */

.home-container{
max-width:1100px;
margin:auto;
padding:30px 20px;
font-family:'Noto Sans',sans-serif;
}

.home-section{
margin-bottom:60px;
}



/* =====================================================
SECTION TITLE
===================================================== */

.section-title{
font-size:26px;
font-weight:700;
border-left:4px solid #d40000;
padding-left:12px;
color:#111;
margin-bottom:24px;
line-height:1.3;
}

.section-title a{
text-decoration:none;
color:#111;
}

.section-title a:hover{
color:#d40000;
}



/* =====================================================
MAIN NEWS GRID
===================================================== */

.main-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}

.main-card{
background:#fff;
border:1px solid #e5e5e5;
border-radius:12px;
padding:16px;
transition:.25s ease;
box-shadow:0 2px 6px rgba(0,0,0,.03);
}

.main-card:hover{
transform:translateY(-6px);
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.main-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:8px;
}

.main-title{
font-size:18px;
font-weight:700;
line-height:1.4;
margin-top:12px;
}

.main-link{
text-decoration:none;
color:#000;
}



/* =====================================================
POLITICS SLIDER
===================================================== */

.politics-slider{
display:flex;
gap:20px;
overflow-x:auto;
padding-bottom:6px;
scroll-snap-type:x mandatory;
}

.politics-slider::-webkit-scrollbar{
height:6px;
}

.politics-slider::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:4px;
}

.politics-card{
flex:0 0 300px;
background:#fff;
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
transition:.25s ease;
}

.politics-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.politics-card img{
width:100%;
height:180px;
object-fit:cover;
}

.politics-content{
padding:14px;
}

.politics-content h3{
font-size:18px;
font-weight:700;
line-height:1.4;
margin-bottom:8px;
}

.politics-content p{
font-size:15px;
color:#444;
line-height:1.6;
}



/* =====================================================
CATEGORY LAYOUT
===================================================== */

.category-layout{
display:flex;
flex-wrap:wrap;
gap:20px;
}

.category-main{
flex:1 1 320px;
background:#fff;
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
transition:.25s;
}

.category-main:hover{
box-shadow:0 6px 20px rgba(0,0,0,.08);
}

.category-main img{
width:100%;
height:200px;
object-fit:cover;
}

.category-main h3{
font-size:18px;
font-weight:700;
line-height:1.4;
padding:12px;
}

.category-main p{
font-size:15px;
padding:0 12px 12px;
color:#444;
line-height:1.6;
}



/* =====================================================
CATEGORY SIDE LIST
===================================================== */

.category-list{
flex:2 1 480px;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.category-item{
display:flex;
gap:10px;
background:#fff;
border:1px solid #eee;
padding:8px;
border-radius:8px;
align-items:center;
transition:.2s;
}

.category-item:hover{
background:#fafafa;
}

.category-item img{
width:70px;
height:70px;
object-fit:cover;
border-radius:6px;
}

.category-item h4{
font-size:15px;
margin:0;
line-height:1.4;
font-weight:600;
}



/* =====================================================
TABLET
===================================================== */

@media (max-width:900px){

.home-container{
padding:24px 16px;
}

.section-title{
font-size:22px;
}

.category-layout{
flex-direction:column;
}

}



/* =====================================================
MOBILE
===================================================== */

@media (max-width:640px){

.main-grid{
grid-template-columns:1fr;
}

.category-list{
grid-template-columns:1fr;
}

.main-card img{
height:200px;
}

.politics-card{
flex:0 0 260px;
}

}