/* ==========================================
   AXIS PHYSIOTHERAPY - GLOBAL STYLES
   Yesterday-Style: 900 Bold / 300 Light
   ========================================== */

/* 1. GLOBAL RESET & NO ITALICS */
[x-cloak] { display: none !important; }

* { 
    font-style: normal !important; 
    text-decoration-skip-ink: none;
}

html {
    scroll-behavior: smooth;
}

body { 
    font-family: 'Inter', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8fafc; /* slate-50 */
    color: #0f172a; /* slate-900 */
}

/* 2. TYPOGRAPHY HIERARCHY */
h1, h2, h3, h4 { 
    font-weight: 900 !important; 
    letter-spacing: -0.05em; 
    line-height: 1.1; 
}

p, span, li, label { 
    font-weight: 300 !important; 
    letter-spacing: -0.01em; 
    line-height: 1.6; 
}

/* Specific weights for sub-labels */
.font-black { font-weight: 900 !important; }
.font-bold { font-weight: 700 !important; }
.font-light { font-weight: 300 !important; }
.font-extralight { font-weight: 100 !important; }

/* Language Helper */
.nepali-font { 
    font-family: 'Mukta', sans-serif; 
}

/* 3. AXIS DESIGN TOKENS */

/* Glassmorphism */
.glass { 
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(14px); 
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(88, 28, 135, 0.1); 
}

/* Premium Gradient */
.purple-gradient { 
    background: linear-gradient(135deg, #581C87 0%, #2E1065 100%); 
}

/* Yesterday's Signature Frame (12px-14px) */
.frame-thick { 
    border: 12px solid white; 
    border-radius: 4rem; 
    box-shadow: 0 25px 50px -12px rgba(88, 28, 135, 0.2); 
}

/* 4. CUSTOM SCROLLBAR */
.custom-scrollbar::-webkit-scrollbar { 
    width: 4px; 
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.custom-scrollbar::-webkit-scrollbar-thumb { 
    background: #581C87; 
    border-radius: 10px; 
}

/* 5. INTERACTIVE GLOW EFFECTS */
.hover-glow:hover {
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.4);
    border-color: #d8b4fe; /* purple-300 */
}

/* Button Pulse Animation for Free Consultation */
.animate-pulse-subtle {
    animation: pulse-subtle 3s infinite ease-in-out;
}

@keyframes pulse-subtle {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.4); }
    50% { transform: scale(1.02); box-shadow: 0 0 20px 10px rgba(139, 92, 246, 0); }
}

/* 6. ALIGNMENT HELPERS */
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-widest { letter-spacing: 0.3em; }

/* Sticky Sidebar for Reviews */
@media (min-width: 1024px) {
    .lg\:sticky {
        position: sticky;
        top: 8rem; /* Adjust based on your nav height */
        align-self: start;
    }
}

/* Background Title for Reviews */
#reviews .absolute h2 {
    font-size: 25vw; /* Makes it fluid and huge */
    line-height: 0.8;
    color: #e2e8f0; /* Very light slate */
}

/* Prevent body scroll when mobile menu is active */
.overflow-hidden {
    overflow: hidden;
}


/* THE ULTIMATE MOBILE MENU FIX */
.mobile-menu-active {
    background-color: #0f172a !important; /* Solid Dark Slate */
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    visibility: visible !important;
}

/* Ensure the placeholder doesn't constrain the menu */
#header-placeholder {
    all: unset;
}