/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */

/*  Fallback Colors  */

.widget-search { /* Text */ --primary-color: #337cbc; --secondary-color: #022d72; /*  Select  */ --select-border-color: #133351; /*  Button  */ --btn-bg-color: #c9a961; --btn-color: #fff; --btn-hover-bg-color: #b89850; --btn-disabled-color: rgba(255, 255, 255, 0.5); --btn-disabled-bg-color: rgba(201, 169, 97, 0.5); /*  Button secondary  */ --btn-secondary-bg-color: transparent; --btn-secondary-color: #848484; --btn-secondary-hover-bg-color: #848484; /* Popup/Dropdown buttons */ --btn-utility-hover-bg-color: rgba(2, 45, 114, 0.05); /*  Radio  */ --radio-color: #133351; --radio-border-color: #133351; /*  Datepicker  */ --datepicker-selected: #ffa900; --datepicker-available: #f8f9fb; --datepicker-selected-color: #ffa900; --datepicker-available-color: #f8f9fb; --bg-color: #f5f5f5; }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widget-search { position: relative; font-family: var(--font-sans); }

/*  Container/Inner  */

	.widget-search .widget__inner { display: flex; align-items: center; justify-content: space-between; position: relative; gap: 12px; padding: 12px; flex-wrap: wrap; }

@media (max-width: 767px) {
	.widget-search .widget__inner {
		display: block;
		position: relative;
	}
}

/*  Main  */

.widget-search .widget__main {
	flex: 1;
	margin-right: 0;
}

@media (max-width: 767px) {
	.widget-search .widget__main {
		margin-right: 0;
	}
}

/*  Actions  */

.widget-search .widget__actions { padding-right: 0; z-index: 1; position: relative; margin: 0px auto; }

@media (max-width: 1023px) {
	.widget-search .widget__actions {
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	.widget-search .widget__actions {
		margin-top: 20px;
		padding: 0 16px;
		text-align: center;
	}
}

.widget-search .widget__actions button + button {
	margin-left: 14px;
}

.widget-search .widget__actions button { min-width: 200px; font-size: 18px; line-height: 1.375; padding: 8px 20px; border-radius: 4px; font-weight: bold; }



.widget-search .widget__actions--popup {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0;
}

@media (max-width: 767px) {
	.widget-search .widget__actions--popup {
		padding: 0;
	}
}

/*  Utilities  */

.widget-search .widget__utilities { list-style-type: none; padding-left: 0; display: flex; flex-wrap: wrap; margin-bottom: 0px; gap: 12px; flex-direction: column; }

.widget-search .widget__utilities li {
	flex: 1;
	position: relative;
	height: inherit;
	display: flex;
	background-color: #fff;
	border: 2px solid #133351;
	border-radius: 4px;
	min-height: 56px;
}

@media (min-width: 768px) {
	.widget-search .widget__utilities li + li::before {
		display: none;
	}
}

.widget-search .widget__utilities figure { display: block; margin: 0 12px 0 16px; color: #133351; background-color: currentColor; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; }

	.widget-search .widget__utilities figure img { opacity: 0; width: 24px; }

.widget-search .widget__utilities li > a,
.widget-search .widget__utilities li > button { display: flex; align-items: center; outline: none; background-color: transparent; border: none; color: #133351; font-size: 16px; line-height: 20px; padding: 6px 8px; transition: background-color 0.4s; width: 100%; text-decoration: none; text-align: left; font-weight: bold; }

/*.widget-search .widget__utilities li > a:hover,
.widget-search .widget__utilities li > button:hover,
.widget-search .widget__utilities > li:hover > a,
.widget-search .widget__utilities > li:hover > button {
	background-color: var(--btn-utility-hover-bg-color, rgba(2, 45, 114, 0.05));
}*/

.widget-search .widget__utilities li:hover .widget__dropdown {
	/* opacity: 1;
	pointer-events: auto; */
}

.widget-search .widget__dropdown.is-open {
	opacity: 1;
	pointer-events: auto;
}

/*  Buttons */

.widget-search .widget__button { outline: none; background-color: var(--btn-bg-color, #c9a961); border: 1px solid; border-color: var(--btn-bg-color, #c9a961); border-radius: 4px; padding: 8px 20px; color: var(--btn-color, #fff); font-size: 17px; line-height: 1; min-width: 200px; transition: background-color 0.4s, color 0.4s; cursor: pointer; font-weight: 700;font-family:serif; }

.widget-search .widget__button:hover {
	background-color: var(--btn-hover-bg-color, #b89850);
	color: #fff;
}

.widget-search .widget__button--alt { background-color: #f2e6cc; border-color: var(--btn-secondary-color, #848484); color: var(--btn-secondary-color, #848484); }

.widget-search .widget__button--alt:hover {
	background-color: var(--btn-secondary-hover-bg-color, #848484);
	color: #fff;
}

.widget-search .widget__button:disabled {
	background-color: var(--btn-disabled-bg-color);
	color: var(--btn-disabled-color);
	pointer-events: none;
	border: none;
	padding: 14px 20px;
}

/*  Dropdown  */

.widget-search .widget__dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s;
	padding: 20px 12px 18px 16px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	z-index: 99;
	background: #fff;
}

	.widget-search .widget__dropdown h5 { font-size: 14px; line-height: 1.1428; margin-bottom: 21px; color: var(--secondary-color, #022d72); font-weight: 700; }

.widget-search .widget__dropdown-actions {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*  Counter  */

.widget-search .widget__counter button {
	border-radius: 50%;
	font-size: 18px;
	line-height: normal;
	width: 26px;
	height: 26px;
	background-color: var(--btn-bg-color, #337cbc);
	color: var(--btn-color, #fff);
	border: none;
	transition: opacity 0.4s;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.widget-search .widget__counter button small {
	font-size: inherit;
	position: relative;
	top: -1px;
}

.widget-search .widget__counter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}

.widget-search .widget__counter:last-child {
	margin-bottom: 0;
}

	.widget-search .widget__counter h6 { flex: 0 0 100%; margin-bottom: 6px; font-size: 13px; line-height: 1.17; color: #505050; font-weight: 700; margin-top: 6px; }

.widget-search .widget__counter button:hover {
	opacity: 0.7;
}

.widget-search .widget__counter button:disabled {
	opacity: 0.3;
}

.widget-search .widget__counter button span {
	display: block;
	margin-bottom: 0;
	line-height: 1;
}

	.widget-search .widget__counter > span { flex: 1; border: 2px solid #133351; padding: 10px; text-align: center; margin: 0 10px 0; font-weight: 700; }

/*  Popup  */

.widget-search-popup {
	position: relative;
	background-color: #ffffff;
	padding: 24px 25px 31px 20px;
	width: 54.9rem;
	max-width: calc(100vw - 20px);
	margin: 0 auto;
}

@media (max-width: 767px) {
	.widget-search-popup {
		padding: 25px 16px;
	}
}

.widget-search-popup .mfp-close {
	display: none;
}

.widget-search-popup .widget__popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 18px;
	height: 18px;
	transition: opacity 0.4s;
}

.widget-search-popup .widget__popup-close:hover {
	opacity: 0.6;
}

/*  Select  */

.widget-search .selectric-wrapper .label {
	padding: 9px 45px 9px 17px;
	font-size: 14px;
	line-height: 1.1428;
	font-weight: 500;
	border: 2px solid #133351;
color: #133351;	position: relative;
}

.widget-search .selectric-wrapper .selectric,
.widget-search .selectric-wrapper .label {
	background-color: #fff;
}

.widget-search .selectric-wrapper .selectric:after {
	position: absolute;
	top: 50%;
	right: 17px;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
	content: '';
	mask: url('../assets/images/temp/ico-widget-arrow-down.svg') 0 0 no-repeat;
	mask-size: contain;
	mask-position: center center;
	background-color: var(--select-border-color, #848484);
	transition: transform 0.4s;
	opacity: 1 !important;
}

.widget-search .selectric-wrapper .selectric-items {
	background-color: #fff;
	padding: 28px 27px 29px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 2;
	border: none;
}

.widget-search .selectric-wrapper .selectric-items li {
	background-color: #fff;
	border: none;
	color: var(--secondary-color, #022d72);
	font-size: 18px;
	line-height: 1.38;
	margin-bottom: 18px;
	padding: 0;
	transition: opacity 0.4s;
}

.widget-search .selectric-wrapper .selectric-items li:hover {
	opacity: 0.6;
}

.widget-search .selectric-wrapper .selectric-items li:last-child {
	margin-bottom: 0;
}

.widget-search .widget__select--sm .selectric-wrapper .label {
	font-size: 14px;
}

.widget-search .widget__select--sm .selectric-wrapper .selectric-items li:not(:last-child) {
	margin-bottom: 17px;
}

.widget-search .widget__select--sm .selectric-wrapper .selectric-items {
	padding: 28px 17px 28px 21px;
}

.widget-search .widget__selects {
	display: flex;
	flex-wrap: wrap;
	margin: -16px;
}

@media (max-width: 767px) {
	.widget-search .widget__selects {
		margin: -10px;
	}
}

.widget-search .widget__selects .widget__select {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 16px;
}

@media (max-width: 767px) {
	.widget-search .widget__selects .widget__select {
		max-width: 100%;
		flex: 0 0 100%;
		padding: 10px;
	}
}

/*  Radios grid */

.widget-search .widget__radios ul {
	columns: 1;
	padding-left: 0;
	list-style-type: none;
}

.widget-search .widget__radios li {
	padding: 4px 4px;
}

/*  Radio  */

.widget-search .widget__radio input {
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
}

.widget-search .widget__radio input:checked + label::after {
	opacity: 1;
}

.widget-search .widget__radio label { display: inline-block; position: relative; padding-left: 40px; font-size: 14px; line-height: 1.4285; color: #133351; font-weight: 700; }

.widget-search .widget__radio label::before {
	position: absolute;
	top: -2px;
	left: 0;
	width: 21px;
	height: 21px;
	border: 1px solid var(--radio-border-color, #707070);
	border-radius: 50%;
	overflow: hidden;
	content: '';
}

.widget-search .widget__radio label::after {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 13px;
	height: 13px;
	background-color: var(--primary-color, #337cbc);
	border-radius: 50%;
	overflow: hidden;
	content: '';
	opacity: 0;
	transition: opacity 0.4s;
}

/*  Field  */

.widget-search .widget__field {
	padding: 31px 0 26px;
	position: relative;
}

	.widget-search .widget__field h5 { font-size: 18px; line-height: 1.375; color: var(--primary-color, #337cbc); font-weight: 500; margin-bottom: 10px; text-align: center; margin-top: 0px; }

/* ------------------------------------------------------------ *\
	Datepicker
\* ------------------------------------------------------------ */
.widget__datepicker{font-family:var(--font-sans);}
.widget__datepicker .ui-datepicker { width: auto !important; padding: 8px; border-radius: 0; border: 0; margin: 0 -25px 0 -20px; }

@media (max-width: 767px) {
	.widget__datepicker .ui-datepicker { margin: 0; }
}

.widget__datepicker .ui-datepicker thead { font-size: 14px; line-height: 1.1; font-weight: 500; text-transform: uppercase; color: var(--secondary-color, #022d72); }

.widget__datepicker .ui-datepicker td { padding: 0; font-size: 13px; font-weight: 300; line-height: 1.1; color: #5a5a5a; }

.widget__datepicker .highlighted a,
.widget__datepicker .highlighted span { background-color: color-mix(in srgb, var(--datepicker-selected-color,#fbd280), transparent 66%); }

.widget__datepicker td.ui-datepicker-other-month { pointer-events: none; opacity: 0 !important; }

.widget__datepicker .ui-datepicker td a,
.widget__datepicker .ui-datepicker td span { border: none !important; text-align: center; padding: 12px 0 10px; }

.widget__datepicker .ui-datepicker td:not(.highlighted) span.ui-state-default { background-color: #eee; }

.widget__datepicker .ui-datepicker .ui-state-highlight { background-color: #f6f6f6; }

.widget__datepicker .ui-datepicker td a.ui-priority-secondary { pointer-events: none; opacity: 0; }

.widget__datepicker td a.ui-state-active { background-color: #f6f6f6; color: #454545; }

.widget__datepicker .departdate:not(.ui-datepicker-other-month) { opacity: 1 !important; }

.widget__datepicker td a.ui-state-active:hover { background-color: #ededed; }

.widget__datepicker .startdate a:not(.ui-priority-secondary),
.widget__datepicker .departdate a:not(.ui-priority-secondary),
.widget__datepicker .startdate span:not(.ui-priority-secondary),
.widget__datepicker .departdate span:not(.ui-priority-secondary) { background-color: var(--datepicker-selected-color, #ffa900) !important; color: #fff !important; opacity: 1 !important; }

.widget__datepicker .ui-datepicker-group .ui-datepicker-calendar { margin: 0; width: 100%; font-size: 14px; }

.widget__datepicker .ui-datepicker-group { position: relative; }

	.widget__datepicker .ui-datepicker-group:nth-child(2)::before { position: absolute; top: 0; left: 0; width: 1px; height: 97%; content: ''; background-color: #aaadb1; }

.widget__datepicker .ui-datepicker-header { background-color: transparent; border: none; border-radius: 0; }

.widget__datepicker .ui-datepicker-title { font-weight: 500; font-size: 16px; line-height: 1.1428;color:#133351; font-family: var(--font-sans);}

.widget__datepicker .ui-datepicker .ui-datepicker-prev { left: 13px; }

.widget__datepicker .ui-datepicker .ui-icon { display: none; }

.widget__datepicker .ui-datepicker .ui-datepicker-next { right: 13px; }

.widget__datepicker .ui-datepicker .ui-datepicker-prev,
.widget__datepicker .ui-datepicker .ui-datepicker-next { display: inline-block; width: 25px; height: 25px; border: none; background-color: var(--btn-bg-color, #337cbc); color: #fff; border-radius: 50%; padding: 0; top: 2px; }

	.widget__datepicker .ui-datepicker .ui-datepicker-prev::before,
	.widget__datepicker .ui-datepicker .ui-datepicker-next::before { position: absolute; top: 50%; left: 50%; width: 8px; height: 12px; background-color: currentColor; mask: url('../assets/images/temp/ico-widget-arrow-down.svg') 0 0 no-repeat; mask-size: contain; mask-position: center center; content: ''; }

	.widget__datepicker .ui-datepicker .ui-datepicker-prev::before { transform: translate(-50%, -50%) rotate(90deg); }

	.widget__datepicker .ui-datepicker .ui-datepicker-next::before { transform: translate(-50%, -50%) rotate(-90deg); }

.widget__datepicker .widget__datepicker-hints { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 300; line-height: 1.1; color: #24515f; list-style-type: none; padding-left: 0; margin-top: 23px; }

	.widget__datepicker .widget__datepicker-hints span { display: inline-block; width: 24px; height: 24px; margin-right: 10px; }

	.widget__datepicker .widget__datepicker-hints li { display: flex; align-items: center; max-width: 50%; flex: 0 0 50%; padding-right: 3rem; }

.widget__datepicker .widget__hint--available { background-color: var(--datepicker-available-color, #f8f9fb); }

.widget__datepicker .widget__hint--selected { background-color: var(--datepicker-selected-color, #ffa900); }

-hints { display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-weight: 300; line-height: 1.1; color: #24515f; list-style-type: none; padding-left: 0; margin-top: 23px; }

.widget__datepicker .widget__datepicker-hints span { display: inline-block; width: 24px; height: 24px; margin-right: 10px; }

.widget__datepicker .widget__datepicker-hints li { display: flex; align-items: center; max-width: 50%; flex: 0 0 50%; padding-right: 3rem; }

.widget__datepicker .widget__hint--available { background-color: var(--datepicker-available-color, #f8f9fb); }

.widget__datepicker .widget__hint--selected { background-color: var(--datepicker-selected-color, #ffa900); }
.widget__datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: var(--datepicker-available-color, #f8f9fb);}

.widget-search .widget__radios ul li { border: none; min-height: auto; }