/* ==========================================================
   Bitely Menu
========================================================== */

/* ==========================================================
   Sticky Filters
========================================================== */

.chutio-menu-filters-wrapper{

	position:sticky;

	top:20px;

	z-index:50;

	background:#FFFFFF;

	padding:12px 0;

	margin-bottom:32px;

	transition:
		box-shadow .25s ease,
		padding .25s ease;

}

.chutio-menu-filters-wrapper.is-sticky{

	box-shadow:0 8px 24px rgba(0,0,0,.08);

}

/* ==========================================================
   Filters
========================================================== */

.chutio-menu-filters{

    display:flex;

    gap:12px;

    overflow-x:auto;

    overflow-y:visible;

    padding:4px 0 8px;

}

.chutio-menu-filters::-webkit-scrollbar{

	display:none;

}

.chutio-menu-filters button{

	display:flex;

	align-items:center;

	justify-content:center;

	flex:0 0 auto;

	min-height:48px;

	padding:0 22px;

	background:#FFFFFF;

	color:#374151;

	border:1px solid #E5E7EB;

	border-radius:16px;

	font-size:16px;

	font-weight:600;

	line-height:1.2;

	white-space:nowrap;

	cursor:pointer;

	outline:none;

	box-shadow:none;

	appearance:none;

	-webkit-appearance:none;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		box-shadow .2s ease,
		transform .2s ease;

}

.chutio-menu-filters button:hover{

	background:#FFFFFF;

	border-color:#E07A5F;

	color:#E07A5F;

	transform:translateY(-2px);

	box-shadow:0 6px 16px rgba(224,122,95,.12);

}

.chutio-menu-filters button:focus,
.chutio-menu-filters button:focus-visible{

	outline:none;

	border-color:#E07A5F;

	box-shadow:0 0 0 4px rgba(224,122,95,.15);

}

.chutio-menu-filters button.active{

	background:#E07A5F;

	color:#FFFFFF;

	border-color:#E07A5F;

	box-shadow:0 4px 12px rgba(224,122,95,.18);

}
.chutio-menu-filters button.active:hover{

	background:#E07A5F;

	color:#FFFFFF;

	border-color:#E07A5F;

	transform:translateY(-2px);

}

.chutio-menu-filters button.active:focus,
.chutio-menu-filters button.active:focus-visible{

	box-shadow:
		0 8px 18px rgba(224,122,95,.22),
		0 0 0 4px rgba(224,122,95,.15);

}

/* ==========================================================
   Categories
========================================================== */

.chutio-menu-category{

	margin-bottom:40px;

}

.chutio-menu-category:last-child{

	margin-bottom:0;

}

.chutio-menu-category h3{

	margin:0 0 18px;

	font-size:28px;

	font-weight:700;

	color:#111827;

}

/* ==========================================================
   Items
========================================================== */

.chutio-menu-item{

	padding:20px 0;

	border-bottom:1px solid #F3F4F6;

}

.chutio-menu-item:last-child{

	border-bottom:none;

}

.chutio-menu-item .row{

	display:flex;

	justify-content:space-between;

	align-items:flex-start;

	gap:24px;

}

.chutio-menu-item-name{

	font-size:17px;

	font-weight:700;

	color:#111827;

}

.chutio-menu-item-description{

	margin-top:6px;

	font-size:15px;

	line-height:1.6;

	color:#6B7280;

}

.chutio-menu-item-price{

	flex-shrink:0;

	font-size:18px;

	font-weight:700;

	color:#E07A5F;

	white-space:nowrap;

}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){

	.chutio-menu-filters{

		gap:10px;

	}

	.chutio-menu-filters button{

		padding:10px 16px;

		font-size:14px;

	}

	.chutio-menu-category h3{

		font-size:24px;

	}

	.chutio-menu-item .row{

		flex-direction:column;

		gap:10px;

	}

	.chutio-menu-item-price{

		font-size:17px;

	}

}

.chutio-map-actions{

	display:flex;

	gap:12px;

}

.chutio-map-copy{

	padding:12px 20px;

	border:1px solid #E5E7EB;

	background:#FFFFFF;

	border-radius:14px;

	font-size:15px;

	font-weight:600;

	color:#374151;

	cursor:pointer;

	transition:.2s;

}

.chutio-map-copy:hover{

	border-color:#E07A5F;

	color:#E07A5F;

	background:#FFF7F4;

}