/*bootstraping*/
:root {
	--cover-image:url("https://static.vecteezy.com/system/resources/thumbnails/003/793/482/small/transparent-grid-pattern-for-background-vector.jpg");
}
.menu-container {overflow:hidden;margin:0;padding:0;max-width:100vw;}
	.menu-nav {padding:.5rem;overflow: auto; white-space:nowrap;text-align:center;}
		.menu-nav-caption {padding:0.5rem;display:inline-block;margin-block:.5rem;margin-right:.5rem;}			
		.menu-nav-tagline {padding:0.5rem;display:inline-block;margin-block:.5rem;margin-right:.5rem;border-radius:.5rem;}
	.menu {min-height:100vh;}
		.menu-header {break-inside:avoid;padding-top:1rem;margin-bottom:1rem;}
			.menu-cover-image {display:none;}
			.menu-header-content {text-align:center;}
				.caption {line-height:.9;padding-block:1rem;}
				.logo {max-height:40vh;max-width:80%;margin-inline:auto;border-radius:.5rem;margin-block:1rem;overflow:hidden;}
				.tagline {line-height:.9;padding:1rem;margin-block:1rem;}
				.menu-discount {padding:.1rem 1rem;margin-block:.5rem;display:inline-block;border-radius:.5rem;}
				.menu-hide-text {border:1px dashed;margin:1rem 0rem;}				
			.qr {}
				.menu-qr {max-width:140px;margin-top:1rem;border-radius:.5rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	}
				.scantoview {font-size:1em;padding:1rem;}			
		.menu-content-container {}
			.menu-content {} 
				.category-container {padding-bottom:1rem;margin-bottom:1rem;break-inside:avoid;}
					.category {break-inside:avoid;}
						.category-image {background-size:cover;background-position:center;min-width:20vw;width:100%;}
						.category-header {padding-block:1rem;}
							.category-name {}
							.category-description {padding-block:.5rem;opacity:0.6;}
							.category-tag {padding:.2rem .5rem;margin-block:.5rem;display:inline-block;border-radius:.25rem;}
							.category-price {text-align:right;}
							.discount-container {}
								.category-discount {padding:.2rem .5rem;display:inline-block;border-radius:.25rem 0 0 .25rem;margin-top:.5rem;}
					.items-container {}
						.menu-item {overflow:hidden;break-inside:avoid;}
							.item-image {background-size:cover;background-position:center;width:100%;}
							.item-content {}
								.item-tag {padding:.3rem .5rem;margin-bottom:1rem;display:inline-block;border-radius:0 .25rem .25rem 0;}
								.item-details {}
									.item-name {break-inside:avoid;}	
									.item-description {break-inside:avoid;}
								.item-prices {}
									.price-variant {}
										.var-label {opacity:0.8;}
										.item-price {}
								.discount-container {}
									.item-discount {padding:.3rem .5rem;display:inline-block;border-radius:.25rem;margin-top:.5rem;}
.mp-dim {opacity:.5;}

/*Colors */	
.menu-container, .nav-tagline, .menu-header, .category-container, .category-header, .menu-item {background:var(--color-background);color:var(--color-background-text);}
.nav, .category-container.category-highlight, .category-container.category-highlight .category-header, .item-highlight .item-tag, .item-highlight .item-discount {background:var(--color-cat-highlight);color:var(--color-cat-highlight-text);}
.tagline, .category-tag, .item-tag, .item-discount, .category-container.category-highlight .category-tag, .category-container.category-highlight .category-discount, .category-container.category-highlight .item-highlight, .item-highlight {background:var(--color-item-highlight);color:var(--color-item-highlight-text);}

/*background if given*/
.menu-container-background {background:var(--cover-image);background-size:cover;background-position:center;position:fixed; top:0;left:0;width:100vw;height:100vh;z-index:-1;}

/*Fonts*/
.caption, .tagline, .category-name, .category-price, .category-discount, .item-name, .item-price {font-family:var(--font-display), sans-serif;}
.menu {font-family:var(--font-body), serif;} 

.caption {font-size: 3em; font-weight: 800;text-transform:capitalize;}
.tagline {font-size: 1.2em; font-weight: 400;}
.nav-caption, nav-tagline {font-size:1.1em;text-transform:uppercase;}

.category-name {font-size: 2em; font-weight: 800;text-transform:capitalize;}
.category-price {font-size: 1.9em; font-weight: 700;}
.category-discount {font-size: 1.3em; font-weight: 700;}
.item-name {font-size: 1.4em; font-weight: 700;text-transform:capitalize;}
.item-price {font-size: 1.3em; font-weight: 100;}

.category-description {font-size: 1.2em; font-weight: 400;}
.category-tag {font-size: 1em; font-weight: 700;}
.item-description {font-size: 1.1em; font-weight: 200;}

.item-discount {font-size: 1.1em; font-weight: 700;}
.item-tag {font-size: 1em; font-weight: 400;}
.menu {font-size: 1em; font-weight: 400;}

/*Spacing*/
.menu-container {overflow:hidden;margin:0;padding:0;max-width:100vw;}
.menu {margin:1rem;min-height:100vh;}
.menu-header {padding-block:2rem 1rem;}
.tagline {margin:1rem;}
.caption, .category-header {padding-inline:1.5rem;}
.category-container {margin-block:3rem;}
.item-name, .item-description, .item-prices {padding-inline:1rem;}
.item-discount {margin-inline:1rem;}
.category:not(:has(.category-image)) .category-header {padding-top:2rem;}

/*selected*/
.nav-caption.selected {border-bottom:1px solid;}

@media (orientation: portrait) {
	.qr {display:none;}	
	.category-image, .category-container.category-highlight:has(.category-image) .category-image {min-height:30vh;}	
}

@media (orientation: landscape) { 
	
	.menu {display:grid; grid-template-columns: 25vw auto;padding-inline:1rem;}
	.menu-header {font-size:1.2vw;max-height:100vh;width:100%;}
	.menu-content-container {max-width:90%;margin-inline:auto;font-size:1.5vw;}	
	.logo, .caption, .tagline {margin-bottom:3vh;}
	.menu-qr {max-width:25vh;}	
	
	.category-container {margin-block:6vw;}
	.category-image, .category-container.category-highlight:has(.category-image) .category-image {min-height:40vh;}
	
	.menu-item {padding-block:2vw;}
	.items-container {display:grid; grid-template-columns: auto auto;}
	.item-content {margin:2vh 4vh;}	
}