/* Shared MYCOlive daterangepicker — home + search */
.mycolive-daterangepicker.daterangepicker {
	width: auto;
	max-width: calc(100vw - 24px);
	padding: 18px;
	margin-top: 12px;
	border: 1px solid rgba(26, 29, 28, 0.08);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(16, 36, 32, 0.18);
	font-family: var(--home-font, "Plus Jakarta Sans", sans-serif);
	font-size: 1.4rem;
	line-height: 1.4;
	color: #1a1d1c;
	z-index: 10050;
}

.mycolive-daterangepicker.daterangepicker:before,
.mycolive-daterangepicker.daterangepicker:after {
	display: none;
}

.mycolive-daterangepicker .ranges {
	display: none !important;
}

.mycolive-daterangepicker.daterangepicker.show-ranges .drp-calendar.left {
	border-left: 0 !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.mycolive-daterangepicker .drp-calendar {
	max-width: none !important;
	padding: 0;
	border: 0 !important;
}

.mycolive-daterangepicker .drp-calendar.left {
	padding-right: 18px;
	border-left: 0 !important;
}

.mycolive-daterangepicker .drp-calendar.right {
	padding-left: 18px;
	border-left: 1px solid rgba(26, 29, 28, 0.08);
}

.mycolive-daterangepicker .calendar-table {
	background: transparent;
	border: 0;
	padding: 0;
}

.mycolive-daterangepicker .calendar-table table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.mycolive-daterangepicker .calendar-table th,
.mycolive-daterangepicker .calendar-table td {
	min-width: 40px;
	width: 40px !important;
	height: 40px !important;
	padding: 0;
	border: 0;
	border-radius: 12px;
	font-size: 1.35rem !important;
	font-weight: 500;
	line-height: 40px !important;
	vertical-align: middle;
	color: #1a1d1c;
}

.mycolive-daterangepicker .calendar-table th {
	font-size: 1.2rem !important;
	font-weight: 600;
	color: #5f6b68;
	height: 32px !important;
	line-height: 32px !important;
}

.mycolive-daterangepicker th.month {
	font-size: 1.5rem !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #1a1d1c;
}

.mycolive-daterangepicker .calendar-table .next span,
.mycolive-daterangepicker .calendar-table .prev span {
	border-width: 0 2px 2px 0;
	border-color: #1da390;
	padding: 4px;
}

.mycolive-daterangepicker .calendar-table .next,
.mycolive-daterangepicker .calendar-table .prev {
	border-radius: 10px;
}

.mycolive-daterangepicker .calendar-table .next:hover,
.mycolive-daterangepicker .calendar-table .prev:hover,
.mycolive-daterangepicker td.available:hover,
.mycolive-daterangepicker th.available:hover {
	background: rgba(29, 163, 144, 0.1);
	color: #167a6c;
}

.mycolive-daterangepicker td.off,
.mycolive-daterangepicker td.off.in-range,
.mycolive-daterangepicker td.off.start-date,
.mycolive-daterangepicker td.off.end-date {
	background: transparent !important;
	color: #c5cbc9 !important;
}

.mycolive-daterangepicker td.disabled,
.mycolive-daterangepicker option.disabled {
	color: #d0d5d3 !important;
	text-decoration: none;
}

.mycolive-daterangepicker.daterangepicker td.in-range {
	background-color: rgba(29, 163, 144, 0.12) !important;
	color: #1a1d1c !important;
	border-radius: 0 !important;
	border-color: transparent !important;
}

.mycolive-daterangepicker.daterangepicker td.start-date,
.mycolive-daterangepicker.daterangepicker td.end-date,
.mycolive-daterangepicker.daterangepicker td.start-date.end-date {
	border-radius: 12px !important;
}

.mycolive-daterangepicker.daterangepicker td.start-date {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.mycolive-daterangepicker.daterangepicker td.end-date {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.mycolive-daterangepicker.daterangepicker td.start-date.end-date {
	border-radius: 12px !important;
}

.mycolive-daterangepicker.daterangepicker td.active,
.mycolive-daterangepicker.daterangepicker td.active:hover {
	background-color: #1da390 !important;
	border-color: transparent !important;
	color: #fff !important;
	text-shadow: none;
}

.mycolive-daterangepicker .drp-buttons {
	display: none;
	border-top: 0;
	padding: 0;
}

.mycolive-daterangepicker .drp-selected {
	display: none;
}

@media (max-width: 767px) {
	.mycolive-daterangepicker.daterangepicker {
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
		padding: 14px;
	}

	.mycolive-daterangepicker .drp-calendar.left,
	.mycolive-daterangepicker .drp-calendar.right {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0;
		border: 0;
	}

	.mycolive-daterangepicker .drp-calendar.right {
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid rgba(26, 29, 28, 0.08);
	}

	.mycolive-daterangepicker .calendar-table th,
	.mycolive-daterangepicker .calendar-table td {
		min-width: 36px;
		width: 36px !important;
		height: 36px !important;
		line-height: 36px !important;
	}
}