/*
 * Request Form Phone Enhancement — v0.4.0
 *
 * Overrides for intl-tel-input inside the OVA BRW request form so the
 * country dropdown sits cleanly next to the phone input without breaking
 * TripGo's .rental_item layout.
 */

.rental_item .iti {
    width: 100%;
}

.rental_item .iti__flag-container {
    z-index: 3;
}

/* Keep the phone input sized consistently with other OVA BRW fields.
 * Note: padding-left is set dynamically by request-form-phone.js after
 * measuring the .iti__flag-container width — a static value is unsafe
 * because dial codes vary in length (+90, +380, +1-xxx, etc.) and would
 * otherwise hide the first digits under the flag.
 */
.rental_item .iti input.ovabrw-input-required[type="tel"] {
    width: 100%;
}

/* Flash-prevent rule for the OVA BRW AJAX-injected "Zaman" (duration
 * time) radio group. The real removal is done in request-form-phone.js
 * via a MutationObserver, because CSS alone can't bypass OVA BRW's
 * validator — it iterates over all `.ovabrw-input-required` elements
 * regardless of visibility, and the injected radio often carries
 * `value=""` which trips the "required" check and blocks submission.
 *
 * This rule just hides any copy that the browser paints in the brief
 * window between OVA BRW's AJAX insert and the observer's removal.
 *
 * Scoped to the `mhm-jue-hide-duration` body class so it only applies
 * when the admin setting (Settings → Join Us Fix → Hide duration time
 * field) is ON. Without that scope, flipping the option off in the
 * admin would still leave the field visually hidden on the front-end.
 *
 * User feedback 2026-04-11: "zaman alanında sorun var. Bence zaman
 * gösterilmemeli. Zaten tarih var."
 */
.mhm-jue-hide-duration .rental_item.ovabrw_times_field {
    display: none !important;
}