/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Jyoti
Author URI: https://sutathyanews.online/
Template: astra
Version: 1.0
*/

/* Child theme CSS yahan likhen */

/* =========================================
   Ditty: Hide pulling / source icon (d:)
========================================= */
.ditty-item-icon,
.ditty-icon,
.ditty-item-prefix,
.ditty-source-icon {
  display: none !important;
}

/* Agar text ke roop me d: aa raha ho */
.ditty-item span:first-child {
  display: none !important;
}

.ditty,
.ditty-container,
.ditty-wrap {
  min-height: 90px;
  overflow: hidden;
}

.ditty-item {
  line-height: 1.4;
}


/* =========================================
   Floating WhatsApp Channel Button
========================================= */
.wa-channel-float {
  position: fixed;
  bottom: 140px;
  right: 20px;
  background: #25D366;
  color: #fff;
  padding: 12px 14px;
  border-radius: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 9999;
  transition: transform 0.3s ease;
}

.wa-channel-float:hover {
  transform: scale(1.05);
}

.wa-channel-float img {
  width: 22px;
  height: 22px;
}

/* Mobile optimization */
@media (max-width:600px) {
  .wa-channel-float {
    bottom: 100px;
    right: 15px;
    font-size: 13px;
  }
}



/* =================================================
   PROFESSIONAL NEWS LAYOUT – FINAL VERSION
   Safe for Astra Child Theme
   Applies ONLY where .news-wrap is used
================================================= */

/* ===== OUTER WRAPPER ===== */
.news-wrap{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0;
  background:#f2f5fa;
}

/* ===== INNER CONTAINER ===== */
.news-wrap .news-container{
  max-width:1200px;
  margin:0 auto;
  padding:36px 28px;
  background:#ffffff;
  box-sizing:border-box;
}

/* ===== MOBILE BALANCE ===== */
@media (max-width:768px){
  .news-wrap .news-container{
    padding:16px 8px;
  }
}

/* ===== MAIN HEADING ===== */
.news-wrap h1{
  font-size:2.4rem;        /* Desktop big & bold */
  line-height:1.35;
  margin-bottom:16px;
  color:#0b3a5a;
  font-weight:700;
}

/* ===== META (LOCATION + DATE) ===== */
.news-meta{
  font-size:1.2rem;
  color:#555;
  margin-bottom:6px;
}

/* ===== EDITOR / BYLINE ===== */
.news-byline{
  font-size:1.2rem;
  color:#333;
  margin-bottom:22px;
}

/* ===== PARAGRAPHS (CORE READABILITY) ===== */
.news-wrap p{
  font-size:1.2rem;       /* minimum readable size */
  line-height:2.1;        /* spelling clear, airy lines */
  letter-spacing:0.01em;
  word-spacing:0.05em;
  margin-bottom:22px;
  text-align:justify;
  color:#111;
}

/* ===== IMAGES ===== */
.news-wrap img{
  width:100%;
  height:auto;
  border-radius:16px;
  display:block;
}

/* ===== IMPORTANT HIGHLIGHT BOX ===== */
.news-highlight{
  font-size:1.55rem;
  line-height:2;
  background:#eef4ff;
  border-left:6px solid #0b3a5a;
  padding:18px 20px;
  margin:28px 0;
  border-radius:10px;
  font-weight:600;
  color:#111;
}

/* ===== KEYWORD / DATE HIGHLIGHT ===== */
.news-key{
  background:#fff2cc;
  padding:3px 7px;
  border-radius:5px;
  font-weight:600;
}

/* ===== IN-CONTENT AD SPACE (AUTO + MANUAL SAFE) ===== */
.news-ad{
  margin:34px 0;
  text-align:center;
}

/* ===== FOOTER NOTE / SOURCE ===== */
.news-note{
  font-size:1.15rem;
  color:#555;
  border-top:1px solid #e0e0e0;
  padding-top:16px;
  margin-top:32px;
}

/* ===== EXTRA: DESKTOP LARGE SCREENS ===== */
@media (min-width:1200px){
  .news-wrap .news-container{
    padding:44px 40px;
  }
}

/* =========================================
   FIGURE + IMAGE + CAPTION POLISH
========================================= */

.news-image{
  margin:24px 0 30px;
  background:#f6f7f9;           /* soft neutral bg */
  border-radius:18px;
  padding:12px;
}

.news-image img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
  background:#e9ecef;           /* image loading bg */
}

.news-image figcaption{
  margin-top:10px;
  font-size:1.1rem;
  line-height:1.6;
  color:#555;
  text-align:center;            /* 👈 center caption */
}

/* =========================================
   FIX EXTRA GAP BETWEEN TITLE & CONTENT
========================================= */

/* Post title ke niche ka gap kam kare */
.single-post .entry-header{
  margin-bottom: 10px !important;
}

/* Date / meta ke niche ka gap kam */
.single-post .entry-meta{
  margin-bottom: 6px !important;
}

/* Content ke upar ka extra space hatao */
.single-post .entry-content{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Agar first element news-wrap ho to aur tight spacing */
.single-post .entry-content > .news-wrap{
  margin-top: 0 !important;
}


/* =========================================
   IMAGE ZOOM / LIGHTBOX (NEWS)
========================================= */

.news-img-zoom{
  cursor: zoom-in;
}

.news-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.news-lightbox img{
  max-width: 95%;
  max-height: 95%;
  border-radius: 12px;
  cursor: zoom-out;
}