/**
 * Contact Form Override Styles
 * Force display and fix layout issues
 */

/* Force display nice-select */
.contact-from .xb-item--field .nice-select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide all duplicate nice-selects except the first */
.contact-from .xb-item--field > .nice-select:not(:first-of-type) {
    display: none !important;
}

/* Ensure select is hidden */
.contact-from select.nice-select-input {
    display: none !important;
}

/* Nice select styling override */
.contact-from .nice-select {
    width: 100% !important;
    height: 60px !important;
    line-height: 58px !important;
    padding: 0 40px 0 52px !important;
    border: 1px solid #edf3f5 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    font-size: 14px !important;
    margin: 0 !important;
}

/* Fix the dropdown arrow */
.contact-from .nice-select::after {
    border-color: #999 transparent transparent transparent !important;
    right: 17px !important;
}

/* Textarea height increase */
.contact-from textarea[name="message"] {
    min-height: 200px !important;
    height: 200px !important;
}

/* Add padding bottom to contact section */
.contact.contact-pt {
    padding-bottom: 60px !important;
}

/* Alternative: Add padding to the container */
.contact.contact-pt .container {
    padding-bottom: 40px;
}

/* Ensure proper spacing on mobile */
@media (max-width: 767px) {
    .contact.contact-pt {
        padding-bottom: 40px !important;
    }
}