/*
Theme Name: Kalam ki Takat
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A Bootstrap 5 based responsive news portal WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kalamkitakat
*/
/* Apply Poppins font to entire site */
body, h1, h2, h3, h4, h5, h6, p, a, ul, li, div, span, input, button {
  font-family: 'Poppins', sans-serif !important;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none !important;
}


@keyframes tickerMove {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.bikaner-breaking-bar {
  font-size: 15px;
  font-weight: bold;
  line-height: 42px;
}

.ticker-content {
  animation: tickerMove 50s linear infinite !important;
}



.custom-logo {
  max-height: 130px;
  height: auto;
  width: auto;
  padding:10px 0px;
}

/* Navbar font */
.navbar-nav .nav-link {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  position: relative;
  padding-bottom: 8px;
}

/* Active menu underline */
.navbar-nav .nav-item.current-menu-item .nav-link::after,
.navbar-nav .nav-item.current_page_item .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #1a2f42;
}

/* Spacing between nav items */
.navbar-nav .nav-item {
  margin-right: 20px;
}

.navbar-nav .nav-item:last-child {
  margin-right: 0;
}


.text-dark {
    font-size: 14px;
}

.trending-now-slider .swiper-slide {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.trending-now-slider {
  min-height: 26px;
}

.trending-prev,
.trending-next {
  border: none;
  background: transparent;
  font-size: 16px;
}




/* ===== Featured News Section ===== */
.latest-featured-news .position-relative {
  overflow: hidden;
  border-radius: 8px;
}

.latest-featured-news img {
  transition: transform 0.3s ease;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.latest-featured-news .position-relative:hover img {
  transform: scale(1.05);
}

.latest-featured-news h4,
.latest-featured-news h5,
.latest-featured-news h6 {
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}

.latest-featured-news h4 {
  font-size: 1.1rem;
}
.latest-featured-news h5 {
  font-size: 1rem;
}
.latest-featured-news h6 {
  font-size: 0.9rem;
}

.latest-featured-news small {
  font-size: 0.85rem;
  color: #ccc;
}

.latest-featured-news .badge {
  font-size: 0.7rem;
  padding: 0.35em 0.6em;
  text-transform: uppercase;
  border-radius: 4px;
}

.latest-featured-news .overlay-dark {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .latest-featured-news .col-md-6 {
    flex-direction: column;
  }

  .latest-featured-news h4 {
    font-size: 1rem;
  }

  .latest-featured-news h5 {
    font-size: 0.95rem;
  }

  .latest-featured-news h6 {
    font-size: 0.85rem;
  }

  .latest-featured-news .badge {
    font-size: 0.65rem;
  }

  .latest-featured-news .row.g-3 {
    flex-direction: column;
  }
}


/* Heading underline */
.section-heading {
font-weight: 500;
    font-size: 18px;
    background: #1a2f42;
    padding: 10px!important;
    border-left: solid 5px #dc3545;
    color: white;
    font-family: Poppins !important;

}


/* Small Posts */
.small-post a {
  text-decoration: none;
}
.small-post h6 {
  font-size: 15px;
  line-height: 1.3;
}
.small-post p {
  font-size: 11px;
}

/* Tab Navigation */
.nav-tabs .nav-link {
  border-radius: 0;
  font-weight: 600;
  color: #333;
}
.nav-tabs .nav-link.active {
  background-color: #dc3545;
  color: white;
}

/* Tabbed content */
.tab-content h6 {
  font-size: 14px;
  line-height: 1.3;
}
.tab-content small {
  font-size: 12px;
}

/* Post hover effects */








/* Responsive Adjustments */
@media (max-width: 768px) {
  .trending-tabbed-section .col-md-4,
  .trending-tabbed-section .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.tab-post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* Heading spacing */


/* Section spacing for mobile */
@media (max-width: 767.98px) {
  .tabbed-news,
  .trending-tabbed-section {
    margin-top: 2rem;  /* 32px spacing from section above */
  }
}

/* Fix for tab list buttons */
.nav-tabs .nav-link {
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
}
.nav-tabs .nav-link.active {
  background-color: #dc3545;
  color: white;
  border: none;
}

/* Tabbed post item */
.tabbed-news .tab-pane .d-flex {
  margin-bottom: 15px;
}

.tabbed-news .tab-pane img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 10px;
}

.tabbed-news .tab-pane h6 {
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 1.4;
}

.tabbed-news .tab-pane small {
  font-size: 12px;
  color: #777;
}








.weekly-top-news .card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease-in-out;
}
.weekly-top-news .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}


.khaas-carousel-track::-webkit-scrollbar {
  display: none;
}
.khaas-carousel-track {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 767px) {
  .khaas-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.khaas-carousel-track {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.khaas-card-wrapper {
  flex: 0 0 25%;
  max-width: 25%;
  scroll-snap-align: start;
}

@media (max-width: 767.98px) {
  .khaas-card-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}







@media (max-width: 991.98px) {
  .mobile-navbar {
    z-index: 1050;
  }

  .mobile-menu a {
    display: block;
    padding-left: 10px;
  }

  .mobile-menu-toggle:focus {
    outline: none;
  }
}


.mobile-category-menu {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
  border-bottom: none !important;
}

.mobile-category-menu::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}



.mobile-category-nav {
  z-index: 1030;
}

.category-scroll::-webkit-scrollbar {
  display: none;
}
.category-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Mobile Category Navbar */
.mobile-cat-nav {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.cat-scroll::-webkit-scrollbar {
  display: none;
}

.cat-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  white-space: nowrap;
}

.category-pill {
  flex: 0 0 auto;
  transition: background 0.3s;
  background-color: #fceeee;
  font-weight: 500;
}
.category-pill:hover {
  background-color: #ffd6d6;
}




/* Mobile view में .navbar को hide करो */
@media (max-width: 767.98px) {
  .navbar {
    display: none !important;
  }
}




.post-content p {
  text-align: justify;
  line-height: 1.8;
}