/* Force location fields to stack vertically on all screen sizes */
#location-fields-container, 
.profile-section .grid-cols-2 {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Adds space between the stacked fields */
}

/* Ensure individual form groups take full width */
#location-fields-container .form-group,
.profile-section .form-group {
    width: 100%;
    max-width: 100%;
}

/* Fix for dropdowns and inputs to be easily touchable on mobile */
select, input[type="text"] {
    width: 100%;
    min-height: 45px; /* Better for mobile finger tapping */
    box-sizing: border-box;
}

.profile-section {
    overflow: visible !important; /* Allows dropdowns to "pop out" of the container */
    padding-bottom: 20px; /* Gives extra space at the bottom of sections */
}