/*
Theme Name: Village of Khassan | ਪਿੰਡ ਖੱਸਣ
Theme URI: https://khassan.punjab.gov.in
Author: Khassan Community & Shri Guru Teg Bahadur Welfare Society
Author URI: https://sgpc.net
Description: Custom WordPress theme for the village of Khassan, Kapurthala, Punjab. Features bilingual Gurmukhi/English layout, Shri Guru Teg Bahadur Welfare Society transparency ledger, Live Sri Harmandir Sahib Darshan modal, Punjab & AIR live radio streaming player, community notices, event calendar, and business directory.
Version: 1.0.0
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: village-of-khassan
Tags: two-columns, custom-header, custom-menu, featured-images, full-width-template, translation-ready, theme-options
*/

:root {
  --color-primary: #1E4D2B; /* Rich Punjab Green */
  --color-primary-dark: #14351D;
  --color-gold: #DAA520; /* Golden Temple Gold */
  --color-gold-hover: #B8860B;
  --color-gold-light: #FEF9E7;
  --color-bg: #FAF9F6; /* Warm Alabaster Ivory */
  --color-card-bg: #FFFFFF;
  --color-text-main: #1E293B;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-punjabi: 'Noto Sans Gurmukhi', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg);
  color: var(--color-text-main);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.font-punjabi {
  font-family: var(--font-punjabi), var(--font-body);
}

.font-heading {
  font-family: var(--font-heading);
}

/* Audio Player Floating Bar */
.radio-floating-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(218, 165, 32, 0.3);
  color: #FFFFFF;
}

/* Live Badge Glow */
.live-pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #EF4444;
  border-radius: 50%;
  animation: pulse-glow 1.8s infinite;
}

@keyframes pulse-glow {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Modal Overlay */
.khassan-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.khassan-modal-content {
  background: #FFFFFF;
  border-radius: 16px;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(218, 165, 32, 0.3);
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}