/**
 * Normalise GF Address sub-input styling so the State + Country dropdowns
 * line up at the same height as the City / ZIP / Street text inputs next
 * to them.
 *
 * Background: GF renders the State and Country sub-inputs as <select>
 * elements (or, for state, an <input> that EQC_GF_Address_Enhancer swaps
 * to a <select>). Browser default <select> sizing — line-height, padding,
 * border — doesn't match the adjacent <input> elements, so the dropdowns
 * end up a few pixels taller and the row reads as jagged.
 *
 * The selectors are GF address sub-input wrappers, so this is scoped to
 * the address field only and won't touch any other selects on the page.
 */

/* Style the State + Country sub-inputs to read as text inputs with a custom
   chevron, AND pin a sensible floor on their height so they line up with the
   theme's text-input fields. The JS in eqc-gf-address-enhancer.js can refine
   the value at runtime by copying the adjacent input's outerHeight, but the
   CSS floor here guarantees the dropdowns never render shorter than the
   surrounding text inputs if the JS step is delayed or fails. */
.gform_wrapper .ginput_container_address .ginput_address_state select,
.gform_wrapper .ginput_container_address .ginput_address_country select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 50px !important;
    /* Vertical padding does the centering (appearance:none lets <select>
       honor it). 15px font × 1.2 line-height = 18px line, content area
       50 - 28 padding - 2 border = 20px → ~1px breathing room each side. */
    padding: 14px 32px 14px 14px !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    background-color: #fff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}