/* Custom styles that extend beyond Tailwind — minimal, purposeful additions */

/* Smooth focus styles for accessibility */
:focus-visible {
    outline: 2px solid #14b8a6;
    outline-offset: 2px;
}

/* Ensure all images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Prevent form autofill from overriding styles */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Subtle text rendering improvement */
body {
    text-rendering: optimizeLegibility;
}

/* Selection color override for better contrast */
::selection {
    background: #ccfbf1;
    color: #134e4a;
}

/* Ensure link buttons have proper cursor */
a[href^="tel:"],
button[type="submit"] {
    cursor: pointer;
}

/* Print styles */
@media print {
    .navbar,
    .mobile-menu,
    .hero-scroll,
    .contact-form,
    .map-container {
        display: none !important;
    }
    
    .hero {
        min-height: auto;
        padding: 2rem 0;
    }
    
    .hero-bg {
        background: #134e4a !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
    section {
        padding: 2rem 0;
    }
    
    body {
        color: #000;
        background: #fff;
    }
}