/* ---------- GLOBAL FIX: MODERN TYPOGRAPHY ---------- */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    :root {
      --red: #e8192c;
      --red-dark: #c0001a;
      --red-soft: #ff3346;
      --navy: #0d1b3e;
      --navy-mid: #1a2f5e;
      --gold: #f5a623;
      --gray1: #f7f8fc;
      --gray2: #eef0f5;
      --gray3: #d4d8e4;
      --text-dark: #111827;
      --text-mid: #374151;
      --text-soft: #6b7280;
      --white: #ffffff;
    }
    
    body {
      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;
      background: var(--gray1);
      color: var(--text-dark);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      top: 0 !important;
    }
    
    /* Unified typography */
    h1, h2, h3, h4, .hero-title, .opinion-title, .logo-text, .card-title, .featured-title {
      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;
      font-weight: 800;
      letter-spacing: -0.01em;
    }
    
    /* Branding */
    .logo-icon {
      width: 42px;
      height: 42px;
      background: linear-gradient(135deg, var(--red), #b5001c);
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-family: 'Inter', sans-serif;
      font-size: 22px;
      font-weight: 800;
      box-shadow: 0 6px 12px rgba(232,25,44,0.2);
    }
    
    .logo-text {
      font-family: 'Inter', sans-serif;
      font-size: 26px;
      font-weight: 900;
      color: var(--navy);
      letter-spacing: -0.5px;
    }
    
    .logo-text span { color: var(--red); }
	
	.logo-pt{ width:200px; }
    
    /* Ticker */
    .ticker-bar {
      background: var(--red);
      color: white;
      height: 38px;
      overflow: hidden;
      font-weight: 500;
    }
    
    .ticker-label {
      background: var(--navy);
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 0 20px;
      height: 100%;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      flex-shrink: 0;
    }
    
    .ticker-track {
      display: inline-flex;
      animation: ticker 38s linear infinite;
      white-space: nowrap;
      font-size: 13px;
      font-weight: 500;
      font-family: 'Inter', sans-serif;
    }
    
    .ticker-item { padding: 0 36px; }
    
    @keyframes ticker {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    
    /* Navigation */
    .nav-link-custom {
      color: rgba(255,255,255,0.8);
      font-weight: 600;
      font-size: 14px;
      font-family: 'Inter', sans-serif;
      padding: 14px 20px;
      white-space: nowrap;
      transition: 0.2s;
      text-decoration: none;
      display: inline-block;
      border-bottom: 2px solid transparent;
      letter-spacing: -0.2px;
    }
    
    .nav-link-custom:hover, .nav-link-custom.active {
      color: white;
      border-bottom-color: var(--red);
    }
    
    /* category chips */
    .cat-chip {
      padding: 6px 18px;
      border-radius: 40px;
      font-size: 13px;
      font-weight: 600;
      font-family: 'Inter', sans-serif;
      transition: all 0.2s;
      cursor: pointer;
      background: white;
      color: var(--text-mid);
      border: 1px solid var(--gray3);
      text-decoration: none;
      display: inline-block;
    }
    
    .cat-chip.active, .cat-chip:hover {
      background: var(--red);
      color: white;
      border-color: var(--red);
    }
    
    /* Card titles */
    .card-title-custom {
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      line-height: 1.35;
      color: var(--text-dark);
    }
    
    /* Trending numbers */
    .trend-num {
      font-family: 'Inter', sans-serif;
      font-size: 22px;
      font-weight: 800;
      color: #d1d5db;
      width: 32px;
      flex-shrink: 0;
    }
    
    .trend-num.top { color: var(--red); }
    
    /* Hero overlay */
    .hero-overlay-gradient {
      background: linear-gradient(to top, rgba(10,16,40,0.96) 0%, rgba(10,16,40,0.55) 60%, transparent 100%);
      border-radius: 16px;
    }
    
    .hero-title {
      font-family: 'Inter', sans-serif;
      font-weight: 900;
      line-height: 1.25;
    }

    /* Hero lead headline — smaller than Bootstrap display-5 */
    #mainNewsTitle.hero-title--main {
      font-size: clamp(1.35rem, 2.4vw, 2rem);
    }
    
    /* Card hover */
    .card-hover-effect {
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      cursor: pointer;
    }
    
    .card-hover-effect:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 30px -12px rgba(0,0,0,0.15);
    }
    
    /* section underline */
    .section-header-underline {
      border-bottom: 2px solid var(--gray3);
      position: relative;
    }
    
    .section-header-underline::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 70px;
      height: 3px;
      background: var(--red);
    }
    
    /* video play button */
    .play-btn-overlay {
      width: 46px;
      height: 46px;
      background: rgba(255,255,255,0.95);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      transition: transform 0.2s, background 0.2s;
      color: var(--red);
      font-weight: bold;
    }
    
    /* gradient backgrounds */
    .bg-navy-gradient { background: linear-gradient(135deg, var(--navy), var(--navy-mid)); border-radius: 5px 5px 0px 0px;}
    .bg-red-gradient { background: linear-gradient(135deg, var(--red), var(--red-dark)); }
    .bg-gold-gradient { background: linear-gradient(135deg, #c07800, var(--gold)); border-radius: 8px 8px 0px 0px;}
    
    /* side thumb icon */
    .side-thumb-icon {
      width: 90px;
      background: linear-gradient(135deg, #1a2f5e, #2a4a8e);
      font-size: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .side-thumb-icon.photo {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: transparent;
    }

    /* Section 2 stack: thumb ≈ 1/3 card width; title regular weight; card height 122px (overrides Bootstrap --bs-card-height 104px) */
    #section2Stack .section2-card.card {
      --bs-card-height: 122px;
      height: 122px;
    }
    #section2Stack .section2-thumb.side-thumb-icon {
      width: 33.333%;
      flex: 0 0 33.333%;
      max-width: 33.333%;
      min-width: 0;
      min-height: 122px;
      align-self: stretch;
    }
    #section2Stack .section2-title {
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.4;
      color: inherit;
    }
    .photo-thumb {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 120px;
	  border-radius: 8px 8px 0px 0px;
    }

	.ptn-featured-card .fw-bold {
	  font-size: 1.25rem;
	  line-height: 1.35;
	}
	

	@media (min-width: 768px) {
	  .ptn-featured-card .photo-thumb {
		min-height: 380px !important;
	  }
	}
    .hero-photo {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    /* improve readability (dark sections / cards; CMS pages override below) */
    p, .card-excerpt, .news-meta, .small-text {
      font-family: 'Inter', sans-serif;
      color: white;
    }

    /* CMS static pages (about / contact / privacy / terms): dark body copy */
    .cms-static-page,
    .cms-static-page p,
    .cms-static-page li,
    .cms-static-page .cms-article {
      color: var(--text-dark);
    }
    .cms-static-page h1,
    .cms-static-page h2,
    .cms-static-page h3 {
      color: var(--text-dark);
    }
    .cms-static-page .text-secondary {
      color: var(--text-mid) !important;
    }
    .cms-static-page a {
      color: var(--navy);
    }
    .cms-static-page a:hover {
      color: var(--red);
    }
    
    .text-soft {
      color: var(--text-soft);
    }
    
    /* footer links */
    .footer-dark a {
      text-decoration: none;
      transition: color 0.2s;
      font-family: 'Inter', sans-serif;
    }

	/* footer social icons */
	.ptn-social-btn {
	  width: 40px;
	  height: 40px;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  text-decoration: none;
	}
	.ptn-social-icon {
	  display: inline-block;
	  line-height: 1;
	}
	.ptn-social-icon--facebook {
	  color: #1877F2;
	}
	.ptn-social-icon--youtube {
	  color: #FF0000;
	}
    
    .newsletter-bg {
      background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 50%, #201c4a 100%);
      position: relative;
      overflow: hidden;
    }

	/* Quick links: WhatsApp + Go up */
	.ptn-quick-links {
	  position: fixed;
	  right: 16px;
	  bottom: 16px;
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	  z-index: 9999;
	}

	.ptn-quick-link {
	  width: 46px;
	  height: 46px;
	  border-radius: 999px;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
	  border: 0;
	  padding: 0;
	  background: rgba(255, 255, 255, 0.98);
	}

	.ptn-quick-link--whatsapp img {
	  width: 44px;
	  height: 44px;
	  border-radius: 999px;
	  display: block;
	}

	.ptn-quick-link--top {
	  cursor: pointer;
	  color: var(--navy);
	  font-size: 30px;
	  line-height: 1;
	  opacity: 0;
	  transform: translateY(6px);
	  transition: opacity 0.18s ease, transform 0.18s ease;
	  pointer-events: none;
	}

	.ptn-quick-link--top.is-visible {
	  opacity: 1;
	  transform: translateY(0);
	  pointer-events: auto;
	}
    
    .btn-live-modern {
      box-shadow: 0 6px 14px rgba(232,25,44,0.35);
    }
    
    .live-dot {
      width: 8px;
      height: 8px;
      background: white;
      border-radius: 50%;
      display: inline-block;
      animation: pulse 1.2s infinite;
    }
    
    @keyframes pulse {
      0%,100%{ opacity:1; transform:scale(1);}
      50%{ opacity:0.6; transform:scale(0.85);}
    }
    
    @media (max-width: 768px) {
      .side-thumb-icon { width: 70px; font-size: 28px; }
      .logo-text { font-size: 22px; }
      .hero-title { font-size: 1.75rem; }
      #mainNewsTitle.hero-title--main { font-size: 1.4rem; }
    }
    
    @media (max-width: 576px) {
      .hero-title { font-size: 1.2rem; }
      #mainNewsTitle.hero-title--main { font-size: 1.15rem; }
      .card-title-custom { font-size: 1.1rem; }
    }
    
    /* remove default btn focus weirdness */
    .btn:focus { box-shadow: none; outline: none; }

    /* Single article (newsDetails.php) — body HTML from CMS */
    .news-details-body {
      color: var(--text-mid);
      font-size: 1.05rem;
    }
    /* Global `p { color: white }` (dark sections) wins over inherited body text; force readable copy here */
    .news-details-body p {
      margin-bottom: 1rem;
      color: var(--text-mid);
    }
    .news-details-body .small-text {
      color: var(--text-soft);
    }
    .news-details-body img {
      max-width: 100%;
      height: auto;
      border-radius: 0.5rem;
    }

    /* News details media carousel — darker indicators (Bootstrap defaults are very light on bg-light) */
    #newsDetailsMediaCarousel .carousel-indicators [data-bs-target] {
      background-color: var(--text-mid);
      opacity: 1;
    }
    #newsDetailsMediaCarousel .carousel-indicators [data-bs-target].active {
      background-color: var(--navy);
      opacity: 1;
    }

    /* Article videos — cap width so embeds are not full column on large screens */
    .news-details-video-frame {
      max-width: min(100%, 480px);
    }

    /* Google Website Translator (lang toggle): hide toolbar iframe & tooltip */
    .goog-te-banner-frame,
    iframe.goog-te-banner-frame {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
    }
    #goog-gt-tt {
      display: none !important;
    }

    /* Cookie consent bar (newsletter-bg + fixed footer strip) */
    .cookie-consent-bar {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1050;
      box-shadow: 0 -10px 40px rgba(13, 27, 62, 0.4);
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
    .cookie-consent-bar p.cookie-consent-bar__text {
      font-family: 'Inter', system-ui, sans-serif;
      color: rgba(255, 255, 255, 0.88) !important;
      line-height: 1.5;
      max-width: 52rem;
    }
    body.cookie-consent-visible {
      padding-bottom: 7.5rem;
    }
    @media (min-width: 992px) {
      body.cookie-consent-visible {
        padding-bottom: 5.5rem;
      }
    }