/*=============================================================================
  International phone field (js/phoneinput.js + intl-tel-input). New classes
  only. padding set where needed: the theme pads every div.
=============================================================================*/
.ptPhoneWrap{width:100%; max-width:100%; display:block; padding:0; margin:0}
.ptPhoneWrap input.ptPhone{width:100%; box-sizing:border-box; direction:ltr; text-align:left}
.ptPhoneWrap .iti__country-container,
.ptPhoneWrap .iti__selected-country,
.ptPhoneWrap .iti__dropdown-content{padding:0}
.ptPhoneWrap .iti__dropdown-content{z-index:1000}
/* the number (and its code) always read left to right, also on Arabic pages */
.ptPhoneWrap, .ptPhoneWrap .iti__selected-country{direction:ltr}
.ptPhoneWrap .iti__country-list{direction:inherit; text-align:start}
.ptPhoneWrap .iti__selected-dial-code, .iti__dial-code{direction:ltr; unicode-bidi:isolate} /* "+20", not "20+" on Arabic pages */
[dir='rtl'] .ptPhoneWrap .iti__dropdown-content{direction:rtl; text-align:right}
input.ptPhone.ptPhoneBad{border-color:#c62828 !important; box-shadow:0 0 0 1px #c62828}

/* stored numbers shown on pages */
.ptPhoneLink{white-space:nowrap}
.ptPhoneWa{font-size:11px; color:#1b8f3a; margin-inline-start:4px; white-space:nowrap}
@media print{ .ptPhoneWa{display:none} .ptPhoneLink{color:inherit; text-decoration:none} }