/**
 * Glass search — date range picker (Flatpickr theme).
 */

.gl-search-date-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.gl-search-date-wrap .gl-search-input,
.gl-search-date-wrap .gl-search-input--alt {
	width: 100%;
	padding-right: 2.25rem;
	cursor: pointer;
}

.gl-search-date-wrap .flatpickr-input[readonly] {
	cursor: pointer;
}

.gl-search-date-trigger {
	position: absolute;
	right: 0;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--st-muted);
	transform: translateY(-50%);
	cursor: pointer;
	transition: color var(--st-duration);
}

.gl-search-date-trigger:hover {
	color: var(--st-accent);
}

/* Flatpickr — match Shigatse tokens */
.gl-flatpickr.flatpickr-calendar {
	margin-top: 0.5rem;
	border: 1px solid var(--st-line-strong);
	border-radius: var(--st-radius-sm);
	box-shadow: var(--st-shadow-lg);
	font-family: var(--st-font);
}

.gl-flatpickr .flatpickr-months {
	padding: 0.35rem 0;
}

.gl-flatpickr .flatpickr-months .flatpickr-month {
	color: var(--st-ink);
}

.gl-flatpickr .flatpickr-current-month {
	font-size: 0.9375rem;
	font-weight: 600;
}

.gl-flatpickr .flatpickr-weekday {
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--st-muted);
}

.gl-flatpickr .flatpickr-day {
	font-size: 0.8125rem;
	border-radius: 8px;
	color: var(--st-ink);
}

.gl-flatpickr .flatpickr-day.today {
	border-color: var(--st-gold);
}

.gl-flatpickr .flatpickr-day.selected,
.gl-flatpickr .flatpickr-day.startRange,
.gl-flatpickr .flatpickr-day.endRange {
	background: var(--st-accent);
	border-color: var(--st-accent);
}

.gl-flatpickr .flatpickr-day.inRange {
	background: var(--st-accent-soft);
	border-color: transparent;
	box-shadow: none;
	color: var(--st-ink);
}

.gl-flatpickr .flatpickr-day:hover {
	background: var(--st-bg-alt);
	border-color: transparent;
}

.gl-flatpickr .flatpickr-day.selected:hover,
.gl-flatpickr .flatpickr-day.startRange:hover,
.gl-flatpickr .flatpickr-day.endRange:hover {
	background: var(--st-accent-2);
	border-color: var(--st-accent-2);
}

.gl-flatpickr .flatpickr-months .flatpickr-prev-month,
.gl-flatpickr .flatpickr-months .flatpickr-next-month {
	fill: var(--st-muted);
}

.gl-flatpickr .flatpickr-months .flatpickr-prev-month:hover svg,
.gl-flatpickr .flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--st-accent);
}