/* ============================================
   PVFWC - Frontend Styles
   ============================================ */

.iti {
    width: 100%;
    display: block;
}

.iti__tel-input {
    width: 100%;
    padding: 8px;
}

.iti--allow-dropdown input[type=tel] {
    width: 100%;
}

.pvfwc-error-msg {
    margin-top: 8px;
    margin-bottom: 8px;
}

.pvfwc-error-msg.wc-block-components-notice-banner {
    margin-top: 12px;
}

/* Keep the phone widget LTR with the flag on the left, even on RTL pages */
.pvfwc-iti-container,
.pvfwc-iti-container .iti__tel-input {
    direction: ltr !important;
    text-align: left !important;
}
.pvfwc-iti-container .iti__country-container {
    left: 0 !important;
    right: auto !important;
}