/*
Theme Name: GuruPrasadam9
Theme URI: https://guruprasadam9.com/
Author: GuruPrasadam9 Team
Author URI: https://guruprasadam9.com/
Description: A premium, modern, fully responsive Sikh spiritual and devotional WordPress theme focused on Gurbani, Shabad, Kirtan, Sikh teachings, spiritual videos, and Punjabi devotional content.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
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: guruprasadam9
Tags: spiritual, devotional, religion, sikh, gurbani, video, youtube, blog, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/**
 * GuruPrasadam9 Design Tokens & CSS Variables
 */
:root {
	/* Sacred Brand Palette */
	--gp9-navy-deep: #071220;
	--gp9-navy: #0A192F;
	--gp9-navy-light: #172A45;
	--gp9-teal-dark: #0F3443;
	--gp9-teal: #134E5E;
	--gp9-teal-light: #2C6E80;

	/* Sacred Gold Metallic Accents */
	--gp9-gold: #D4AF37;
	--gp9-gold-light: #F3D17A;
	--gp9-gold-bright: #FFDF73;
	--gp9-gold-dark: #A8831A;
	--gp9-gold-gradient: linear-gradient(135deg, #FFF5D6 0%, #E5C05B 40%, #D4AF37 75%, #A8831A 100%);
	--gp9-gold-glow: 0 0 20px rgba(212, 175, 55, 0.35);

	/* Backgrounds & Neutrals */
	--gp9-bg-cream: #FDFBF7;
	--gp9-bg-sand: #F7F4EB;
	--gp9-bg-white: #FFFFFF;
	--gp9-bg-dark: #08121E;
	--gp9-bg-card-dark: #0F1E33;
	--gp9-bg-card-light: #FFFFFF;

	/* Text & Accents */
	--gp9-text-dark: #1E293B;
	--gp9-text-muted: #64748B;
	--gp9-text-light: #F8FAFC;
	--gp9-text-light-muted: #94A3B8;
	--gp9-border-light: rgba(212, 175, 55, 0.22);
	--gp9-border-dark: rgba(255, 255, 255, 0.1);

	/* Typography */
	--gp9-font-heading: 'Cinzel', 'Playfair Display', Georgia, serif;
	--gp9-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--gp9-font-gurmukhi: 'Noto Sans Gurmukhi', 'Mukta Mahee', -apple-system, sans-serif;

	/* Spacing & Layout */
	--gp9-container-max: 1280px;
	--gp9-container-pad: 24px;
	--gp9-radius-sm: 6px;
	--gp9-radius-md: 12px;
	--gp9-radius-lg: 20px;
	--gp9-radius-full: 9999px;
	--gp9-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	--gp9-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
	--gp9-shadow-md: 0 6px 20px rgba(10, 25, 47, 0.08);
	--gp9-shadow-lg: 0 14px 40px rgba(10, 25, 47, 0.14);
	--gp9-shadow-gold: 0 8px 30px rgba(212, 175, 55, 0.25);
}

/* Reset & Box Sizing */
*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--gp9-font-body);
	color: var(--gp9-text-dark);
	background-color: var(--gp9-bg-cream);
	line-height: 1.65;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Gurmukhi text styling */
.gurmukhi, [lang="pa"], .gp9-punjabi-text {
	font-family: var(--gp9-font-gurmukhi);
	letter-spacing: 0.01em;
}

/* Container */
.gp9-container {
	width: 100%;
	max-width: var(--gp9-container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--gp9-container-pad);
	padding-right: var(--gp9-container-pad);
}

.gp9-container-narrow {
	max-width: 920px;
}

/* Responsive Embed Helper */
.gp9-responsive-embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
	border-radius: var(--gp9-radius-md);
	background: #000;
}

.gp9-responsive-embed.gp9-aspect-9-16 {
	padding-bottom: 177.78%; /* 9:16 Shorts */
	max-width: 360px;
	margin: 0 auto;
}

.gp9-responsive-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}