/*
Theme Name: Atulya Bharat Chetna
Theme URI: https://atulyabharatchetna.org.in/
Author: ABC News Network
Author URI: https://atulyabharatchetna.org.in/
Description: A premium news theme tailored for Atulya Bharat Chetna.
Version: 1.0.0
Text Domain: atulyabharat
*/

/* Add global resets and variables if necessary. The main logic handles inline styles. */

/* Pagination on archive.php / index.php (the_posts_pagination markup uses classes, not inline styles) */
.pagination, .nav-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination .page-numbers, .nav-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #17140F;
  border-radius: 999px;
  font-family: Mukta, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #17140F !important;
  background: #FFFDF9;
  text-decoration: none;
}
.pagination .page-numbers.current, .nav-links .page-numbers.current {
  background: #17140F;
  color: #FFFDF9 !important;
}
.pagination .page-numbers:hover, .nav-links .page-numbers:hover {
  background: #17140F;
  color: #FFFDF9 !important;
}

/* Mobile Responsiveness */
@media (max-width: 850px) {
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  
  /* Header layout fixes */
  header > div {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    text-align: center;
  }
  header a > div {
    justify-content: center;
  }
  
  /* Fix images in grid to prevent overflow */
  img, [style*="background-image"] {
    max-width: 100% !important;
  }

  /* Fix ticker */
  [style*="animation: ticker"] {
    animation-duration: 90s !important;
  }
  
  /* Tweak text sizes for mobile on big banners */
  [style*="font-size: 38px"] { font-size: 28px !important; }
  [style*="font-size: 150px"] { font-size: 100px !important; }
  [style*="font-size:32px"] { font-size: 24px !important; }

  /* Post body: prevent pasted/editor content (images, embeds, tables with
     fixed pixel widths) from overflowing the viewport on the single post view */
  .abc-post-content, .abc-post-content * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .abc-post-content img,
  .abc-post-content iframe,
  .abc-post-content video,
  .abc-post-content embed,
  .abc-post-content object {
    height: auto !important;
  }
  .abc-post-content table {
    display: block;
    overflow-x: auto;
  }
  .abc-post-content pre,
  .abc-post-content code {
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
  }
  .abc-post-content p,
  .abc-post-content h1, .abc-post-content h2, .abc-post-content h3 {
    overflow-wrap: break-word;
  }
}