/* Phone country code visual fix */

/* keep phone plugin full width */
.iti{
  width:100% !important;
  display:block !important;
}

/* give enough space so Phone text does not overlap +961 */
.iti input[name="mobile"],
.iti--allow-dropdown input[name="mobile"],
.iti--separate-dial-code input[name="mobile"]{
  padding-left:118px !important;
  width:100% !important;
}

/* flag/code area spacing */
.iti__flag-container{
  min-width:96px !important;
}

.iti__selected-flag{
  min-width:96px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  gap:6px !important;
}

.iti__selected-dial-code{
  margin-left:7px !important;
  font-weight:800 !important;
}

/* dark contact form: make country code white and readable */
.contact-section .iti__selected-dial-code,
.contact-section .iti__arrow{
  color:#ffffff !important;
  border-top-color:#ffffff !important;
}

.contact-section .iti__selected-flag{
  background:rgba(255,255,255,.06) !important;
  border-radius:12px !important;
}

.contact-section .iti input[name="mobile"]{
  color:#ffffff !important;
}

.contact-section .iti input[name="mobile"]::placeholder{
  color:rgba(255,255,255,.68) !important;
}

/* popup white form: keep country code dark and clean */
.popfrm .iti__selected-dial-code,
.popfrm .iti__arrow{
  color:#07111f !important;
  border-top-color:#07111f !important;
}

.popfrm .iti__selected-flag{
  background:#f4f8ff !important;
  border-radius:12px !important;
}

.popfrm .iti input[name="mobile"]{
  color:#07111f !important;
}

.popfrm .iti input[name="mobile"]::placeholder{
  color:#667085 !important;
}

/* hide hidden code wrappers completely */
input[name="code"],
#countryCode,
#countryCodepopup{
  display:none !important;
}

/* mobile: slightly smaller spacing */
@media(max-width:640px){
  .iti input[name="mobile"],
  .iti--allow-dropdown input[name="mobile"],
  .iti--separate-dial-code input[name="mobile"]{
    padding-left:108px !important;
  }

  .iti__flag-container,
  .iti__selected-flag{
    min-width:88px !important;
  }
}