/* Flag sprite paths — relative to /assets/css/ → /assets/img/ */
:root {
  --iti-path-flags-1x: url("/lp/logo-design-offer/assets/img/flags.webp");
  --iti-path-flags-2x: url("/lp/logo-design-offer/assets/img/flags@2x.webp");
  --iti-path-globe-1x: url("/lp/logo-design-offer/assets/img/globe.webp");
  --iti-path-globe-2x: url("/lp/logo-design-offer/assets/img/globe@2x.webp");
}

/* -------------------------------------------------------------------------- */
/* Core layout — mirrors main site IntlTelInput.css, adapted for landing      */
/* -------------------------------------------------------------------------- */
.newcountrycode.newcountrycode--intl {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 60px;
  padding: 0;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  background: #f3f3f3;
  overflow: visible;
}

.newcountrycode.newcountrycode--intl .intl-tel-field-wrap {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.newcountrycode.newcountrycode--intl .iti {
  display: block;
  width: 100%;
  min-width: 0;
}

/* Let intl-tel keep absolute country container; only reset input chrome */
.newcountrycode.newcountrycode--intl .iti input.iti__tel-input,
.newcountrycode.newcountrycode--intl .phone-field {
  width: 100% !important;
  min-width: 0 !important;
  height: 58px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  letter-spacing: 0.2px;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}

.newcountrycode.newcountrycode--intl .iti__selected-country-primary {
  padding-right: 6px;
}

.newcountrycode.newcountrycode--intl .iti .iti__selected-dial-code {
  margin-left: 4px;
  margin-right: 6px;
  font-size: 16px;
  color: #333;
  line-height: 1;
}

.newcountrycode.newcountrycode--intl .iti__flag {
  flex-shrink: 0;
}

.intl-tel-geo-hint {
  display: none;
}

/* Banner / hero */
.banner-form .newcountrycode.newcountrycode--intl {
  margin-bottom: 10px;
}

/* Horizontal strip */
.horizotal-form .newcountrycode.newcountrycode--intl {
  flex: 1 1 180px;
  min-width: 0;
  min-height: 58px;
  height: 58px;
  margin-bottom: 0;
  padding: 0;
  border-color: #ddd;
  background: #fff;
}

.horizotal-form .newcountrycode.newcountrycode--intl .iti input.iti__tel-input {
  height: 58px;
  font-size: 14px;
}

/* Footer consult form */
.footer-form .newcountrycode.newcountrycode--intl,
.footer-bg .newcountrycode.newcountrycode--intl {
  min-height: 60px;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  background: #eeeeee;
}

.footer-form .newcountrycode.newcountrycode--intl .iti input.iti__tel-input,
.footer-bg .newcountrycode.newcountrycode--intl .iti input.iti__tel-input {
  height: 58px;
  padding-left: 0;
}

.footer-form .newcountrycode.newcountrycode--intl,
.footer-bg .newcountrycode.newcountrycode--intl {
  margin-bottom: 10px;
}

/* Dynamic package popup */
.fld-input--phone {
  height: auto !important;
  min-height: 46px;
  padding: 0 !important;
  overflow: visible !important;
}

.fld-input--phone .newcountrycode.newcountrycode--intl {
  min-height: 44px;
  height: 44px;
  margin-bottom: 0;
  border: 0;
  background: transparent;
}

.fld-input--phone .newcountrycode.newcountrycode--intl .iti input.iti__tel-input {
  height: 42px;
  font-size: 14px;
}

/* Static / exit popups */
.mmpopup .newcountrycode.newcountrycode--intl,
.mmpopup-new .newcountrycode.newcountrycode--intl,
#popstatic .newcountrycode.newcountrycode--intl {
  min-height: 47px;
}

.mmpopup .newcountrycode.newcountrycode--intl .iti input.iti__tel-input,
#popstatic .newcountrycode.newcountrycode--intl .iti input.iti__tel-input {
  height: 45px;
}

#exit-popup .newcountrycode.newcountrycode--intl {
  min-height: auto;
  border: 0;
  background: transparent;
}

#exit-popup .newcountrycode.newcountrycode--intl .iti input.iti__tel-input {
  height: 48px;
  background: #f4f4f4 !important;
}

/* Portaled dropdown above landing popups */
body > .iti--container {
  z-index: 100000000 !important;
}

.iti--fullscreen-popup.iti--container {
  z-index: 100000000 !important;
}

.iti--fullscreen-popup .iti__dropdown-content {
  color: #111;
  border-radius: 10px;
  overflow: hidden;
}

.iti__search-input {
  padding-top: 6px;
  padding-bottom: 6px;
}

.lp-form-iti.iti--inline-dropdown .iti__dropdown-content {
  z-index: 100000000;
  min-width: min(100vw - 32px, 320px);
}

/* Override legacy landing rules that target old phone markup */
.newcountrycode.newcountrycode--intl select,
.newcountrycode.newcountrycode--intl .countrycode {
  display: none !important;
}

.newcountrycode.newcountrycode--intl > span[class^="fg"] {
  display: none !important;
}