.iti .iti__selected-country,
.iti .iti__selected-country-primary {
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 6px !important;
    margin: 0 !important;
    font-weight: normal !important;
    font-size: inherit !important;
    color: inherit !important;
    text-align: left !important;
    white-space: nowrap !important;
    width: auto !important;
    height: 100% !important;
    line-height: normal !important;
    transition: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
}

/* 2. Reset hover and focus states (stops pink bg on hover) */
.iti .iti__selected-country:hover,
.iti .iti__selected-country:focus,
.iti .iti__selected-country-primary:hover,
.iti .iti__selected-country-primary:focus {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    text-decoration: none !important;
}

/* 3. Keep +44 dial code inline on the same line as the flag */
.iti__selected-dial-code {
    display: inline-block !important;
    margin-left: 4px !important;
        font-size: 15px !important;
    color: inherit !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        font-family: inherit !important;
}

/* 4. Country container – sits flush left inside the input */
.iti__country-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    align-items: center !important;
            padding: 18px 0 0 0 !important; /* align with FunnelKit floating label text */
}

/* 5. FunnelKit checkout wrapper – ensure full-width block */
#billing_phone_field .iti,
.wfacp-form-control-wrapper .iti {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* 6. Input padding – clears the flag + +44 when separate dial code is on */
#billing_phone_field .iti--separate-dial-code input.iti__tel-input,
.wfacp-form-control-wrapper .iti--separate-dial-code input.iti__tel-input {
    padding-left: 90px !important;
}

/* 7. Dropdown z-index – appears above FunnelKit form layers */
.iti__dropdown-content,
.iti--container {
    z-index: 99999 !important;
}

/* 8. Set FunnelKit typography on the phone field wrapper so the country
   selector button can inherit the same font styles as the phone input.
   CSS cannot inherit from a sibling element, so we set these on the
   parent <p> instead — then font-size/weight/color/line-height all
   cascade down to the flag button and +44 naturally. */
   #billing_phone_field,
   .wfacp-form-control-wrapper p#billing_phone_field {
           font-family: Poppins, sans-serif !important;
               font-size: 15px !important;
                   font-weight: 600 !important;
           color: rgb(3, 13, 38) !important;
               line-height: 18px !important;
               }
   }