/*
Theme Name:   The Coverage — Jannah Child
Theme URI:    https://thecoverage.net/
Description:  Speed + mobile + homepage fixes for The Coverage (Jannah). Do not edit the parent Jannah theme.
Author:       The Coverage
Template:     jannah
Version:      1.0.0
Text Domain:  thecoverage-child
*/

/* =========================================================
   1) Compact header — empty white space hatao
   ========================================================= */
#theme-header,
#theme-header .container {
  padding-top: 0;
  padding-bottom: 0;
}

#theme-header .logo-container {
  padding-top: 10px;
  padding-bottom: 8px;
}

#theme-header .logo,
#theme-header .logo a,
#theme-header .logo img {
  max-height: 48px;
  width: auto;
}

#theme-header .logo-text,
#theme-header h1.logo-text,
#theme-header .site-title {
  font-size: 28px;
  line-height: 1.15;
  margin: 0;
}

/* Main menu tight */
.main-nav,
.main-nav-wrapper {
  min-height: 46px;
}

.main-nav .menu > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Popular Articles button menu ke saath chipakna band */
#theme-header .components,
#theme-header .header-components {
  align-items: center;
}

/* =========================================================
   2) Related-search / “ज़्यादा जानें” overlay hide
      (AdSense auto related-search / RSOC style widgets)
   ========================================================= */
.gsc-control-wrapper-cse,
.gcse-search,
[id*="related-search"],
[class*="related-search"],
[class*="related_search"],
[id*="rsoc"],
[class*="rsoc"],
div[aria-label="Related searches"],
iframe[src*="google.com/afs"],
iframe[src*="googleadservices"],
.adsbygoogle[data-anchor-status="displayed"] {
  display: none !important;
}

/* Bottom floating search bar that covers hero */
body > div[style*="position: fixed"][style*="bottom"] input[type="search"],
body > div[style*="position: fixed"][style*="z-index"] form[role="search"] {
  pointer-events: auto;
}

/* =========================================================
   3) Hero / slider — title padhne layak
   ========================================================= */
.slider-area .thumb-title,
.slider-area .thumb-title a,
.main-slider .thumb-title a {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
  line-height: 1.28;
}

.slider-area .thumb-overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.18) 55%,
    rgba(0, 0, 0, 0.05) 100%
  );
}

.slider-area .grid-item {
  min-height: 220px;
}

/* =========================================================
   4) Cards — truncated “ताजा...” fix + readable titles
   ========================================================= */
.posts-items .post-title a,
.mag-box .post-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.35;
}

.posts-items .post-details {
  min-width: 0;
}

/* =========================================================
   5) Mobile first
   ========================================================= */
@media (max-width: 767px) {
  #theme-header .logo-container {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  #theme-header .logo,
  #theme-header .logo img {
    max-height: 32px;
  }

  #theme-header .logo-text,
  #theme-header h1.logo-text,
  #theme-header .site-title {
    font-size: 20px;
  }

  /* Compact sticky header */
  .fixed-on-hold #theme-header,
  .is-header-fixed #theme-header {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  }

  /* Homepage: list style more readable than tiny 2-col cards */
  .mag-box .posts-items .post-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .mag-box .posts-items .post-thumb,
  .mag-box .posts-items .post-thumb img {
    width: 110px;
    min-width: 110px;
    height: 78px;
    object-fit: cover;
    border-radius: 6px;
  }

  .mag-box .posts-items .post-title {
    font-size: 16px;
    margin: 0 0 4px;
  }

  .slider-area .thumb-title a {
    font-size: 18px;
  }

  /* Breaking ticker one line */
  #tie-wrapper .breaking-news,
  .breaking {
    font-size: 13px;
  }

  /* Hide bulky header extras on phones */
  #theme-header .social-icons,
  .header-layout-3 .header-components .search-compact + * {
    /* keep search + menu */
  }
}

/* Dark skin contrast */
.dark-skin .mag-box .posts-items .post-item {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* Hindi body readability */
body,
.entry,
.post-content,
.thumb-title,
.post-title {
  font-family: "Noto Sans Devanagari", "Noto Sans", "Hind", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.post-content,
.entry {
  font-size: 17px;
  line-height: 1.7;
}