/*!
 * Tabler Vendors v1.0.0 (https://tabler.io)
 * Copyright 2018-2025 The Tabler Authors
 * Copyright 2018-2025 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
.litepicker {
  --litepicker-month-weekday-color: var(--tblr-secondary);
  --litepicker-button-prev-month-color: var(--tblr-secondary);
  --litepicker-button-next-month-color: var(--tblr-secondary);
  --litepicker-button-prev-month-color-hover: var(--tblr-primary);
  --litepicker-button-next-month-color-hover: var(--tblr-primary);
  --litepicker-day-color: var(--tblr-body-color);
  --litepicker-day-color-hover: var(--tblr-primary);
  --litepicker-is-start-color-bg: var(--tblr-primary);
  --litepicker-is-end-color-bg: var(--tblr-primary);
  --litepicker-is-in-range-color: var(--tblr-info);
  --litepicker-is-today-color: var(--tblr-primary);
  --litepicker-month-header-color: var(--tblr-body-color);
  --litepicker-container-months-color-bg: var(--tblr-bg-surface);
  font: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.litepicker .day-item.is-in-range {
  --litepicker-day-color: var(--tblr-light);
}
.litepicker svg {
  fill: none !important;
}
.litepicker .container__main {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: none;
}
.litepicker .container__months .month-item-name,
.litepicker .container__months .month-item-year {
  font-weight: var(--tblr-font-weight-medium) !important;
}
.litepicker .container__months .button-next-month,
.litepicker .container__months .button-previous-month {
  cursor: pointer !important;
}
.litepicker .container__months .month-item-weekdays-row > div {
  padding: 0.5rem 0 !important;
  font-size: 0.75rem;
}
.litepicker .container__days .day-item {
  cursor: pointer !important;
  padding: 0.5rem 0 !important;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .litepicker .container__days .day-item {
    transition: none;
  }
}
.datepicker-inline .litepicker {
  box-shadow: var(--tblr-box-shadow-input);
}
.datepicker-inline .litepicker .container__months {
  box-shadow: none;
  background-color: var(--tblr-bg-forms);
}


/* calendar picker, format text and remove dropdown triangle */
select.month-item-name, select.month-item-year {
	border:0;
	text-align: left;
	text-align-last: left;
	color: var(--tblr-card-color);
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding-right:1em;
    padding-left:0;  
}

 select.month-item-name {
 	text-align: right;
	text-align-last: right;
 }
 
@media (max-width: 575.98px) {
	:host, :root {
		--litepicker-day-width: 35px;
	}
}