/**
 * Gravity Forms Custom Fixes
 * 
 * This file contains custom CSS fixes for Gravity Forms styling issues.
 */

/* Fix for country selector rounded corners - make all form fields square */
.gform_wrapper select,
.gform_wrapper .gfield select,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container_address select {
    border-radius: 0 !important;
}

/* Ensure all Gravity Forms input elements have consistent square styling */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper textarea,
.gform_wrapper select {
    border-radius: 0 !important;
}

/* Additional specificity for address field country selector */
.gform_wrapper .gfield--type-address select,
.gform_wrapper .address_country select,
.gform_wrapper .ginput_address_country select {
    border-radius: 0 !important;
}

/* Vertical centering and dropdown arrow for select elements */
.gform_wrapper select,
.gform_wrapper .gfield select,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container_address select {
    /* Vertical centering */
    line-height: 1.4 !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
    
    /* Custom dropdown arrow */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 16px !important;
    padding-right: 0.5rem !important;
}

/* Ensure the dropdown arrow is visible on focus */
.gform_wrapper select:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .ginput_container select:focus,
.gform_wrapper .ginput_container_address select:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E") !important;
}

/* Add spacing above the required fields notice */
.gform_wrapper .gfield_html {
    margin-top: 1.5rem !important;
}

/* More specific targeting for the "* verplicht" text */
.gform_wrapper .gfield_html.gfield_html_formatted {
    margin-top: 0.5rem !important;
    margin-bottom: 0.1rem !important;
}

/* Submit button styling - make it larger and square */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper .button {
    border-radius: 0 !important;
    padding: 0.5rem 1rem !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    min-height: 3rem !important;
    line-height: 1.2 !important;
}

/* Ensure submit button has proper spacing */
.gform_wrapper .gform_footer {
	margin-bottom: -4.5rem !important;
}

/* Fix vertical alignment of checkbox labels */
.gform_wrapper .ginput_container_consent {
    display: flex !important;
    align-items: center !important;
    gap: 0.1rem !important;
}

.gform_wrapper .ginput_container_consent input[type="checkbox"] {
    margin: 0 !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    margin-top: 0.5rem !important;
}

.gform_wrapper .gfield_consent_label,
.gform_wrapper .gform-field-label--type-inline {
    margin: 0 !important;
    line-height: 1.4 !important;
    flex: 1 !important;
}

/* Additional styling for consent fieldsets */
.gform_wrapper .gfield--type-consent .ginput_container_consent {
    margin-top: -0.5rem !important;
}