/*
Theme Name: Gahoi Garjna
Theme URI: https://example.com
Author: Gahoi Darshan Patrika
Description: Gahoi Garjna (Gahoi Darshan Patrika) ke liye custom news/patrika theme. Reporter submission, city-tag news listing, contact form.
Version: 1.0
Text Domain: gahoi-garjna
*/
 
:root{
  --paper:#FBF6EC;
  --ink:#241C15;
  --maroon:#7A1F2B;
  --gold:#B08B3D;
  --teal:#1F4B43;
  --cream:#E4DCC8;
}
 
*{box-sizing:border-box;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Noto Sans Devanagari','Noto Sans',sans-serif;
  margin:0;
  line-height:1.6;
}
h1,h2,h3,.masthead-title{
  font-family:'Tiro Devanagari Hindi',serif;
}
a{color:var(--teal); text-decoration:none;}
a:hover{text-decoration:none;color: var(--gold)!important;}
img{max-width:100%; height:auto; display:block;}
 
/* ---------- Header / Masthead ---------- */
.site-topbar{
  background:var(--maroon);
  padding:6px 20px;
}
.topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1250px;
  margin:0 auto;
  flex-wrap:wrap;
  gap:8px;
}
.topbar-contact{display:flex; gap:16px; flex-wrap:wrap;}
.topbar-inner a{
  color:#f3ece0;
  font-size:.95rem;
  display:flex;
  align-items:center;
  gap:5px;
}
.topbar-inner a:hover{color:var(--gold); text-decoration:none;}
 
.topbar-social{display:flex; gap:8px;}
.topbar-social a{
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; color:#fff !important;
}
.topbar-social a:hover{opacity:.85;}
.fb-badge{background:#1877F2;}
.ig-badge{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);}
.li-badge{background:#0073b2;}
.wa-badge{background:#25D366;}
.yt-badge{background:#FF0000;}
 
.welcome-band{
  background:var(--gold);
  color:#241C15;
  text-align:center;
  font-size:.85rem;
  letter-spacing:1px;
  padding:6px;
}
 
/* Real brand colors for social icons (footer) */
.footer-social a{
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fb-icon{color:#1877F2;}
.fb-icon:hover{color:#1877F2; opacity:.8;}
 
.ig-icon i{
  background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.ig-icon:hover{opacity:.8;}
 
.li-icon{color:#0073b2;}
.li-icon:hover{color:#0073b2; opacity:.8;}
 
.yt-icon{color:#FF0000;}
.yt-icon:hover{color:#FF0000; opacity:.8;}
 
.wa-icon{color:#25D366;}
.wa-icon:hover{color:#25D366; opacity:.8;}
.site-masthead{
  background:#fff;
  border-bottom:3px solid var(--gold);
  padding:18px 20px 10px;
  text-align:center;
}
/*.site-masthead .logo img{margin:0 auto 6px; max-height:100px;}*/
.masthead-title{
  font-size:2.2rem;
  color:var(--maroon);
  margin:0;
}
.masthead-tagline{
  color:var(--teal);
  font-size:.95rem;
  margin-top:2px;
}
.main-nav{
  background:var(--maroon);
  border-top:1px solid var(--gold);
}
.main-nav ul{
  list-style:none;
  display:flex;
  justify-content:center;
  gap:6px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.main-nav a{
  display:block;
  color:#fff;
  padding:12px 18px;
  font-weight:600;
  letter-spacing:.3px;
}
.main-nav a:hover{
  background:var(--gold);
  text-decoration:none;
  color: #fff!important;
}
 
/* ---------- Layout ---------- */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px;
}

/* ---------- News cards ---------- */
.news-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:22px;
  margin-top:20px;
}
.news-card{
  background:var(--cream);
  border:1px solid var(--gold);
  border-radius:4px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.news-card img{aspect-ratio:16/10; object-fit:cover;}
.news-card-body{padding:12px 14px; flex:1; display:flex; flex-direction:column;}
.news-card h3{margin:0 0 8px; font-size:1.15rem;}
.news-card h3 a{color:var(--ink);}
.city-tag{
  display:inline-block;
  background:var(--teal);
  color:#fff;
  font-size:.72rem;
  padding:2px 10px;
  border-radius:12px;
  margin-bottom:8px;
  width:fit-content;
}
.news-meta{
  font-size:.8rem;
  color:#6b5f4d;
  margin-top:auto;
  padding-top:8px;
  border-top:1px dashed var(--gold);
}

.featured-story{
  background:var(--cream);
  border:1px solid var(--gold);
  border-radius:4px;
  margin-bottom:10px;
  overflow:hidden;
}
.featured-story img{max-height:420px; width:100%; object-fit:cover;}
.featured-story-body{padding:18px 20px;}
.featured-story h2{margin:0 0 10px; font-size:1.8rem; color:var(--maroon);}

/* ---------- Single news ---------- */
.single-news-header{margin-bottom:14px;}
.single-news-header h1{color:var(--maroon); font-size:2rem; margin:0 0 8px;}
.single-news-meta{
  font-size:.85rem;
  color:#6b5f4d;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  border-bottom:1px dashed var(--gold);
  padding-bottom:10px;
}
.single-news-thumb{margin:16px 0;}
.single-news-content{font-size:1.05rem;}
.single-news-video{margin-top:20px;}
.reporter-box{
  margin-top:28px;
  background:var(--cream);
  border-left:4px solid var(--maroon);
  padding:14px 16px;
  font-size:.92rem;
}
.reporter-box strong{color:var(--maroon);}

/* ---------- Forms ---------- */
.gg-form{
  background:var(--cream);
  border:1px solid var(--gold);
  border-radius:6px;
  padding:22px;
  max-width:620px;
  margin-top:18px;
}
.gg-form label{
  display:block;
  font-weight:600;
  margin:14px 0 5px;
  color:var(--maroon);
}
.gg-form input[type=text],
.gg-form input[type=url],
.gg-form input[type=email],
.gg-form input[type=tel],
.gg-form input[type=file],
.gg-form textarea{
  width:100%;
  padding:9px 11px;
  border:1px solid var(--gold);
  border-radius:4px;
  background:#fff;
  font-family:inherit;
  font-size:1rem;
}
.gg-form textarea{min-height:110px;}
.gg-form .save-btn{
  margin-top:20px;
  background:var(--maroon);
  color:#fff;
  border:none;
  padding:11px 26px;
  border-radius:4px;
  font-size:1rem;
  font-weight:600;
  cursor:pointer;
}
.gg-form .save-btn:hover{background:var(--teal);}
.gg-notice{
  padding:10px 14px;
  border-radius:4px;
  margin-top:14px;
  font-size:.92rem;
}
.gg-notice.success{background:#e2f0e6; color:#1F4B43; border:1px solid var(--teal);margin-bottom: 10px;}
.gg-notice.error{background:#f7e2e2; color:#7A1F2B; border:1px solid var(--maroon);}

/* ---------- Contact ---------- */
.contact-wrap{display:flex; gap:30px; flex-wrap:wrap;}
.contact-info{flex:1; min-width:240px;}
.contact-info h3{color:var(--maroon);}

/* ---------- Footer ---------- */
.site-footer{
  background:var(--maroon);
  color:#f3ece0;
  margin-top:40px;
  padding:34px 16px 18px;
}
.footer-inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  gap:30px;
  flex-wrap:wrap;
}
.footer-about{flex:1.6; min-width:200px;}
.footer-about h4{color:var(--gold); margin:0 0 8px; font-family:'Tiro Devanagari Hindi',serif;}
.footer-about{display:flex; flex-direction:column;}
.footer-about .editor-photo{
  width:90px; height:90px; border-radius:50%; object-fit:cover;
 border:2px solid var(--gold);
}
.footer-links{flex:1; min-width:160px;}
.footer-links h4{color:var(--gold); margin:0 0 8px;}
.footer-links ul{list-style:none; padding:0; margin:0;}
.footer-links a{color:#f3ece0;}
.footer-bottom{
  text-align:center;
  font-size:.8rem;
  border-top:1px solid rgba(255,255,255,.2);
  margin-top:22px;
  padding-top:14px;
  color:#e4dcc8;
}
.sticky-header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--paper);
}
.nav-toggle{
  display:none;
  background:var(--maroon);
  border:none;
  color:#fff;
  font-size:24px;
  padding:10px 16px;
  width:100%;
  text-align:right;
  cursor:pointer;
}

@media (max-width: 768px){
  .topbar-social a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    }
  .topbar-inner{flex-direction:column; align-items:center;}
  .topbar-contact{flex-direction:column; gap:6px;align-items: center;}

  .site-masthead{padding:14px 12px 8px;}
  .masthead-title{font-size:1.5rem;}

  .nav-toggle{display:block;}

  .main-nav ul{
    display:none;
    flex-direction:column;
    gap:0;
  }
  .main-nav.open ul{display:flex;}
  .main-nav a{
    padding:12px 16px;
    border-top:1px solid rgba(255,255,255,.15);
  }

  .news-grid{grid-template-columns:1fr;}
  .contact-wrap{flex-direction:column;}
  .footer-inner{flex-direction:column;}
}

#gg-main-nav ul li.current-menu-item > a {
    background: var(--gold);
    color: #fff;
}
.gg-form {
    display: flex;
    flex-direction: column;
    gap: 10px; /* yahan se gap control hoga - kam karna ho to 5px, jyada ho to 15-20px kar dena */
}

.gg-form input,
.gg-form textarea {
    padding: 10px;
    margin: 0; /* margin hata di taaki extra gap na aaye */
    box-sizing: border-box;
    width: 100%;
}

.gg-form textarea {
    min-height: 120px;
    resize: vertical;
}

.gg-form input::placeholder,
.gg-form textarea::placeholder {
    color: var(--maroon);
    opacity: 1; /* Firefox default opacity kam kar deta hai, isliye ye zaroori hai */
}
.topbar-social .wa-badge{
    
    background:#25D366;
    color:#fff !important;

}

.topbar-social .wa-text{
    font-size:13px;
    white-space:nowrap;
}

@media(max-width:768px){
    .topbar-social .wa-text{
        display:none; /* मोबाइल पर सिर्फ आइकन दिखेगा */
    }

}

.masthead-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1px;
    flex-wrap:wrap;
}
.masthead-row .logo img{
    max-height:115px;
    width:100%;
}
.linkk a::before{
  content:"›"; color:var(--marigold); font-weight:700; font-size:1.1rem;margin-right:6px;
}