/*
Theme Name: 101Urdu Theme
Theme URI: https://101urdu.com
Author: 101Urdu Development Team
Author URI: https://101urdu.com
Description: A 100% production-ready, ultra-fast, RTL-native modern newspaper WordPress theme designed specifically for Urdu news portals. Features breaking news tickers, prayer times, market rates, Rank Math SEO schema, and responsive grid layouts.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 101urdu
Domain Path: /languages
Tags: news, blog, magazine, rtl-language-support, grid-layout, custom-menu, featured-images, theme-options, translation-ready
*/

/* ------------------------------------------------------------------------- *
 * RTL & Urdu Typography Base
 * ------------------------------------------------------------------------- */
:root {
  --urdu-primary: #006738;
  --urdu-primary-dark: #004d2a;
  --urdu-accent: #006738;
  --urdu-bg: #FFFFFF;
  --urdu-text-dark: #1f2937;
  --urdu-text-muted: #4b5563;
  --urdu-border: #e5e7eb;
  --urdu-font-nastaliq: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Urdu Typesetting', serif;
  --urdu-font-clean: 'Noto Sans Arabic', system-ui, -apple-system, sans-serif;
}

html[dir="rtl"], body {
  direction: rtl;
  text-align: right;
  font-family: var(--urdu-font-clean);
  color: var(--urdu-text-dark);
  background-color: #f9fafb;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* Headings in Nastaliq for newspaper authority */
h1, h2, h3, .urdu-heading {
  font-family: var(--urdu-font-nastaliq);
  line-height: 2.1;
  color: #111827;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

a:hover {
  color: var(--urdu-primary);
}

.site-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Breaking Ticker */
.breaking-ticker {
  background: #111827;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 0.95rem;
}

.breaking-badge {
  background: #dc2626;
  color: #fff;
  padding: 0.4rem 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Newspaper Grid */
.hero-news-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

@media (max-width: 1024px) {
  .hero-news-grid {
    grid-template-columns: 1fr;
  }
}

.post-card {
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid var(--urdu-border);
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.post-card:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.post-thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.post-badge {
  display: inline-block;
  background: var(--urdu-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.6rem;
  border-radius: 0.25rem;
}

/* Mobile navigation toggle (injected by assets/js/theme.js) */
.mobile-menu-toggle {
  display: none;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .mobile-menu-toggle {
    display: block;
  }

  .primary-menu-container {
    display: none;
    width: 100%;
  }

  .primary-menu-container.is-open {
    display: block;
  }
}

.main-navigation.is-scrolled {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Fallback line-clamp (in case the Tailwind CDN plugin fails to load) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}