/* Custom utilities and overrides beyond Tailwind */

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

/* Better text balancing for headings */
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/* Prevent horizontal scroll on mobile */
body {
    overflow-x: hidden;
}

/* Mobile menu link styles */
.mobile-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
}
.mobile-link:last-child {
    border-bottom: none;
}

/* Details/Summary accordion animation */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}
details[open] summary ~ * {
    animation: sweep .3s ease-in-out;
}
@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-10px)}
    100%  {opacity: 1; transform: translateY(0)}
}

/* Form input autofill styling override */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Glassmorphism utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}