/* FW Food Menu - Text Menu Design */

/* Fonts  */
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

/* CSS Constants  */
:root {
	--fwfm-black: #323232;
	--fwfm-grey: #9D9D9D;
	--fwfm-grey-light: #F4F4F4;
	--fwfm-grey-light3: #F8F8F8;
	--fwfm-grey-light2: #E4E4E4;
	--fwfm-yellow: #f2aa19;
	--fwfm-yellow-light: #f2c66e;
	--fwfm-red: #ea5050;
	--fwfm-grey-border: #DFDFDF;
	--fwfm-box-shadow: 0 0 7px rgba(0, 0, 0, .08);
	--fwfm-border-grey: 1px solid var(--fwfm-grey-border);
}


/* UI Kit corrections  */
.fwk-text-grey { color: var(--fwfm-grey) !important; }
.fwk-text-red { color: var(--fwfm-red) !important; }
.fwk-text-semibold, .fwk-text-bolder { font-weight: 600 !important; }
.fwk-text-12 { font-size: 12px !important; }

/* General styles  */
#fwfm.fwfm-textmenu {
	color: var(--fwfm-black);
	font-size: 13px;
	font-family: Poppins;
	font-weight: normal;
	line-height: normal;
}

#fwfm.fwfm-textmenu .fwk-text-small { font-size: 11px !important; }
#fwfm.fwfm-textmenu .fwk-text-large { font-size: 13px !important; }
#fwfm.fwfm-textmenu .fwk-text-lead { font-size: 15px !important; }
#fwfm.fwfm-textmenu .fwk-text-16 { font-size: 16px !important; }
#fwfm.fwfm-textmenu .fwk-text-20 { font-size: 20px !important; }
#fwfm.fwfm-textmenu .fwk-text-grey-dark, #fwfm.fwfm-textmenu .fwk-text-grey-dark svg { color: var(--fwfm-grey-dark) !important; }

/* Category design  */
#fwfm.fwfm-textmenu .fwfm-category-title {
	color: white;
	padding: 12px 24px;
	position: relative;
	font-size: 28px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
	background: var(--fwfm-black);
}
#fwfm.fwfm-textmenu .fwfm-category-title::after {
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	border: 1px dashed white;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-title a {
	color: var(--fwfm-black);
	font-size: 20px;
	font-weight: bold;
}
#fwfm.fwfm-textmenu .fwfm-category-title .fwfm-category-short-text,
#fwfm.fwfm-textmenu .fwfm-category-title .fwfm-category-short-description {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-transform: none;
}
#fwfm.fwfm-textmenu .fwfm-subcategory-text {
	color: var(--fwfm-grey);
	/* margin: 20px 0 30px; */
	font-size: 15px;
	font-weight: 300;
	line-height: 1.4;
}


#fwfm.fwfm-textmenu .fwfm-menu-item-description p:last-child { margin-bottom: 0; }
#fwfm.fwfm-textmenu .fwfm-menu-item-ingredients .fwfm-allergen { text-decoration: underline; }
#fwfm.fwfm-textmenu .fwfm-menu-item-price { 
	font-size: 14px;
	font-weight: 600;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-price { 
	font-size: 14px;
	font-weight: 600;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-price .fwfm-item-price-new { color: var(--fwfm-red); }
#fwfm.fwfm-textmenu .fwfm-menu-item-price .fwfm-item-price-expired { 
	font-size: 9px;
	font-weight: 300;
	line-height: 1;
	text-decoration: line-through;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-price .fwfm-item-sizes { 
	font-size: 12px;
	font-weight: normal;
}
#fwfm.fwfm-textmenu .fwfm-meal-item-eatin { line-height: 38px; }
#fwfm.fwfm-textmenu .fwk-badge { border-radius: 2px; }
#fwfm.fwfm-textmenu .fwfm-menu-item-text .fwfm-badge { 
	max-width: 30px;
	max-height: 30px;
    margin-right: 3px;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-text .fwfm-badge-svg { 
	max-width: 24px;
	max-height: 24px;
    margin-right: 3px;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-text .fwfm-badge-svg path { 
    fill: currentColor !important;
}


/* Add-ons design  */

/* Images  */
#fwfm.fwfm-textmenu .fwfm-menu-item-image-wrapper {
	width: 140px;
	/* height: 140px; */
	height: 100%;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
}
#fwfm.fwfm-textmenu .fwfm-menu-item-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover; 
}
#fwfm.fwfm-textmenu .fwfm-menu-item-image.fwfm-image-top .fwfm-menu-item-image-wrapper {
	width: 100%;
	height: 200px; 
}
#fwfm.fwfm-textmenu .fwfm-menu-item-image.fwfm-image-top img { 
	object-fit: contain;
}

/* Tab Categories  */
#fwfm.fwfm-textmenu .fwfm-tabcategories-categories-wrapper { overflow-x: auto; }
/* #fwfm.fwfm-textmenu .fwfm-tabcategories-categories { margin-bottom: 40px; } */
#fwfm.fwfm-textmenu .fwfm-tabcategories-categories::before { content: none } 
#fwfm.fwfm-textmenu .fwfm-tabcategories-category { 
	position: relative;
	padding: 20px 15px 24px;
	text-align: center;
	transition: all .3s ease-in-out;
	cursor: pointer;
	box-shadow: var(--fwfm-box-shadow);
}
#fwfm.fwfm-textmenu .fwfm-tabcategories-category::after { 
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	border: 1px dashed var(--fwfm-black);
}
#fwfm.fwfm-textmenu .fwfm-category-item-image-wrapper { 
	text-align: center;
	padding: 5px 0 7px;
}
#fwfm.fwfm-textmenu .fwfm-tabcategories-category .fwfm-category-title { 
	color: inherit;
	margin: 0;
	padding: 10px 0;
	font-size: 24px;
	line-height: 1.4;
	background: transparent;
}
#fwfm.fwfm-textmenu .fwfm-tabcategories-category .fwfm-category-title::after { content: none; } 
#fwfm.fwfm-textmenu .fwfm-tabcategories-category:hover,
#fwfm.fwfm-textmenu .fwfm-tabcategories-category.active { background: var(--fwfm-yellow-light); }


/* Cart Module add-on  */
#fwfm.fwfm-textmenu .fwfm-checkout-total { 
	padding: 10px;
	z-index: 777; 
	background: var(--fwfm-yellow);
}
#fwfm.fwfm-textmenu .fwfm-checkout-total .fwk-button {
	color: var(--fwfm-black);
	padding: 10px 20px;
	font-size: 22px;
	font-weight: 500;
	background: transparent;
	border: 1px dashed var(--fwfm-black);
}
#fwfm.fwfm-textmenu .fwfm-checkout-total .fwk-button .fwfm-show-cart-label { font-size: 15px; }

/* Cart add-on  */
#fwfm.fwfm-textmenu .fwfm-meal-item-order-btn button { padding: 0; }
#fwfm.fwfm-textmenu .fwfm-meal-item-order-btn button svg { 
	width: 24px;
	height: 24px;
}


/* Calories add-on  */
#fwfm.fwfm-textmenu .fwfm-calories-button {
	color: var(--fwfm-grey);
	height: auto;
	min-width: 40px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 1.7;
	text-transform: none;
	border: 0;
}
#fwfm.fwfm-textmenu .fwfm-calories-button svg { margin-right: 5px; }
#fwfm.fwfm-textmenu .fwfm-calories-grid .fwk-grid > div > div {
	min-width: 80px;
	color: var(--fwfm-black);
	padding: 12px 10px;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	background: var(--fwfm-grey-light);
}
#fwfm.fwfm-textmenu .fwfm-calories-grid .fwk-grid > div:nth-child(2n) > div {
	background: var(--fwfm-grey-light2);
}


/* Modal design */
#fwfm-mobile-cart.fwk-modal { padding: 0; }
#fwfm-mobile-cart .fwk-modal-dialog,
#fwfm-modal .fwk-modal-dialog {
	width: 490px;
	margin: 0 auto;
	font-family: Poppins;
	border-radius: 2px;
	overflow: hidden;
}
#fwfm-modal .fwk-modal-dialog .fwk-modal-header {
	color: var(--fwfm-black);
	padding: 30px 30px 0;
	font-size: 20px;
	font-weight: 600;
	border: 0;
}
#fwfm-mobile-cart .fwk-modal-dialog .fwk-modal-close-default,
#fwfm-modal .fwk-modal-dialog .fwk-modal-close-default {
	color: var(--fwfm-black);
	width: 40px;
	height: 40px;
	font-size: 20px;
	background: white;
	border-radius: 50%;
}
#fwfm-modal .fwk-modal-body { padding: 0; }
#fwfm-modal .fwfm-menu-item-image-wrapper img { 
	/* height: 240px;  */
	width: 100%;
	object-fit: cover;
}
#fwfm-modal #fwfm.fwfm-textmenu .fwfm-menu-item-image { width: 100%; }
#fwfm-modal #fwfm.fwfm-textmenu .fwfm-menu-item-text {
	color: var(--fwfm-black);
	margin: 0;
	padding: 25px 20px 0;
	font-size: 13px;
}
#fwfm-modal .fwfm-menu-item-title .fwk-h2 {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 600;
}
#fwfm-modal #fwfm.fwfm-textmenu .fwfm-calories-block { margin: 10px 0; }
#fwfm-modal #fwfm.fwfm-textmenu .fwfm-calories-block .fwk-text-lead { font-size: 14px; }
#fwfm-modal .fwfm-menu-item-price {
	color: var(--fwfm-black);
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: 600;
}
#fwfm-modal .fwfm-price-group {
	color: var(--fwfm-grey);
	margin: 20px 0;
}
#fwfm-modal .fwfm-price-group > label {
	padding: 17px;
	border: var(--fwfm-border-grey);
}
#fwfm-modal .fwfm-price-group > label + label { margin-top: 15px; }
#fwfm-modal .fwfm-price-group .fwk-radio {
	width: 20px;
	height: 20px;
	background-color: var(--fwfm-grey-light2);
	border: var(--fwfm-border-grey);
}
#fwfm-modal .fwfm-price-group .fwk-radio:checked {
	background-color: var(--fwfm-black);
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAATUlEQVQYlYWPwQ2AIADEKluYyPqwhi4DP1aoHzQkija5V+9xB4Aa1azWnqxGBtl80tRIb89Ii1qAlXdqmIibABwffv8buY1Pklp60iVPgxaMDzcG7WwAAAAASUVORK5CYII=");
	border-color: var(--fwfm-black);
}
#fwfm-modal .fwfm-price-group span {
	color: var(--fwfm-black);
	margin: 0 5px 0 3px;
	font-size: 18px;
	font-weight: 600;
}
#fwfm-modal .fwfm-price-group .fwfm-price-group-option-label {
	color: var(--fwfm-grey);
	font-size: 15px;
	font-weight: 400;
}
#fwfm-modal .fwfm-price-group .fwfm-price-group-option-size {
	color: var(--fwfm-grey);
	font-size: 11px;
	font-weight: 400;
	line-height: 25px;
}
#fwfm-modal .fwfm-price-group label {
	color: var(--fwfm-grey);
	margin: 0;
	font-size: 15;
	line-height: normal;
}
#fwfm-modal .fwfm-form-group {
	margin: 0 -20px;
	padding: 20px 20px;
	background: var(--fwfm-grey-light3);
	border-top: var(--fwfm-border-grey);
}
#fwfm-modal .fwfm-form-group-header { 
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
} 
#fwfm-modal .fwfm-form-group-header-hint { 
	margin-top: -7px;
	padding-bottom: 10px;
	font-size: 12px;
} 
#fwfm-modal .fwfm-form-group-header .fwk-label-danger { 
	color: white;
	padding: 3px 7px;
	font-size: 11px;
	line-height: 17px;
	font-weight: 600;
	text-transform: uppercase;
	background: var(--fwfm-black);
	border-radius: 2;
}
#fwfm-modal .fwfm-form-group-row { padding: 5px 0; }
#fwfm-modal .fwfm-form-group-row label { 
	margin: 0; 
	line-height: 36px;
}
#fwfm-modal .fwfm-form-group-row-size { 
	color: var(--fwfm-grey);
	font-size: 11px;
	font-weight: 500;
	line-height: 36px;
}
#fwfm-modal .fwfm-form-group-row-size svg { 
	width: 15px;
	height: 15px;
	margin-right: 3px;
}
#fwfm-modal .fwfm-form-group-row-price span { 
	font-size: 15px;
	font-weight: 500;
	line-height: 36px;
}
#fwfm-modal .fwfm-form-group-row input[type="checkbox"] { 
	color: var(--fwfm-black);
	width: 30px;
	height: 30px;
	margin-left: 10px;
	background-color: white;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAASklEQVQokWNgwAKMjIwqjIyMKrDJMWETZGBg8IBiojXgBLTXwAj1HLp7DaD0BTTxHSTbgBUYGRkdMDIyOoBNbhCGEgsO8R24NAAADK8JNPoumJ0AAAAASUVORK5CYII=");
	border: var(--fwfm-border-grey);
	border-radius: 2px;
}
#fwfm-modal .fwfm-form-group-row input[type="checkbox"]:checked { 
	background-color: var(--fwfm-black);
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAkklEQVQYlY3QoQ5BYRQH8O8ys9k8gKJIkiYRBdGLeAGZ11AFgSgqXkIhmE0QFJvZfoLP3HC595/OvvPb2XdOEgoE9RDCMoSQFME1bL2zy8NVbCLeoxEwQC8DV7CO+IDmp3HGE6MULmMR8Qmt9KRxbDwwRAnz+HZBO+uvkwjuWMX6is6/Bae+uaGbd5EEMxzR/+VeUcKzc5zdxaYAAAAASUVORK5CYII=");
	border-color: transparent;
}
#fwfm-modal .fwk-modal-footer { padding: 15px 20px; }
#fwfm-modal .fwk-modal-footer .fwk-button {
	color: white;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 38px;
	text-align: center;
	background: var(--fwfm-black);
	border-radius: 2px;
}
#fwfm-modal .fwk-modal-footer .fwk-button-secondary:first-child {
	color: var(--fwfm-black);
	background: transparent;
}
#fwfm-modal .fwk-modal-footer .fwk-button-secondary {
	width: 38px;
	height: 38px;
}
#fwfm-modal .fwk-modal-footer .fwk-button-primary {
	padding: 0 25px;
	font-size: 13px;
	text-transform: none;
	border-radius: 2px;
}
#fwfm-modal .fwk-modal-footer input {
	color: var(--fwfm-black);
	width: 50px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	background: white;
	border: 0;
}


/* Your order modal */
#fwfm-mobile-cart .fwk-modal-dialog .fwk-modal-header {
	color: var(--fwfm-black);
	padding: 20px;
	font-size: 20px;
	font-weight: 600;
	border: 0;
}
#fwfm-mobile-cart .fwk-modal-body { padding: 0; }
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper {
	background: white;
	border: var(--fwfm-border-grey);
	border-radius: var(--fwfm-border-radius);
	overflow: hidden;
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper table { margin: 0; }
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper table tr td { padding: 12px 0; }
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper table tr:not(:last-child) td { border-bottom: var(--fwfm-border-grey); }
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper .fwfm-mod-cart-item-title {
	width: 100%;
	padding: 0 12px;
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper .fwk-button {
	color: var(--fwfm-black);
	line-height: 45px;
	padding: 0 12px;
	border: 0;
	background: var(--fwfm-grey-light2);
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper span[fwk-icon="fwfm-file-edit"] {
	color: var(--fwfm-grey);
	line-height: 1;
	padding: 15px 12px;
}
#fwfm.fwfm-textmenu .fwfm-no-items {
	padding-left: 12px;
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper .fwfm-mod-cart-item-name {
	font-size: 13px;
	line-height: 18px;
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper .fwfm-mod-cart-item-name a {
	color: var(--fwfm-black);
	text-decoration: underline;
	font-size: 12px !important;
	font-style: italic;
}
#fwfm.fwfm-textmenu .fwfm-order-table-wrapper .fwfm-mod-cart-item-amount,
#fwfm-order-checkout .fwfm-mod-cart-item-amount {
	color: var(--fwfm-black);
	padding: 0 17px 0 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
#fwfm.fwfm-textmenu .fwfm-table-order-step-wrapper {
	height: calc(100% - 80px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
} 
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-table-order-step-wrapper { height: 100%; }
#fwfm.fwfm-textmenu .fwfm-order-cart-content {
	height: 100%;
	padding: 20px;
	overflow-y: scroll;
}
#fwfm.fwfm-textmenu .fwfm-order-cart-footer { 
	padding: 25px 20px; 
	background: var(--fwfm-grey-light);
	border-top: var(--fwfm-border-grey);
}
#fwfm.fwfm-textmenu .fwfm-order-cart-footer .fwfm-table-order-tips-hint,
#fwfm.fwfm-textmenu .fwfm-order-cart-footer .fwfm-save-order-stripe-hint {
	color: var(--fwfm-red);
	margin-top: 11px;
	text-align: center;
}
#fwfm.fwfm-textmenu .fwfm-order-cart-summary {
	margin: 0 0 20px;
	font-weight: 13px;
	line-height: 1.5;
}
#fwfm.fwfm-textmenu .fwfm-order-cart-summary div.fwk-flex > div:not(:first-child) { font-weight: 600; }
#fwfm.fwfm-textmenu .fwfm-order-cart-summary div + div { margin-top: 5px; }
#fwfm.fwfm-textmenu .fwfm-order-cart-summary .fwfm-order-total { 
	margin-top: 10px;
	font-size: 20px;
	font-weight: 600;
}
#fwfm.fwfm-textmenu .fwfm-order-cart-content .fwk-button-primary,
#fwfm.fwfm-textmenu .fwfm-order-result .fwk-button,
#fwfm.fwfm-textmenu .fwfm-order-cart-footer .fwk-button { 
	font-size: 16px;
	font-weight: bold;
	background: var(--fwfm-black);
}
#fwfm.fwfm-textmenu .fwfm-order-result .fwk-button,
#fwfm.fwfm-textmenu .fwfm-order-cart-content .fwk-button-primary { color: white; }
#fwfm.fwfm-textmenu .fwfm-order-cart-content .fwk-button-primary[disabled],
#fwfm.fwfm-textmenu .fwfm-order-cart-footer .fwk-button[disabled] { color: var(--fwfm-grey); }
#fwfm.fwfm-textmenu .fwfm-set-tips .fwk-button,
#fwfm.fwfm-textmenu .fwfm-order-payment-buttons .fwk-button {
	height: 54px;
	padding: 10px;
	line-height: 1.4;
}
#fwfm.fwfm-textmenu .fwfm-order-tips-fixed .fwk-button div:last-child { 
	color: var(--fwfm-grey-dark);
	font-size: 11px;
}
#fwfm.fwfm-textmenu .fwfm-order-tips-custom .fwk-button { 
	font-size: 12px;
	text-transform: capitalize;
}
#fwfm.fwfm-textmenu .fwfw-custom-tips-input {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
#fwfm.fwfm-textmenu .fwfw-custom-tips-input span { 
	padding: 10px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
}


/* Checkout  */
#fwfm-order-checkout, #fwfm-order-result { padding: 0; }
#fwfm-order-checkout .fwk-modal-dialog {
	width: 390px;
	max-width: 390px;
}
#fwfm-order-checkout .fwk-modal-header,
#fwfm-mobile-cart .fwk-modal-header {
	height: 80px;
	padding: 20px;
	background: var(--fwfm-grey-light);
}
#fwfm-order-checkout .fwk-modal-title,
#fwfm-mobile-cart .fwk-modal-title {
	color: var(--fwfm-black);
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-modal-close-default,
#fwfm-mobile-cart #fwfm.fwfm-textmenu .fwk-modal-close-default {
	color: white;
	width: 40px;
	height: 40px;
	margin-right: 20px;
	padding: 0;
	position: relative;
	top: auto;
	right: auto;
	text-align: center;
	line-height: 40px;
	background: var(--fwfm-black);
	border: 0;
	border-radius: 2px;
}
#fwfm-order-checkout form { height: calc(100% - 80px); }
#fwfm-order-checkout .fwk-modal-body { padding: 0; }
#fwfm-order-checkout .fwk-text-header { font-size: 13px; }
#fwfm-order-checkout .fwk-modal-body input[type="text"],
#fwfm-order-checkout .fwk-modal-body input[type="email"],
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwk-modal-body .fwfm-order-delivery-button,
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwk-modal-body .fwfm-order-payment-button,
#fwfm-order-checkout .fwk-modal-body select.fwk-select { 
	height: 40px;
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	background: var(--fwfm-grey-light);
	border: 1px solid #DFDFDF;
	border-radius: 2px;
}
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-delivery-button::before,
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-payment-button::before { top: 8px; }
#fwfm-order-checkout .fwk-modal-close-default svg:last-child, #fwfm-mobile-cart .fwk-modal-close-default svg:last-child { display: none; }
#fwfm-order-checkout .fwk-modal-close-default svg:last-child, #fwfm-mobile-cart .fwk-modal-close-default svg:first-child { display: inherit; }

#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-delivery-select,
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-payment-select {
	width: calc(100% - 60px);
	background: var(--fwfm-grey-light);
	border: 1px solid #DFDFDF;
	border-radius: 7px;
	overflow: hidden;
}
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-delivery-select li a,
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-payment-select li a {
	color: var(--fwfm-black);
	padding: 5px 15px;
	line-height: 30px;
}
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-delivery-select li:hover a,
#fwfm-order-checkout #fwfm.fwfm-textmenu .fwfm-order-payment-select li:hover a {
	color: var(--fwfm-black);
	background: var(--fwfm-yellow);
}
#fwfm-order-checkout .fwfm-order-form-date select.fwk-select { padding-left: 40px !important; }
#fwfm-order-checkout .fwfm-order-delivery-button,
#fwfm-order-checkout .fwfm-order-payment-button,
#fwfm-order-checkout .fwk-select {
	height: 50px;
	border-radius: var(--fwfm-border-radius);
	border-color: var(--fwfm-yellow);
}
#fwfm-order-checkout .fwk-modal-footer {
	padding: 20px;
	background: var(--fwfm-grey-light);
}
#fwfm-order-checkout .fwfm-order-total {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
}
#fwfm-order-checkout .fwk-modal-footer .fwk-button-secondary {
	color: var(--fwfm-black);
	font-size: 14px;
	background: var(--fwfm-grey-light);
}
#fwfm-order-checkout .fwk-modal-footer .fwk-button-primary {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
	background: var(--fwfm-black);
}

/* Result window styles  */
#fwfm-order-result { padding: 0; }
#fwfm-order-result .fwk-modal-dialog { 
	height: 100%;
	margin: 0 auto;
	background: var(--fwfm-grey-light);
}
#fwfm-order-result .fwk-modal-header { display: none; }
#fwfm-order-result .fwk-modal-body { 
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: center;
	display: flex;
	align-items: center;
}
#fwfm-order-result .fwk-modal-body .fwfm-order-result { 
	width: 100%;
	margin: auto 0;
}
#fwfm-order-result .fwk-modal-body .fwk-modal-close-default {
	position: relative;
	top: auto;
	right: auto;
	padding: 5px 30px;
	font-size: 16px;
	font-weight: 500;
} 

/* Review bill styles  */
#fwfm.fwfm-textmenu .fwfm-table-order-review-bill {
	padding: 20px;
	border: var(--fwfm-border-grey);
}
#fwfm.fwfm-textmenu .fwfm-table-order-review-guest-bill > div { margin-bottom: 12px; }
#fwfm.fwfm-textmenu .fwfm-order-subtotal-row { 
	padding: 12px 0; 
	font-weight: 600;
	border-top: var(--fwfm-border-grey);
}
#fwfm.fwfm-textmenu .fwfm-table-order-step-2 .fwfm-order-subtotal-row {
	padding: 0;
	border: 0;
}
#fwfm.fwfm-textmenu .fwfm-order-total-row { 
	padding-top: 15px;
	font-size: 16px;
	font-weight: 700;
	border-top: var(--fwfm-border-grey);
}


/* Mobile styles  */
@media (max-width: 960px) {
	#fwfm.fwfm-textmenu .fwfm-tabcategories-categories { justify-content: start; }
	#fwfm.fwfm-textmenu .fwfm-tabcategories-categories li { 
		min-width: 33%;
		max-width: 33%;
	}
}
@media (max-width: 768px) {
	#fwfm.fwfm-textmenu .fwfm-cols-qty-1, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-2, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-3, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-4 { 
		margin-left: 0 !important;
		flex-wrap: wrap;
	}
	#fwfm.fwfm-textmenu .fwfm-cols-qty-1 > div, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-2 > div, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-3 > div, 
	#fwfm.fwfm-textmenu .fwfm-cols-qty-4 > div { 
		min-width: 100%;
		max-width: 100%;
		padding: 0 !important;
	}
	#fwfm.fwfm-textmenu .fwfm-category .fwk-flex-column { 
		max-height: none !important;
		flex-direction: row; 
	}
	#fwfm.fwfm-textmenu .fwfm-menu-item-text-info > .fwk-grid { width: 100%; }
	#fwfm.fwfm-textmenu .fwfm-tabcategories-categories li { 
		min-width: 65%;
		max-width: 65%;
	}

}
@media (max-width: 640px) {
	#fwfm.fwfm-textmenu .fwfm-menu-item-image-wrapper {
		width: 100%;
		height: 200px; 
	}
	#fwfm.fwfm-textmenu .fwfm-menu-item-image-wrapper img {
		width: auto;
		object-fit: contain; 
		border-radius: 5px;
	}
	#fwfm.fwfm-textmenu .fwfm-menu-item.fwfm-meal-image-right > .fwk-grid {
		flex-direction: column-reverse;
	}
}

@media (max-width: 576px) {
	#fwfm.fwfm-textmenu .fwfm-menu-item-title .fwk-grid > div { width: auto !important; }
	#fwfm.fwfm-textmenu .fwfm-menu-item-price { 
		width: auto;
		display: flex;
		justify-content: space-between;
		align-items: right;
	}
	#fwfm.fwfm-textmenu .fwfm-menu-item-price .fwfm-item-price { width: 100%; } 
	#fwfm.fwfm-textmenu .fwfm-menu-item-price span.fwk-margin-right { margin-right: 5px !important; } 
	#fwfm.fwfm-textmenu .fwfm-checkout-total { width: 100%; }
	#fwfm.fwfm-textmenu .fwfm-tabcategories-categories { justify-content: start; }
	#fwfm.fwfm-textmenu .fwfm-tabcategories-categories li { 
		min-width: 80%;
		max-width: 80%;
	}

}


/* dev (columns top margin fix - replaced it with the bottom margin) */
#fwfm.fwfm-textmenu .fwk-flex-column > div {
	margin-top: 0;
	margin-bottom: 30px;
}
#fwfm.fwfm-mobilemenu .fwk-flex-column > div { margin-left: 0; margin-bottom: 0; }

/* custom notification */
.fwfm-add-cart-notice {
	min-width: 350px;
	max-width: 98%;
	position: fixed;
	left: 50%;
	top: 20px;
  	transform: translateX(-50%);
	z-index: 10000000;
}
div.fwfm-add-cart-notice .toast {
	color: var(--fwfm-black);
	background: #fff;
	border: 1px solid var(--fwfm-yellow);
	border-radius: 0;
	box-shadow: 0 15px 40px rgba(30, 35, 66, .15);
}
div.fwfm-add-cart-notice .toast-header {
	color: white;
	padding: 10px 20px;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: var(--fwfm-yellow);
	border-bottom: 0;
}
div.fwfm-add-cart-notice .toast-header i {
	font-weight: 400 !important;
	margin-right: .75rem;
}
div.fwfm-add-cart-notice .toast-body {
	padding: 15px 20px;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.4;
	position: relative;
}
div.fwfm-add-cart-notice .toast-body span { font-weight: bold; }
div.fwfm-add-cart-notice .toast-body hr { margin: 10px 0; }
div.fwfm-add-cart-notice .toast-body small {
	color: var(--fwfm-grey-dark);
	font-size: 12px;
	font-weight: normal;
}
div.fwfm-add-cart-notice .toast-body .toast-total small { margin-right: 10px; }
div.fwfm-add-cart-notice .toast-body .toast-total { font-size: 16px; }

/* Table Order design  */
#fwfm-display-table {
	background: url('../images/table_welcome_bg.png') center center repeat;
}
#fwfm-display-table .fwk-modal-dialog {
	width: 400px;
	max-width: 94% !important;
	border-radius: 10px;
	box-shadow: 5px 15px 40px rgba(30, 35, 66, .15);
}
#fwfm-display-table .fwk-modal-header {
	padding: 20px 0;
	text-align: center;
	border-radius: 10px 10px 0 0;
}
#fwfm-display-table .fwk-modal-header .fwk-modal-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}
#fwfm-display-table .fwk-modal-header .fwk-modal-subtitle {
	color: var(--fwfm-grey-dark);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}
#fwfm-display-table .fwk-modal-body {
	padding: 20px 30px;
	border-radius: 0 0 10px 10px;
}
#fwfm-display-table .fwk-modal-body a { 
	color: var(--fwfm-black); 
	display: block;
	text-decoration: none !important;
	outline: none;
}
#fwfm-display-table .fwk-modal-body a + a { margin-top: 10px; }
#fwfm-display-table .fwk-modal-body .fwk-icon {
	width: 40px;
	height: 40px;
	margin-right: 16px;
	text-align: center;
	line-height: 37px;
	background: var(--fwfm-yellow-dark);
	border-radius: 50%;
}
#fwfm-display-table .fwfm-table-welcome-option { padding: 10px 0; }
#fwfm-display-table .fwfm-table-welcome-option-title {
	font-size: 16px;
	font-weight: 600;
}
#fwfm-display-table .fwfm-table-welcome-option-hint {
	color: var(--fwfm-grey-dark);
	font-size: 11px;
	font-weight: 400;
}