/* Mobile-specific styles for Turuncu Hap */
@media (max-width: 768px) {
    /* Fix for phone number input on mobile */
    .phone-input-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Keep the country code dropdown at its current width */
    .phone-input-container > div:first-child {
        width: 126px !important;
        flex: 0 0 126px !important;
    }

    /* Make the phone number input container take the remaining width */
    .phone-input-container > div:last-child {
        flex: 1 !important;
        width: calc(100% - 126px) !important;
    }

    /* Ensure the phone number input field takes full width of its container */
    .phone-number-input {
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 10px !important;
        font-size: 16px !important;
    }

    /* Additional fixes for mobile */
    input[type="tel"] {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important; /* Prevents iOS zoom on focus */
    }

    /* Fix for any potential overflow issues */
    .form-group {
        overflow: visible !important;
    }
}