/*
Theme Name: NepalBeat
Theme URI: https://nepalbeat.com
Author: NepalBeat Team
Author URI: https://nepalbeat.com
Description: NepalBeat is a modern, responsive, mobile-first Nepalese news & magazine theme featuring high-legibility Devanagari typography, BeatCast podcast support, dynamic breaking news ticker, bit-wise journalism sections, shorts feed, and integrated ad architecture.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nepalbeat
Tags: news, magazine, tailwindcss, devanagari, mobile-first, beatcast, responsive-layout
*/

/* ==========================================================================
   PURE CSS CORE STYLES & BACKGROUND ENGINE (GUARANTEED RENDERING)
   ========================================================================== */

:root {
  --brand-blue: #0055D4;
  --brand-bluehover: #0040C0;
  --brand-bluelight: #EFF6FF;
  --brand-navy: #0F172A;
  --brand-navylight: #1E293B;
  --brand-navydark: #020617;
  --brand-red: #E11D48;
  --brand-redhover: #BE123C;
  --brand-redlight: #FFF1F2;
  --slate-50: #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --slate-950: #020617;
}

/* ==========================================================================
   SELECTION (TEXT HIGHLIGHT) STYLES
   ========================================================================== */
::selection {
  background-color: #0055D4 !important;
  color: #FFFFFF !important;
}

::-moz-selection {
  background-color: #0055D4 !important;
  color: #FFFFFF !important;
}

/* Base Body & Layout Backgrounds (OnlineKhabar Typography Standards) */
html, body {
  background-color: #F1F5F9 !important;
  color: #0F172A !important;
  font-family: 'Mukta', 'Noto Sans Devanagari', 'Inter', -apple-system, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#page, .site {
  background-color: #F1F5F9 !important;
  min-height: 100vh;
}

/* Devanagari Typography Best Practices (OnlineKhabar Signature Font Scaling) */
.font-devanagari {
  font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
}

/* Guaranteed Sticky Navigation Header */
#sticky-header-nav {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
  letter-spacing: -0.015em;
}

/* Article Body Typography (High Readability) */
.entry-content, .article-content {
  font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
  font-size: 1.125rem; /* 18px */
  line-height: 1.8;
  color: #1E293B;
}

/* Explicit Background Displays */
.bg-white { background-color: #FFFFFF !important; }
.bg-slate-50 { background-color: #F8FAFC !important; }
.bg-slate-100 { background-color: #F1F5F9 !important; }
.bg-slate-200 { background-color: #E2E8F0 !important; }
.bg-slate-800 { background-color: #1E293B !important; color: #FFFFFF !important; }
.bg-slate-900 { background-color: #0F172A !important; color: #FFFFFF !important; }
.bg-slate-950 { background-color: #020617 !important; color: #FFFFFF !important; }

/* Brand Background Utilities (OnlineKhabar Style) */
.bg-brand-navy { background-color: #0C1E3C !important; color: #FFFFFF !important; }
.bg-brand-navylight { background-color: #162B4D !important; color: #FFFFFF !important; }
.bg-brand-navydark { background-color: #071226 !important; color: #FFFFFF !important; }
.bg-brand-red { background-color: #C4161C !important; color: #FFFFFF !important; }
.bg-brand-redhover { background-color: #9E0F14 !important; color: #FFFFFF !important; }
.bg-brand-redlight { background-color: #FEF2F2 !important; color: #C4161C !important; }

.bg-green-50 { background-color: #F0FDF4 !important; }
.bg-green-100 { background-color: #DCFCE7 !important; }
.bg-purple-50 { background-color: #FAF5FF !important; }
.bg-purple-100 { background-color: #F3E8FF !important; }
.bg-emerald-50 { background-color: #ECFDF5 !important; }
.bg-emerald-100 { background-color: #D1FAE5 !important; }
.bg-amber-100 { background-color: #FEF3C7 !important; }

/* Text Colors */
.text-white { color: #FFFFFF !important; }
.text-slate-900 { color: #0F172A !important; }
.text-slate-800 { color: #1E293B !important; }
.text-slate-700 { color: #334155 !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-500 { color: #64748B !important; }
.text-slate-400 { color: #94A3B8 !important; }
.text-slate-300 { color: #CBD5E1 !important; }
.text-brand-navy { color: #0C1E3C !important; }
.text-brand-red { color: #E11D48 !important; }
.text-green-700 { color: #15803D !important; }
.text-purple-700 { color: #7E22CE !important; }
.text-emerald-700 { color: #047857 !important; }

/* Border Displays */
.border-slate-100 { border-color: #F1F5F9 !important; }
.border-slate-200 { border-color: #E2E8F0 !important; }
.border-slate-300 { border-color: #CBD5E1 !important; }
.border-slate-700 { border-color: #334155 !important; }
.border-slate-800 { border-color: #1E293B !important; }
.border-brand-navy { border-color: #0C1E3C !important; }
.border-brand-navylight { border-color: #162B4D !important; }
.border-brand-red { border-color: #E11D48 !important; }

/* Typography & Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Mukta', 'Noto Sans Devanagari', 'Inter', sans-serif !important;
  color: inherit;
}

/* Card & Section Container Displays */
section, article, .card {
  box-sizing: border-box;
}

/* Keyframe Animations */
@keyframes pulse-red {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.15);
  }
}

.animate-pulse-red {
  animation: pulse-red 1.5s infinite ease-in-out;
}

@keyframes ticker-scroll {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}

.ticker-content {
  display: inline-block;
  white-space: nowrap;
  animation: ticker-scroll 35s linear infinite;
}

.ticker-content:hover {
  animation-play-state: paused;
}

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

/* Sticky Scrolled Navbar Compact Font Size & Compact Sizing */
#sticky-header-nav {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#sticky-header-nav.is-sticky-scrolled {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.35) !important;
}

#sticky-header-nav.is-sticky-scrolled ul a,
#sticky-header-nav.is-sticky-scrolled ul button,
#sticky-header-nav.is-sticky-scrolled nav a,
#sticky-header-nav.is-sticky-scrolled nav button {
  font-size: 0.775rem !important; /* 12.4px compact font size on sticky scroll */
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.55rem !important;
  padding-right: 0.55rem !important;
  transition: all 0.25s ease-in-out !important;
}

#sticky-header-nav.is-sticky-scrolled #sticky-menu-logo img {
  height: 1.75rem !important; /* 28px compact sticky logo */
}

/* ==========================================================================
   GLOBAL THUMBNAIL HOVER & TITLE HOVER RULES (ENTIRE WEBSITE)
   ========================================================================== */

/* 1. Remove thumbnail zoom effect across the entire website */
img,
a img,
.group img,
.group:hover img,
.group:hover a img,
article img,
article:hover img,
.card img,
.card:hover img,
.group-hover\:scale-105,
.group-hover\:scale-110,
.group-hover\:scale-\[1\.01\],
.group-hover\:scale-\[1\.02\],
.hover\:scale-105,
.hover\:scale-110 {
  transform: none !important;
}

/* 2. Global Title Hover Brand Color across the entire website */
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.group:hover h1,
.group:hover h2,
.group:hover h3,
.group:hover h4,
.group:hover h5,
.group:hover h6,
.group:hover h1 a,
.group:hover h2 a,
.group:hover h3 a,
.group:hover h4 a,
.group:hover h5 a,
.group:hover h6 a,
.group:hover h1 span,
.group:hover h2 span,
.group:hover h3 span,
.group:hover h4 span,
article:hover h1,
article:hover h2,
article:hover h3,
article:hover h4,
article:hover h5,
article:hover h6,
article:hover h1 a,
article:hover h2 a,
article:hover h3 a,
article:hover h4 a,
article:hover h5 a,
article:hover h6 a,
.entry-title:hover,
.entry-title a:hover,
.post-title:hover,
.post-title a:hover,
.card-title:hover,
.card-title a:hover {
  color: #0A52C5 !important;
  transition: color 0.2s ease-in-out !important;
}

/* Brand Blue Section Styling Helper */
section.brand-blue,
.section-brand-blue,
section.bg-brand-blue {
  background-color: #0055D4 !important;
  color: #FFFFFF !important;
}

/* Province Beat Active Tab */
.province-tab-btn.active-tab {
  color: #020617 !important;
  font-weight: 900 !important;
}

.custom-logo
{
	width: 70%;
}