/* ==========================================================================
   DRAWER NAVIGATION LOGIC
   ========================================================================== */

#contact-drawer {
    /* Position fixed by Tailwind, but animation logic here */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Start state: off-screen above the viewport */
    transform: translateY(-100%);
    
    /* Ensure it has a meaningful height on mobile, but padding handles the rest */
}

/* Open State: Slide in to the top of the viewport */
#contact-drawer.open {
    transform: translateY(0);
}

/* ==========================================================================
   TAILWIND UTILITY EXTENSIONS / CUSTOM OVERRIDES
   ========================================================================== */

/* Footer Link Interaction States */
footer a {
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

footer a:hover {
    color: #93c5fd; /* Light blue Tailwind (text-blue-300) */
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Apply smooth scrolling to the HTML container directly */
html {
    scroll-behavior: smooth;
    
    /* Good practice for complex overflow settings if needed later */
    /* overflow-x: hidden; */
}

/* Ensure images don't overflow parent containers */
img {
    max-width: 100%;
    height: auto;
}