/* Custom styles for SEPA Property Ltd landing page */

/* Ensure smooth scrolling behavior */
html {
    scroll-behavior: smooth;
}

/* Custom focus styles for better accessibility */
.focus\:ring-sepa-blue:focus {
    --tw-ring-color: #2c5aa0;
}

/* Ensure adequate touch targets on mobile */
@media (max-width: 768px) {
    button, a {
        min-height: 44px;
        min-width: 44px;
    }
    
    input, textarea {
        min-height: 44px;
    }
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #2c5aa0;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1e40af;
}

/* Ensure form elements are properly sized on iOS */
input[type="text"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    border-radius: 0.5rem;
}

/* Prevent zoom on input focus on iOS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 16px;
    }
}