/* Custom Modern Service Platform CSS Enhancements */

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Body Scroll Lock when Mobile Drawer is Open */
body.drawer-open {
    overflow: hidden !important;
    touch-action: none;
}

/* Glassmorphism utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-nav {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-nav-scrolled {
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 4px 20px -2px rgba(220, 38, 38, 0.08);
    border-bottom-color: rgba(254, 226, 226, 0.9) !important;
}

/* Pulse animation for live online badges */
@keyframes pulse-ring {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.2); opacity: 0; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

.live-badge-ring {
    animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

/* Global Button System Utility Classes (White & Red Theme) */
.btn-primary {
    @apply inline-flex items-center justify-center font-semibold rounded-xl bg-red-600 hover:bg-red-700 active:bg-red-800 text-white px-5 py-3 text-sm shadow-sm hover:shadow-red-500/25 transition-all duration-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-60 disabled:pointer-events-none;
}

.btn-secondary {
    @apply inline-flex items-center justify-center font-semibold rounded-xl bg-slate-100 hover:bg-slate-200 active:bg-slate-300 text-slate-800 px-5 py-3 text-sm transition-all duration-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:opacity-60 disabled:pointer-events-none;
}

.btn-outline {
    @apply inline-flex items-center justify-center font-semibold rounded-xl bg-transparent border border-slate-300 hover:bg-slate-50 active:bg-slate-100 text-slate-700 px-5 py-3 text-sm transition-all duration-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-60 disabled:pointer-events-none;
}

.btn-emerald {
    @apply inline-flex items-center justify-center font-semibold rounded-xl bg-emerald-600 hover:bg-emerald-700 active:bg-emerald-800 text-white px-5 py-3 text-sm shadow-sm hover:shadow-emerald-500/25 transition-all duration-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2 disabled:opacity-60 disabled:pointer-events-none;
}

/* Card Glow & Hover Effects */
.card-glow {
    box-shadow: 0 4px 20px -2px rgba(220, 38, 38, 0.08);
}
.card-glow:hover {
    box-shadow: 0 12px 30px -4px rgba(220, 38, 38, 0.18);
}

/* Accordion Smooth Transitions */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
.faq-answer.open {
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #fca5a5;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ef4444;
}