/* Global Logo Customization */

.hero-static .site-logo {
  width: 33%;
}

#sidebar .site-logo {
  width: 100px;
}

/* Bug Fixes */

.select2-search input {
  color: #c8ccd0;
}

.select2-search__field {
  width: 100% !important;
}

/* Customer Travelled Countires */

.flag-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
}

.flag-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.flag-item:hover {
  transform: scale(1.1);
}

.flag-item span {
  font-size: 24px;
}

/* Client View */

.remove-file {
  width: 30px;
  margin-right: -10px;
  margin-top: -10px;
}

.profile-action-buttons-wrapper {
  z-index: 2000;
}

#profileMenuButton {
  width: 40px;
  height: 40px;
}

#profileImage {
  cursor: pointer;
}

#profileMenuOptions {
  display: none;
  /* Initially hidden */
  z-index: 1050;
  /* Ensure it's above other elements */
}

#arrow,
#arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ebeef2;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
  top: 0;
  left: 0;
}

#profileMenuOptions[data-popper-placement^='top']>#arrow {
  bottom: -4px;
}

#profileMenuOptions[data-popper-placement^='bottom']>#arrow {
  top: -4px;
}

#tooltprofileMenuOptionsip[data-popper-placement^='left']>#arrow {
  right: -4px;
}

#profileMenuOptions[data-popper-placement^='right']>#arrow {
  left: -4px;
}

/* Custom Scroll Bar Styles */

@supports not (selector(::-webkit-scrollbar-thumb)) {
  * {
    scrollbar-color: var(--scroll-thumb-color, grey) var(--scroll-track, transparent);
    scrollbar-width: thin;
  }
}

*::-webkit-scrollbar {
  width: var(--scroll-size, 10px);
  height: var(--scroll-size, 10px);
}

*::-webkit-scrollbar-track {
  background-color: var(--scroll-track, transparent);
  border-radius: var(--scroll-track-radius, var(--scroll-radius));
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb-color, grey);
  background-image: var(--scroll-thumb, none);
  border-radius: var(--scroll-thumb-radius, var(--scroll-radius));
}

* {
  --scroll-size: 10px;
  --scroll-radius: 20px;
  --scroll-track: rgb(255 255 255 / 10%);
  --scroll-thumb: linear-gradient(45deg, #00aeff, #0c91cf);
}

/* Full Width Input for International Telephone Input */

.modal .iti {
  width: 100%;
}

.modal .iti input {
  width: 100%;
  box-sizing: border-box;
}

.dark .iti {
  --iti-border-color: #5b5b5b;
  --iti-dialcode-color: #999999;
  --iti-dropdown-bg: #0d1117;
  --iti-arrow-color: #aaaaaa;
  --iti-hover-color: #30363d;
  --iti-path-globe-1x: url("../js/lib/img/globe_light.webp");
  --iti-path-globe-2x: url("../js/lib/img/globe_light@2x.webp");
}