/* Stone Galleria international telephone fields */

.iti {
    width: 100%;
    max-width: 100%;
}

.d-flex > .iti {
    flex: 1 1 auto;
    min-width: 0;
}

.iti input {
    width: 100%;
}

.iti__country-container {
    z-index: 6;
}

/* Allow long country names to remain readable in the dropdown. */
.iti__country-list {
    min-width: 280px;
}

.sg-phone-error {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #dc3545;
    font-size: 0.82rem;
    line-height: 1.35;
}

/*
 * intl-tel-input wraps the input.
 * Existing Stone Galleria enquiry forms use a direct input + floating label,
 * so keep the phone label floated rather than allowing it to overlap
 * the flag / dial-code selector.
 */
.floating-label.sg-phone-floating {
    position: relative;
}

.floating-label.sg-phone-floating > label {
    position: absolute;
    z-index: 7;
    top: -7px;
    left: 12px;
    padding: 0 4px;
    font-size: 11px;
    line-height: 1.2;
    pointer-events: none;
    background: #fff;
}

/* Price Reveal modal */
.price-reveal-field .iti {
    display: block;
    width: 100%;
}

/* RTL pages */
html[dir="rtl"] .floating-label.sg-phone-floating > label {
    left: auto;
    right: 12px;
}

@media (max-width: 640px) {
    .iti__country-list {
        min-width: 0;
    }

    .sg-phone-error {
        font-size: 0.78rem;
    }
}