/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@import "https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css";
/* intl-tel-input: suppress all native UI chrome — we render flag/dial-code ourselves */
.iti { display: contents !important; }
.iti__country-container { display: none !important; }
.iti input.iti-field {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 0.875rem !important;
  color: rgb(17 24 39) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html, body {
  overscroll-behavior-x: none;
}

.scrollbar-hide {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.date-picker-gray::-webkit-calendar-picker-indicator {
  opacity: 0.4;
  cursor: pointer;
}

/* Hide Safari's native autofill icons (key, contact, etc.) */
input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

/* Target the native clear button in WebKit browsers */
#search_input::-webkit-search-cancel-button {
  /* Increase the size */
  height: 18px;
  width: 18px;
  
  /* Scale a native graphic if you don't provide a background image */
  transform: scale(1.3); 
  cursor: pointer;
}