/* ========================================
   ULTRA FHD + DEPTH FONTS
   4K Optimized | Smooth Antialiasing | Text Depth
   ======================================== */

/* Import Premium Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

:root {
    /* Ultra FHD Font Settings */
    --font-heading: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Font Sizes for Ultra FHD (4K) */
    --text-xs: 0.875rem;      /* 14px */
    --text-sm: 1rem;          /* 16px */
    --text-base: 1.125rem;    /* 18px */
    --text-lg: 1.25rem;       /* 20px */
    --text-xl: 1.5rem;        /* 24px */
    --text-2xl: 1.875rem;     /* 30px */
    --text-3xl: 2.25rem;      /* 36px */
    --text-4xl: 3rem;         /* 48px */
    --text-5xl: 3.75rem;      /* 60px */
    --text-6xl: 4.5rem;       /* 72px */
    
    /* Line Heights */
    --leading-tight: 1.2;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    
    /* Letter Spacing */
    --tracking-tight: -0.02em;
    --tracking-normal: -0.01em;
    --tracking-wide: 0.02em;
    
    /* Text Shadows for Depth */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.4), 0 6px 12px rgba(0, 0, 0, 0.2);
    
    /* Indian Colors */
    --saffron: #FF9933;
    --saffron-dark: #e6851a;
    --saffron-light: #ffb366;
    --white: #FFFFFF;
    --green: #138808;
    --green-dark: #0d6b05;
    --green-light: #2ecc40;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}

body {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    font-weight: 400;
    color: #ffffff;
    background: #0a0a0f;
    letter-spacing: var(--tracking-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

/* Ultra FHD Headings with Depth */
h1, .h1 {
    font-family: var(--font-heading);
    font-size: var(--text-6xl);
    font-weight: 800;
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    background: linear-gradient(135deg, #FF9933, #FFFFFF, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: var(--shadow-lg);
    margin-bottom: 1rem;
}

h2, .h2 {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    font-weight: 700;
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    background: linear-gradient(135deg, #FF9933, #FFFFFF, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: var(--shadow-md);
    margin-bottom: 1rem;
}

h3, .h3 {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: 600;
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-normal);
    color: #ffffff;
    text-shadow: var(--shadow-sm);
    margin-bottom: 0.75rem;
}

h4, .h4 {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: 600;
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-normal);
    color: #e2e8f0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 0.5rem;
}

/* Paragraph Text */
p {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: #cbd5e1;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}

/* Small Text */
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: #94a3b8;
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--leading-normal);
    color: #64748b;
}

/* Hero Section Text */
.hero-title {
    font-size: 5rem;
    font-weight: 800;
    line-height: 1.1;
    background: linear-gradient(135deg, #FF9933, #FFFFFF, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 20px 40px rgba(0,0,0,0.3);
    letter-spacing: -0.02em;
}

.hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #cbd5e1;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    max-width: 700px;
    margin: 0 auto;
}

/* Button Text */
.btn-primary, .btn-secondary, .btn-login {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Navigation Links */
.nav-menu > li > a {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #e2e8f0;
    transition: all 0.3s ease;
}

/* Card Text */
.service-card h3, .feature h4, .testimonial-card h5 {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.service-card p, .feature p, .testimonial-text {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #94a3b8;
}

/* Stats Numbers */
.stat-number {
    font-size: 3rem;
    font-weight: 800;
    background: linear-gradient(135deg, #FF9933, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    letter-spacing: -0.02em;
}

/* Footer Text */
.footer-bio, .footer-column ul li a, .footer-copyright p {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #94a3b8;
}

.footer-domain {
    font-size: 1rem;
    font-weight: 600;
    color: #FF9933;
    letter-spacing: -0.01em;
}

/* Form Input Text */
.input-wrapper input {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--tracking-normal);
}

/* Dropdown Menu */
.dropdown-menu li a {
    font-size: 0.9rem;
    font-weight: 500;
}

/* Responsive Font Sizes for Ultra FHD */
@media (min-width: 2560px) {
    html { font-size: 20px; }
    h1, .h1 { font-size: 6rem; }
    h2, .h2 { font-size: 4rem; }
    .hero-title { font-size: 6rem; }
    .stat-number { font-size: 3.5rem; }
}

@media (min-width: 3840px) {
    html { font-size: 24px; }
    h1, .h1 { font-size: 7rem; }
    h2, .h2 { font-size: 5rem; }
    .hero-title { font-size: 7rem; }
    .stat-number { font-size: 4rem; }
}

@media (max-width: 768px) {
    html { font-size: 14px; }
    h1, .h1 { font-size: 2.5rem; }
    h2, .h2 { font-size: 2rem; }
    .hero-title { font-size: 2.5rem; }
    .stat-number { font-size: 2rem; }
}

/* Custom Font Weight Classes */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }

/* Text Shadow Utilities */
.text-shadow-none { text-shadow: none; }
.text-shadow-sm { text-shadow: var(--shadow-sm); }
.text-shadow-md { text-shadow: var(--shadow-md); }
.text-shadow-lg { text-shadow: var(--shadow-lg); }
.text-shadow-xl { text-shadow: var(--shadow-xl); }

/* Gradient Text */
.gradient-saffron-white-green {
    background: linear-gradient(135deg, #FF9933, #FFFFFF, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-saffron-green {
    background: linear-gradient(135deg, #FF9933, #138808);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Letter Spacing */
.tracking-tight { letter-spacing: -0.02em; }
.tracking-normal { letter-spacing: -0.01em; }
.tracking-wide { letter-spacing: 0.02em; }
/* Logo fixes - No text */
.logo-img {
    height: 45px;
    width: auto;
}

.site-logo {
    text-decoration: none;
}

/* Remove any text next to logo */
.logo-area span, 
.logo-area .logo-text,
.logo-area h1,
.logo-area h2,
.logo-area p {
    display: none;
}

/* Header clean */
.site-header .header-container {
    min-height: 70px;
}

/* Admin sidebar fixes */
.admin-sidebar .sidebar-header {
    text-align: center;
    padding: 1rem;
}

.admin-sidebar .logo-img {
    height: 40px;
    margin-bottom: 0.5rem;
}