@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  --ck-border-radius: 0.5rem !important;
  --primary--100: #432f08;
  --primary--90: #876117;
  --primary--80: #a4761d;
  --primary--70: #db9a1d;
  --primary--60: #f5b63d;
  --primary--50: #ffc451;
  --primary--40: #ffce6f;
  --primary--30: #ffda94;
  --primary--20: #ffedc9;
  --primary--10: #fffdf3;
  --primary--5: #fffaf5;
  --secondary-100: #030712;
  --secondary-90: #111827;
  --secondary-80: #1f2937;
  --secondary-70: #374151;
  --secondary-60: #4b5563;
  --secondary-50: #6b7280;
  --secondary-40: #9ca3af;
  --secondary-30: #d1d5db;
  --secondary-20: #e5e7eb;
  --secondary-10: #f9fafc;
  --success-100: #1e4f13;
  --success-90: #359020;
  --success-80: #39c11b;
  --success-70: #40e71b;
  --success-60: #46ff1c;
  --success-50: #70ff50;
  --success-40: #8eff75;
  --success-30: #a3ff8f;
  --success-20: #ccffc0;
  --success-10: #e6ffe0;
  --danger-100: #e6ffe0;
  --danger-90: #660c0c;
  --danger-80: #920f0f;
  --danger-70: #c11818;
  --danger-60: #eb2121;
  --danger-50: #f44242;
  --danger-40: #fe7878;
  --danger-30: #ffb3b3;
  --danger-20: #ffd2d2;
  --danger-10: #fff9f9;
  --blue-100: #073355;
  --blue-90: #104e7f;
  --blue-80: #0c6bb4;
  --blue-70: #1f8bde;
  --blue-60: #309ef3;
  --blue-50: #60b8fb;
  --blue-40: #8ccdff;
  --blue-30: #afdcff;
  --blue-20: #d7edff;
  --blue-10: #f3faff;
  --gray-border: #e1e4e7;
  --yellow-color-5: #e9b464;
  --yellow-color-7: #de9846;
  --black--color-4: #555555;
  --book--text-color: #292d32;
  --book--favorite-color: #fffcf9;
  --kuisine--favorite-border-color: #ffddbb;
  --kuisine--payment-success: #00be79;
  --market--title-color: #101010;
  --market--trade-color: #05a3ff;
  --market--lease-color: #ff0586;
  --market--sale-color: #00ce9b;
  --font-lexend: "Lexend";
  --chat-user-online: #00f300;
  --border-form-color: #d9d9d9;
  --gray-10: #f9fafc;
  --gray-40: #9ca3af;
  --gray-50: #6b7280;
  --gray-60: #4b5563;
  --gray-100: #030712;
  --red-70: #c11818;
  --green-90: #359020;
  --green-70: #02B674;
}

@layer base {
  button,
  input,
  select,
  textarea {
    @apply font-sans;
  }
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
* {
  box-sizing: border-box;
}

body {
  color: var(--secondary-90);
  margin: 0px;
  font-size: 14px;
  line-height: 1.25rem;
  font-family: var(--font-lexend), system-ui, sans-serif;
}

.ant-typography {
  font-family: var(--font-lexend), system-ui, sans-serif !important;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

input,
textarea,
select {
  font-size: inherit;
  appearance: none;
}

input:focus,
textarea:focus {
  caret-color: var(--secondary-90);
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: 16px;
  border: 2px solid transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-color);
}

/* custom RangPicker */
.daterangepicker .ranges ul {
  width: auto !important;
}
.daterangepicker .ranges li {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  font-family: var(--font-lexend), system-ui, sans-serif !important;
  border-radius: 5px;
}
.daterangepicker .ranges li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid var(--secondary-100);
  margin-right: 12px;
  transform: translateY(25%);
}

.daterangepicker .ranges li.active::before {
  border: 2px solid #fff;
}

.daterangepicker .ranges li.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-25%);
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
}

.daterangepicker .ranges li.active {
  background-color: var(--primary--70) !important;
}
.daterangepicker th.month {
  font-size: 14px !important;
  font-family: var(--font-lexend), system-ui, sans-serif !important;
}
.daterangepicker .calendar-table td {
  font-size: 14px !important;
  font-family: var(--font-lexend), system-ui, sans-serif !important;
}
.daterangepicker .drp-selected,
.daterangepicker .drp-buttons .btn {
  font-size: 14px !important;
  font-family: var(--font-lexend), system-ui, sans-serif !important;
  border-radius: 5px;
  font-weight: 400 !important;
}
.daterangepicker .drp-buttons .btn.btn-primary {
  color: #fff;
  background-color: var(--secondary-100);
  padding: 11px 37px;
}
.daterangepicker .drp-buttons .btn.btn-default {
  padding: 11px 37px;
  border: 1px solid var(--gray-border);
  color: var(--secondary-80);
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 0px !important;
}
.daterangepicker.show-calendar .ranges {
  border-right: 1px solid var(--gray-border);
  margin-top: 0 !important;
  padding-top: 8px;
}
.daterangepicker td.in-range {
  background-color: var(--primary--20) !important;
}
.daterangepicker td.active,
.daterangepicker td.end-date {
  background-color: var(--primary--70) !important;
  color: var(--secondary-80) !important;
}

.ant-notification .ant-notification-notice-message,
.ant-notification .ant-notification-notice-description {
  margin-inline-start: 60px !important;
  color: white !important;
}
.ant-notification .ant-notification-notice-message {
  margin-bottom: 0 !important;
}
.ant-notification .ant-notification-notice-wrapper {
  border-radius: 1rem !important;
}

.ant-notification .ant-notification-notice-close {
  color: white !important;
}

.ant-picker-calendar .ant-picker-cell-in-view .highlighted-range {
  background-color: #ffedc9 !important;
  border-radius: 4px;
  color: #030712 !important;
}
/* .ant-popover .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-selected:not(.ant-picker-cell-disabled) .ant-picker-cell-inner {
  background-color: white;
  color: black;
} */
.ant-picker-cell-today .ant-picker-cell-inner::before {
  display: none !important;
}
.ant-picker-calendar .ant-picker-cell-in-view:has(.highlighted-range):before {
  background-color: #ffedc9;
}

.custom_mapbox [class$="--Input"] {
  height: 3.125rem !important;
}
.custom_mapbox [class$="--SearchBox"] {
  box-shadow:
    0 0 0px 1px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.1);
}
.ant-form-item .ant-form-item-label > label.ant-form-item-required {
  &:before {
    position: absolute;
    right: 0;
  }
}