/*
Theme Name: PothikNews Pro
Theme URI: https://pothiknews.com
Author: PothikNews Pro
Author URI: https://pothiknews.com
Description: A beautiful, ultra-fast, mobile-first Bengali news WordPress theme engineered specifically for Bengali news portals. Features include dynamic Bengali date conversion, Brahmanbaria spotlight, breaking ticker with reduced motion, opinion cards, category video reels, accessible mobile drawer, and optional bottom navigation.
Version: 1.1.33
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pathiknews-pro
Tags: news, blog, two-columns, grid-layout, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, rtl-language-support, sticky-post

PothikNews Pro WordPress Theme, Copyright (C) 2026 PothikNews
PothikNews Pro is distributed under the terms of the GNU GPL.
*/

/* ==========================================================================
   CSS Variables & Typography System (Bengali & Latin Fallbacks)
   ========================================================================== */
:root {
  --pn-font-primary: 'SolaimanLipi', 'Noto Serif Bengali', 'Hind Siliguri', 'Kalpurush', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --pn-font-display: 'SolaimanLipi', 'Noto Serif Bengali', 'Tiro Bangla', 'Hind Siliguri', Georgia, serif;
  --pn-primary: #b30000;
  --pn-primary-dark: #8c0000;
  --pn-primary-light: #fbebee;
  --pn-accent: #004d40;
  --pn-live: #e50914;
  --pn-bg: #ffffff;
  --pn-bg-alt: #f8f9fa;
  --pn-bg-card: #ffffff;
  --pn-border: #e5e7eb;
  --pn-border-light: #f1f3f5;
  --pn-text-dark: #111827;
  --pn-text-body: #2d3748;
  --pn-text-muted: #5c6878;
  --pn-text-light: #ffffff;
  --pn-container-max: 1240px;
  --pn-radius: 4px;
  --pn-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --pn-bottom-nav-height: 60px;
}

/* Base Resets */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--pn-font-primary);
  font-size: 16px;
  line-height: 1.65;
  color: var(--pn-text-body);
  background-color: var(--pn-bg);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--pn-bg);
  overflow-x: hidden;
}

body.has-bottom-nav {
  padding-bottom: calc(var(--pn-bottom-nav-height) + env(safe-area-inset-bottom, 0px));
}

body.pn-modal-open {
  overflow: hidden !important;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--pn-transition);
}

a:hover, a:focus-visible {
  color: var(--pn-primary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Accessibility Skip Link */
.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  background: var(--pn-primary);
  color: #fff;
  padding: 8px 16px;
  z-index: 99999;
  font-size: 14px;
  border-radius: var(--pn-radius);
  transition: top 0.2s;
}
.skip-link:focus {
  top: 16px;
}

.pn-container {
  width: 100%;
  max-width: var(--pn-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Utility Helpers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}