/**
 * tailwind-common.css
 * ATLS PRAT - Tailwind companion styles
 * Minimal overrides for things Tailwind CDN can't handle inline
 */

/* Hide Alpine.js elements until initialized */
[x-cloak] { display: none !important; }

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Base body font */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom gradient background for auth pages */
.bg-auth-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Menu card icon gradient */
.bg-brand-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Focus ring reset for Tailwind */
*:focus-visible {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* PWA slide-up animation */
@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-up {
    animation: slideUp 0.3s ease-out;
}

/* Standalone PWA mode */
@media (display-mode: standalone) {
    .pwa-header-safe {
        padding-top: calc(0.75rem + env(safe-area-inset-top, 0px));
    }
    .pwa-hide-in-standalone {
        display: none !important;
    }
}

/* Print styles */
@media print {
    .no-print { display: none !important; }
}