/* HackersEye — dark theme for intl-tel-input, matched to the Cobalt form fields
   (bg #0B0B0D, card #121216, line #22222A, text #fff/#A7A7B0, blue accent #4A8BF2). */

.iti { width: 100%; display: block; }
.iti__tel-input { width: 100%; }

/* Selected flag + dial-code sits transparently on the dark input background. */
.iti__country-container { border-radius: 12px 0 0 12px; }
.iti__selected-country,
.iti__selected-country-primary { background-color: transparent; }
.iti__selected-country:hover .iti__selected-country-primary,
.iti__selected-country-primary:hover,
.iti__selected-country:focus .iti__selected-country-primary { background-color: rgba(255, 255, 255, 0.06); }
.iti__selected-dial-code { color: #A7A7B0; font-size: 15px; }
.iti__arrow { border-top-color: #A7A7B0; }
.iti__arrow--up { border-top-color: transparent; border-bottom-color: #A7A7B0; }

/* Dropdown panel. */
.iti__dropdown-content {
  background-color: #121216;
  border: 1px solid #22222A;
  border-radius: 12px;
  color: #ffffff;
  box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

/* Search box inside the dropdown. */
.iti__search-input {
  background-color: #0B0B0D;
  border: 0;
  border-bottom: 1px solid #22222A;
  color: #ffffff;
  padding: 12px 14px;
  outline: none;
}
.iti__search-input::placeholder { color: #6A6A73; }

/* Country list. */
.iti__country-list { background-color: #121216; }
.iti__country { color: #ffffff; padding: 9px 14px; }
.iti__country-name { color: #ffffff; }
.iti__dial-code { color: #A7A7B0; }
.iti__country.iti__highlight,
.iti__country:hover { background-color: rgba(74, 139, 242, 0.16); }
.iti__divider { border-bottom-color: #22222A; }

/* Scrollbar in the country list (WebKit). */
.iti__country-list::-webkit-scrollbar { width: 10px; }
.iti__country-list::-webkit-scrollbar-thumb { background: #33333D; border-radius: 8px; }
.iti__country-list::-webkit-scrollbar-track { background: #121216; }