/* Custom styles beyond Tailwind */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile menu animations */
#mobile-menu.open {
    opacity: 1;
    pointer-events: all;
}

#menu-line-1.open {
    transform: rotate(45deg) translate(3px, 3px);
}

#menu-line-2.open {
    opacity: 0;
}

#menu-line-3.open {
    transform: rotate(-45deg) translate(3px, -3px);
    width: 20px;
}

/* Smooth focus styles */
input:focus, textarea:focus {
    outline: none;
}

/* Selection color */
::selection {
    background-color: rgba(13, 148, 136, 0.15);
    color: #0f766e;
}

/* Subtle scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Image loading placeholder */
img {
    background-color: #f1f5f9;
}