/* ===================================
   CANDLELIGHT FOUNDATION - CUSTOM CSS
   Premium Landing Page Styles
   =================================== */

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #1A237E;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #FFA726 0%, #FB8C00 100%);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FB8C00 0%, #F57C00 100%);
}

/* Selection Color */
::selection {
    background-color: #FFA726;
    color: white;
}

::-moz-selection {
    background-color: #FFA726;
    color: white;
}

/* ===================================
   UTILITY CLASSES
   =================================== */

.btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #FFA726 0%, #FB8C00 100%);
    color: white;
    font-weight: 600;
    border-radius: 9999px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(255, 167, 38, 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(255, 167, 38, 0.4);
}

.image-card {
    overflow: hidden;
    transition: all 0.3s ease;
}

.image-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* ===================================
   NAVIGATION STYLES
   =================================== */

#navbar {
    transition: all 0.3s ease;
}

#navbar.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.nav-link {
    position: relative;
    transition: color 0.3s ease;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #FFA726 0%, #FB8C00 100%);
    transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

/* ===================================
   HERO SECTION STYLES
   =================================== */

#particles-js {
    width: 100%;
    height: 100%;
}

.stat-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: all 0.3s ease;
}

.stat-card:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(255, 167, 38, 0.2);
}

/* ===================================
   SERVICE CARDS
   =================================== */

.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);
}

/* ===================================
   DONATION SECTION
   =================================== */

.donation-option {
    cursor: pointer;
    display: block;
}

.donation-radio {
    display: none;
}

.donation-card {
    padding: 1.5rem;
    border: 2px solid #e5e7eb;
    border-radius: 1rem;
    transition: all 0.3s ease;
    background: white;
}

.donation-option:hover .donation-card {
    border-color: #FFA726;
    transform: translateX(5px);
}

.donation-radio:checked + .donation-card {
    border-color: #FFA726;
    background: linear-gradient(135deg, #FFF9F0 0%, #FFE0B2 100%);
    box-shadow: 0 5px 20px rgba(255, 167, 38, 0.2);
}

/* ===================================
   FLOATING LABEL INPUTS
   =================================== */

.floating-label-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.floating-input {
    width: 100%;
    padding: 1.25rem 1rem 0.5rem;
    border: 2px solid #d1d5db;
    border-radius: 0.75rem;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
}

.floating-input:focus {
    outline: none;
    border-color: #FFA726;
    box-shadow: 0 0 0 3px rgba(255, 167, 38, 0.1);
}

.floating-label {
    position: absolute;
    left: 1rem;
    top: 1.25rem;
    font-size: 1rem;
    color: #6b7280;
    pointer-events: none;
    transition: all 0.3s ease;
}

.floating-input:focus + .floating-label,
.floating-input:not(:placeholder-shown) + .floating-label {
    top: 0.5rem;
    font-size: 0.75rem;
    color: #FFA726;
}

/* ===================================
   TESTIMONIAL SLIDER
   =================================== */

.testimonial-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.testimonial-swiper .swiper-pagination-bullet-active {
    background: #FFA726;
    width: 30px;
    border-radius: 6px;
}

/* ===================================
   PARTNER LOGOS MARQUEE
   =================================== */

.marquee-container {
    overflow: hidden;
    position: relative;
    background: white;
    padding: 2rem 0;
}

.marquee {
    display: flex;
    overflow: hidden;
}

.marquee-content {
    display: flex;
    animation: scroll 30s linear infinite;
    gap: 3rem;
}

.partner-logo {
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.partner-logo:hover {
    transform: scale(1.1);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.marquee:hover .marquee-content {
    animation-play-state: paused;
}

/* ===================================
   ANIMATIONS & EFFECTS
   =================================== */

@keyframes shimmer-bg {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.animate-shimmer {
    background: linear-gradient(
        90deg,
        rgba(255, 207, 128, 0.8) 0%,
        rgba(255, 167, 38, 1) 50%,
        rgba(255, 207, 128, 0.8) 100%
    );
    background-size: 1000px 100%;
    animation: shimmer-bg 3s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Glow Effect */
@keyframes glow-pulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 167, 38, 0.5);
    }
    50% {
        box-shadow: 0 0 40px rgba(255, 167, 38, 0.8),
                    0 0 60px rgba(255, 167, 38, 0.4);
    }
}

.animate-glow {
    animation: glow-pulse 2s ease-in-out infinite;
}

/* Floating Animation */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Pulse Animation */
@keyframes pulse-slow {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse-slow {
    animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* ===================================
   SCROLL TO TOP BUTTON
   =================================== */

#scroll-top {
    transition: all 0.3s ease;
}

#scroll-top.visible {
    opacity: 1;
    pointer-events: all;
}

#scroll-top:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(255, 167, 38, 0.3);
}

/* ===================================
   LOADING ANIMATION
   =================================== */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

/* ===================================
   MOBILE MENU - CRITICAL FIXES
   =================================== */

/* Mobile Menu Z-Index Fix */
#mobile-menu {
    z-index: 9999 !important;
}

#mobile-menu-btn {
    z-index: 10000 !important;
    position: relative;
}

/* Ensure mobile menu is truly hidden when closed */
#mobile-menu.hidden {
    display: none !important;
}

#mobile-menu.flex {
    display: flex !important;
}

/* Prevent body scroll when menu is open */
body.menu-open {
    overflow: hidden;
    touch-action: none;
}

/* Ensure mobile menu content is clickable */
#mobile-menu * {
    pointer-events: auto;
}

#mobile-menu a, 
#mobile-menu button {
    pointer-events: auto;
    cursor: pointer;
}

/* Mobile nav link styles */
.mobile-nav-link {
    position: relative;
    transition: all 0.3s ease;
}

.mobile-nav-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #FFA726 0%, #FB8C00 100%);
    transition: width 0.3s ease;
}

.mobile-nav-link:hover::after {
    width: 100%;
}

/* Mobile dropdown styles */
.mobile-dropdown-content {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.mobile-dropdown-btn i {
    transition: transform 0.3s ease;
}

/* ===================================
   RESPONSIVE ADJUSTMENTS
   =================================== */

@media (max-width: 768px) {
    .stat-card {
        padding: 1rem;
    }
    
    .marquee-content {
        gap: 2rem;
    }
    
    /* Ensure mobile menu takes full height */
    #mobile-menu {
        height: 100vh;
        height: 100dvh; /* Dynamic viewport height for mobile */
    }
}

/* ===================================
   ACCESSIBILITY
   =================================== */

/* Focus Visible for Keyboard Navigation */
*:focus-visible {
    outline: 3px solid #FFA726;
    outline-offset: 2px;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: #FFA726;
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
}

.skip-to-content:focus {
    top: 0;
}

/* ===================================
   PRINT STYLES
   =================================== */

@media print {
    #navbar,
    #scroll-top,
    .swiper-pagination,
    footer,
    #mobile-menu,
    #mobile-menu-btn {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        color: black;
    }
}

/* ===================================
   CUSTOM CURSOR (Optional Premium Effect)
   =================================== */

@media (hover: hover) and (pointer: fine) {
    .custom-cursor {
        cursor: none;
    }
    
    .cursor-dot {
        width: 8px;
        height: 8px;
        background-color: #FFA726;
        border-radius: 50%;
        position: fixed;
        pointer-events: none;
        z-index: 9999;
        transition: transform 0.15s ease-out;
    }
    
    .cursor-outline {
        width: 40px;
        height: 40px;
        border: 2px solid rgba(255, 167, 38, 0.5);
        border-radius: 50%;
        position: fixed;
        pointer-events: none;
        z-index: 9998;
        transition: all 0.15s ease-out;
    }
}

/* ===================================
   PERFORMANCE OPTIMIZATIONS
   =================================== */

/* GPU Acceleration for Animations */
.animate-float,
.animate-pulse-slow,
.service-card,
.image-card,
.btn-primary {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Reduce Motion for Accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===================================
   GRADIENT OVERLAYS
   =================================== */

.gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, 
        rgba(26, 35, 126, 0.9) 0%,
        rgba(63, 81, 181, 0.85) 50%,
        rgba(255, 167, 38, 0.9) 100%
    );
}

/* ===================================
   CARD HOVER EFFECTS
   =================================== */

.card-tilt {
    transform-style: preserve-3d;
    transition: all 0.5s ease;
}

.card-tilt:hover {
    transform: perspective(1000px) rotateX(5deg) rotateY(5deg);
}

/* ===================================
   TEXT EFFECTS
   =================================== */

.text-gradient {
    background: linear-gradient(135deg, #FFA726 0%, #FB8C00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-shadow-glow {
    text-shadow: 0 0 20px rgba(255, 167, 38, 0.5),
                 0 0 40px rgba(255, 167, 38, 0.3);
}

/* ===================================
   LOADING STATES
   =================================== */

.loading {
    position: relative;
    pointer-events: none;
}

.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* ===================================
   SUCCESS MESSAGES
   =================================== */

.success-message {
    display: none;
    padding: 1rem;
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    color: white;
    border-radius: 0.5rem;
    margin-top: 1rem;
    animation: slideDown 0.3s ease-out;
}

.success-message.active {
    display: block;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================
   GLASS MORPHISM EFFECTS
   =================================== */

.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

/* Dropdown Menu Styles */
.dropdown-menu {
    pointer-events: none;
}

.nav-dropdown:hover .dropdown-menu,
.nav-dropdown.active .dropdown-menu {
    pointer-events: auto;
}

.dropdown-item {
    position: relative;
}

.dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: linear-gradient(to bottom, var(--candlelight-500), var(--candlelight-600));
    transition: height 0.3s ease;
}

.dropdown-item:hover::before {
    height: 60%;
}

/* ===================================
   NAVIGATION ENHANCEMENTS
   Smooth Transitions & Animations
   =================================== */

/* Navbar smooth transitions */
#navbar {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#navbar .container > div {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#navbar.scrolled .container > div {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

#navbar.scrolled {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Desktop dropdown smooth animations */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.95);
    transform-origin: top center;
    /* FIX: Added 0.3s delay at the end so the dropdown waits before hiding.
       This gives your mouse enough time to travel from the nav item to the dropdown.
       Increase the last value (e.g. 0.4s, 0.5s) if it still feels too fast. */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 1s;
    pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
    .nav-dropdown:hover .dropdown-menu,
    .nav-dropdown.active .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto;
        /* No delay when showing — appears instantly on hover */
        transition-delay: 0s;
    }
    
    .nav-dropdown:hover .fa-chevron-down,
    .nav-dropdown.active .fa-chevron-down {
        transform: rotate(180deg);
    }
}

/* Dropdown items stagger animation */
.dropdown-item {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-dropdown:hover .dropdown-item,
.nav-dropdown.active .dropdown-item {
    opacity: 1;
    transform: translateX(0);
}

.nav-dropdown:hover .dropdown-item:nth-child(1),
.nav-dropdown.active .dropdown-item:nth-child(1) { transition-delay: 0.05s; }
.nav-dropdown:hover .dropdown-item:nth-child(2),
.nav-dropdown.active .dropdown-item:nth-child(2) { transition-delay: 0.1s; }
.nav-dropdown:hover .dropdown-item:nth-child(3),
.nav-dropdown.active .dropdown-item:nth-child(3) { transition-delay: 0.15s; }
.nav-dropdown:hover .dropdown-item:nth-child(4),
.nav-dropdown.active .dropdown-item:nth-child(4) { transition-delay: 0.2s; }
.nav-dropdown:hover .dropdown-item:nth-child(5),
.nav-dropdown.active .dropdown-item:nth-child(5) { transition-delay: 0.25s; }

/* Dropdown item hover slide effect */
.dropdown-item {
    position: relative;
    overflow: hidden;
}

.dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 167, 38, 0.1) 0%, transparent 100%);
    transition: width 0.3s ease;
}

.dropdown-item:hover::before {
    width: 100%;
}

.dropdown-item:hover {
    padding-left: 1.25rem;
}

/* Hamburger menu animation */
#mobile-menu-btn {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

#mobile-menu-btn:hover {
    background: rgba(255, 167, 38, 0.1);
}

#mobile-menu-btn i {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu-btn[aria-expanded="true"] i {
    transform: rotate(90deg);
}

/* Mobile menu slide animation */
#mobile-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu.flex {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Mobile menu backdrop */
#mobile-menu::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: -1;
}

#mobile-menu.flex::before {
    opacity: 1;
    visibility: visible;
}

/* Mobile menu header animation */
#mobile-menu > div:first-child {
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

#mobile-menu.flex > div:first-child {
    transform: translateY(0);
    opacity: 1;
}

/* Mobile nav links stagger */
.mobile-nav-link,
.mobile-dropdown {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu.flex .mobile-nav-link,
#mobile-menu.flex .mobile-dropdown {
    opacity: 1;
    transform: translateX(0);
}

#mobile-menu.flex .mobile-nav-link:nth-child(1),
#mobile-menu.flex .mobile-dropdown:nth-child(2) { transition-delay: 0.15s; }
#mobile-menu.flex .mobile-nav-link:nth-child(3),
#mobile-menu.flex .mobile-dropdown:nth-child(4) { transition-delay: 0.2s; }
#mobile-menu.flex .mobile-nav-link:nth-child(5),
#mobile-menu.flex .mobile-dropdown:nth-child(6) { transition-delay: 0.25s; }
#mobile-menu.flex .mobile-nav-link:nth-child(7),
#mobile-menu.flex .mobile-dropdown:nth-child(8) { transition-delay: 0.3s; }
#mobile-menu.flex .mobile-nav-link:nth-child(9) { transition-delay: 0.35s; }

/* Mobile dropdown content smooth expand */
.mobile-dropdown-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-content:not(.hidden) {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
}

/* Mobile dropdown items stagger */
.mobile-dropdown-content a {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-content:not(.hidden) a {
    opacity: 1;
    transform: translateX(0);
}

.mobile-dropdown-content:not(.hidden) a:nth-child(1) { transition-delay: 0.05s; }
.mobile-dropdown-content:not(.hidden) a:nth-child(2) { transition-delay: 0.1s; }
.mobile-dropdown-content:not(.hidden) a:nth-child(3) { transition-delay: 0.15s; }
.mobile-dropdown-content:not(.hidden) a:nth-child(4) { transition-delay: 0.2s; }
.mobile-dropdown-content:not(.hidden) a:nth-child(5) { transition-delay: 0.25s; }

/* Mobile dropdown chevron animation */
.mobile-dropdown-btn .fa-chevron-down {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-btn[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

/* Mobile menu bottom CTA slide up */
#mobile-menu > div:last-child {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

#mobile-menu.flex > div:last-child {
    transform: translateY(0);
    opacity: 1;
}

/* Nav link hover underline */
.nav-link {
    position: relative;
    transition: color 0.3s ease;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #FFA726 0%, #FB8C00 100%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

/* Donate button pulse */
.btn-primary {
    position: relative;
    overflow: hidden;
    animation: btnPulse 2s ease-in-out infinite;
}

.btn-primary::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.btn-primary:hover::before {
    width: 300px;
    height: 300px;
}

@keyframes btnPulse {
    0%, 100% { box-shadow: 0 10px 25px rgba(255, 167, 38, 0.3); }
    50% { box-shadow: 0 10px 35px rgba(255, 167, 38, 0.5); }
}

/* Close button animation */
#mobile-menu-close {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu-close:hover {
    transform: rotate(90deg);
    background: rgba(255, 167, 38, 0.2);
}

/* Search box focus animation */
#mobile-menu input[type="search"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-menu input[type="search"]:focus {
    transform: scale(1.02);
    box-shadow: 0 0 0 3px rgba(255, 167, 38, 0.3);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    #navbar,
    #navbar .container > div,
    .dropdown-menu,
    .dropdown-item,
    #mobile-menu,
    #mobile-menu > div,
    .mobile-nav-link,
    .mobile-dropdown,
    .mobile-dropdown-content,
    .mobile-dropdown-content a,
    #mobile-menu-btn i,
    .nav-link::after,
    .btn-primary {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    #mobile-menu {
        transform: none !important;
    }
    
    .dropdown-item,
    .mobile-nav-link,
    .mobile-dropdown,
    .mobile-dropdown-content a {
        opacity: 1 !important;
    }
}



/* ===================================
   END OF CUSTOM STYLES
   =================================== */