/* 
 * F&M Custom Transformations LLC
 * Custom styles to complement Tailwind CSS
 */

/* Base styles */
body {
    font-family: 'Inter', sans-serif;
    background-color: #050a14;
    color: #e5e7eb;
}

/* Ensure all links are styled properly */
a {
    text-decoration: none;
}

/* Smooth transitions for all interactive elements */
button, a, input, select, textarea {
    transition: all 0.3s ease;
}

/* Custom selection color */
::selection {
    background-color: rgba(201, 152, 46, 0.3);
    color: #ffffff;
}

/* Ensure proper image sizing */
img {
    max-width: 100%;
    height: auto;
}

/* Fix for Google Maps filter in dark mode */
iframe {
    background-color: #0a1628;
}

/* Responsive typography adjustments */
@media (max-width: 640px) {
    .font-display {
        font-size: clamp(2rem, 8vw, 3rem);
    }
}

/* Print styles */
@media print {
    nav, .mobile-menu, button {
        display: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
    }
    
    .gold-gradient {
        -webkit-text-fill-color: #c9982e !important;
    }
}