/*
Theme Name: MK Restaurant Menu
Theme URI: https://www.krasakis.gr
Author: Mike Krasakis
Author URI: https://www.krasakis.gr
Description: Custom theme for restaurant menus
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Template: mkrestaurantmenu

*/


@font-face {
    font-family: 'Century Schoolbook';
    src: url('fonts/CenturySchoolbook.woff2') format('woff2'),
        url('fonts/CenturySchoolbook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Monumenta Pro';
    src: url('fonts/PFMonumentaPro-Regular.woff2') format('woff2'),
        url('fonts/PFMonumentaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
	--body-font-family: 'Century Schoolbook', sans-serif;
	--body-background: #DEE0D6;
	--h1-size: 30px;
	--h1-color: var(--main-color);
	--h2-size: 28px;
	--h2-color: #006AB5;
	--h3-size: 22px;
	--h3-weight: 400;
	--h3-color: #231F20;
}
.psaros-menu-border {
	/* border: 1px solid red; */
	position: absolute;
	width: 100%;
	height: 100%;
	outline: clamp(2px,0.5vw,5.5px) solid #939598;
	outline-offset: calc(-5vw - clamp(2px,0.5vw,5.5px));
	pointer-events: none;
}
.psaros-menu-border .top::before, .psaros-menu-border .top::after, .psaros-menu-border .bottom::before, .psaros-menu-border .bottom::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83.6 82.85'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23939598;%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M82.54,0H1.1A1.1,1.1,0,0,0,0,1.09V60.38a1.13,1.13,0,0,0,0,.26V81.8a1.09,1.09,0,0,0,2.18,0V60.38c.56-5,4.91-8.63,6-13.48,1.19-5.12-1-10-3-14.57-1.92-4.2-3.88-8.58-2.53-13.25,1.2-4.15,5.83-7.28,10-4.79,2.52,1.49,3.76,5.14,1.81,7.56S8,23.78,7.84,20.22c-.08-1.39-2.26-1.4-2.19,0,.33,6,8.18,7.09,11.1,2.19a6.48,6.48,0,0,0,.7-5.15,7.27,7.27,0,0,0,3.36.1A6.56,6.56,0,0,0,26.08,11a5.52,5.52,0,0,0-5.45-5.4c-1.4-.08-1.4,2.09,0,2.17,3.14.16,4.14,3.69,2.31,6-1.69,2.08-4.79,2-6.82.46C12,11.12,13.87,5.1,18,3.17a11.48,11.48,0,0,1,3.51-1h2.69c7.1.74,14,6.92,21.33,6.29,5.87-.5,9.87-5.67,15.61-6.29H82.54a1.08,1.08,0,0,0,0-2.16m-77,38.78a13.9,13.9,0,0,1-1.26,11.9C3.56,51.88,2.84,53,2.19,54.22V30.94C3.32,33.55,4.64,36.12,5.51,38.79ZM12,7.09a8.55,8.55,0,0,0,.09,4.63,7.77,7.77,0,0,0-2.8-.41,9,9,0,0,0-7.06,3.88v-13H15.48A8.56,8.56,0,0,0,12,7.09ZM52.32,3.66C49.11,5.54,46,6.79,42.15,6.15S35,3.68,31.54,2.17H54.93C54.06,2.65,53.2,3.15,52.32,3.66Z'/%3e%3cpath class='cls-1' d='M20.75,20.56a2,2,0,0,0,0,2.86,2,2,0,0,0,2.88,0,2,2,0,0,0,0-2.86,2,2,0,0,0-2.88,0'/%3e%3c/svg%3e");
	width: clamp(100px,15vw,200px);
	height: clamp(100px,15vw,200px);
	display: block;
	background-repeat: no-repeat;
	background-size: 90%;
	position: absolute;
	content: '';
	box-sizing: border-box;
	z-index: 99;
	background-color: var(--main-color);
}
.psaros-menu-border .top::before {
	top: 5vw;
	left: 5vw;
}

.psaros-menu-border .top::after {
	top: 5vw;
	right: 5vw;
	transform: rotate(90deg);
}
.psaros-menu-border .bottom::before {
	bottom: 5vw;
	left: 5vw;
	transform: rotate(-90deg);
}

.psaros-menu-border .bottom::after {
	bottom: 5vw;
	right: 5vw;
	transform: rotate(180deg);
}
h1,h2,h3,h4,h5,h6{
	font-family: 'PF Monumenta Pro',sans-serif;
}
#the-menu nav ul li a {
	font-family: 'PF Monumenta Pro',sans-serif;
	text-transform: uppercase;
}

.catalog-item .catalog-item-title {
	font-family: var(--body-font-family);
}

body.mk-home {
	background: var(--main-color);
	color: #fff;
}
body.mk-home a {
	color: #fff;
}
body.mk-home #top-header {
	position: relative;
	z-index: 999;
	padding: 0 11vw;
}
body.mk-home .button {
    color: var(--main-color);
    background: #fff;
}
#main-wrap {
	padding-left: var(--mobile-paddings);
	padding-right: var(--mobile-paddings);

}
body.mk-home #main-wrap {
	position: relative;
	z-index: 999;
}


body.mk-catalog #top-header {
	background: var(--main-color);
	margin-left: -5vw;
	width: calc(100% + 10vw);
	padding-bottom: 30px;
}

.cat-description {
	margin-bottom: 35px;
	margin-top: 15px;
	font-style: italic;
	color: var(--main-color);
	text-align: center;
	font-size: 85%;
}
.catalog-category {
	display: grid;
	grid-row-gap: 70px;
}
.catalog-items {
	grid-gap: 10px;
}

.catalog-item.unavailable {
	pointer-events: none;
}
.catalog-item.unavailable .h3 {
	text-decoration: line-through;
	opacity: 0.3;
}
.catalog-item .wrap {
	display: flex;
	flex-direction: column;
	background: var(--body-background);
	padding: 15px;
	text-align: center;
}
.catalog-category-item h2 {
	text-align: center;
	margin-bottom: 35px;
	word-break: break-word;
	text-transform: uppercase;
}
.catalog-item:hover .wrap {
	background: #fff;
}
.show .catalog-item.active.checked {
	filter: grayscale(100%);
	opacity: 0.67;
}
.catalog-item .item-thumb-link {
	outline: none !important;
	width: fit-content;
	margin: auto;
}
.catalog-item::after {
	content: '';
	background: var(--main-color);
	width: 35px;
	height: 35px;
	z-index: 2;
	position: absolute;
	top: -15px;
	right: -16px;
	z-index: 2;
	transform: rotate(45deg) translate(0px,-14px);
	opacity: 0;
	transition: all var(--transition-time) ease-in-out;
}
.catalog-item.active::after {
	opacity: 1;
	transform: rotate(45deg) translate(0px,0px);
}
.catalog-item::before {
	content: '';
	color: #fff;
	position: absolute;
	top: 7px;
	right: 0px;
	z-index: 3;
	font-size: 13px;
	opacity: 0;
	transform: scale(0.2) rotate(-52deg);
	transform-origin: bottom left;
	transition: all var(--transition-time) ease-in-out;
	transition-delay: calc( var(--transition-time) / 2);
	width: 9px;
	height: 4px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}
.catalog-item.active::before {
	opacity: 1;
	transform: scale(1) rotate(-52deg);
}
/*.catalog-item:hover .wrap {
	border-color: var(--main-color);
}*/
.catalog-item.image .wrap{
	grid-template-columns: 45px 1fr max-content;
}
.catalog-item .info h3 {
	margin: 0;
}
.catalog-item .price .currency {
	font-size: 90%;
	font-weight: normal;
	padding-left: 2px;
}
.catalog-item .price .number-price {
	border-bottom: 1px solid #BCBDC0;
	padding: 4px 10px;
	margin-top: 20px;
	display: inline-block;
	min-width: 75px;
	font-size: 17px;
	line-height: 0.45;
}
.catalog-item .info .item-description {
	margin-top: 5px;
	font-size: 70%;
	color: #777;
}

@media  (max-height: 520px) {
	body.mk-home,
	.psaros-menu-border {
		min-height: 204vh;
	}
}
@media (min-width: 1024px) {
	.catalog-items {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 420px) {
	.lang-selector a,#phone {
		/* margin: 10px; */
		/* display: flex; */
		/* align-items: center; */
		/* font-size: 12px; */
		width: 180px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.lang-selector a .name {
		line-height: 1;
	}
}