/*
    Enquiry form additions (October 2026).

    Two things live here: the country-code selector that sits in front of the
    phone box, and the Cloudflare Turnstile widget.

    Kept out of style.css so the theme file stays untouched and these rules
    are easy to find later.
*/

/* ---------------------------------------------------------------- country code
   .in_box is already a flex row (icon, then field), so the selector only
   needs to stop stretching and lose its own border. The class raises the
   specificity above the existing ".in_box select { width: 100% }" rule. */
.enq_now .pad .from_group .in_box select.av-isd,
.in_box select.av-isd {
    flex: 0 0 auto;
    width: auto;
    max-width: 124px;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, .12);
    outline: none;
    background: transparent;
    font-size: 14px;
    padding: 0 8px 0 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
}

/* The contact page uses a plain grid of inputs rather than .in_box, so the
   selector and the phone box are paired up here instead.

   The pill styling has to be restated rather than inherited. The theme rule
   (.contact-four__inner input[type=text], input[type=email]) lists the input
   types it applies to, and type="tel" is not among them -- so the phone box
   would otherwise fall back to the browser's own square field and sit oddly
   beside the rounded name and e-mail boxes. The values below are copied from
   that rule so the row matches the rest of the form exactly. */
.av-phone-pair {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.av-phone-pair select.av-isd,
.av-phone-pair input[type="tel"] {
    height: 48px;
    border: 1px solid #D3D3D3;
    border-radius: 100px;
    background-color: #fff;
    color: #636363;
    font-size: 16px;
    font-weight: 400;
    line-height: 162.5%;
    outline: none;
    margin: 0;
}

.av-phone-pair select.av-isd {
    flex: 0 0 auto;
    width: 140px;
    max-width: 44%;
    padding: 0 6px 0 16px;
    cursor: pointer;
}

.av-phone-pair input[type="tel"] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 20px 0 25px;
}

.av-phone-pair input[type="tel"]::placeholder {
    color: #636363;
    font-size: 16px;
    font-weight: 400;
}

/* ------------------------------------------------------------------ turnstile
   Cloudflare renders an iframe here. It is invisible for nearly every
   visitor; the space only fills when a challenge is actually shown. */
.av-turnstile {
    margin: 10px 0 0;
    min-height: 0;
}

.av-turnstile:empty {
    margin: 0;
}

@media (max-width: 575px) {
    .enq_now .pad .from_group .in_box select.av-isd,
    .in_box select.av-isd {
        max-width: 104px;
        font-size: 13px;
    }

    .av-phone-pair select.av-isd {
        max-width: 112px;
    }
}