/*
Theme Name: Pietris Food Ordering App
Author: GoodFellas Studio
Author URI: https://www.goodfellas.gr/
Version: 1.0
Text Domain: pietris_fo
*/


@media(max-width: 1024px){
    #wpadminbar{
        display: none !important;
    }
}
@media(min-width: 1025px){
    body.admin-bar header#site-header{
        margin-top: 32px;
    }
}

#app,
#site-sidebar,
#site-header{
    opacity: 0;
    transition: opacity 500ms;
}
body.loaded #app,
body.loaded #site-sidebar,
body.loaded #site-header{
    opacity: 1;
}

code.alert{
    border-color: red;
    color: red;
}
a.btn--nav.disabled,
section[data-widget="ordering-catalogue-controler"] button:disabled{
    pointer-events: none;
    opacity: .5;
}
button:disabled{
    opacity: .5;
    pointer-events: none;
}
section.no-program-yet{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
    padding: var(--gap-700);
    text-align: center;
    max-width: var(--col-5);
    margin: 0px auto;
}


aside[data-type="notification"][aria-modal="true"]{
	position: fixed;
	inset: unset;
	bottom: 40px;
	z-index: var(--z-top);
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	padding-block: var(--gap-300);
	padding-inline: var(--gap-500);
	background: var(--color-accent);
	font-size: var(--fs-text);
	color: var(--color-text-white);
	border-radius: var(--br-global);
	display: flex;
	align-items: center;
	text-align: center;
}

/****************************/
/* Loading ******************/
/****************************/
body > .loading-wrapper{
	position: fixed;
}
.loading-wrapper{
	position: absolute;
	inset: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-white-60);
	transition: var(--trans-300);
	z-index: 99999;
	opacity: 1;
}
.loading-wrapper svg{
	width: var(--size-200);
	height: var(--size-200);
}
.loading-wrapper svg{
	animation: var(--animation-spinner);
}
.loading-wrapper.inactive{
	opacity: 0;
	pointer-events: none;
}
@keyframes spinner{
	100%{
		transform: rotate(360deg);
	}
}

/*******************************/
/* OTP *************************/
/*******************************/
form .item[data-form-item="OTP"]{
    display: flex;
    flex-direction: row;
    gap: var(--gutter-200);
}
form .item[data-form-item="OTP"] input{
    aspect-ratio: var(--image-aspect-ratio-sq);
    font-family: var(--ff-heading);
    font-size: var(--fs-h2);
    text-align: center;
    padding: var(--gap-200);
}
form .item[data-form-item="OTP"] input::-webkit-outer-spin-button,
form .item[data-form-item="OTP"] input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
form .item[data-form-item="OTP"] input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield;
}
@media(min-width: 1025px){
    form .item[data-form-item="OTP"]{
        gap: var(--gutter);
    }
}

form .item--upload-file .item__thumbnail {
    --avatar-size-500: 180px;
}

.item--upload-file.working{
    pointer-events: none;
}
.item--upload-file.working .item__thumbnail{
    position: relative;
    z-index: 1;
    opacity: .5;
}
.item--upload-file.working .item__thumbnail:before{
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--color-black-50);
    position: absolute;
    z-index: 10;
    content: "";
}
.item--upload-file.working .item__thumbnail:after{
    position: absolute;
    content: "";
    border: 3px solid var(--init-grey-100);
    border-top: 3px solid var(--color-accent);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    z-index: 100;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
label#user-avatar-button{
    display: flex;
    gap: var(--gap);
}

.item.item--notification[data-type="info"]{
    background-color: #e2e5f6;
    border-color: #3667ea;
}
.item.item--notification[data-type="info"] .item__title{
    color: #3667ea;
}

.item.item--notification[data-type="warning"]{
    background-color: #FFEFD4;
    border-color: #CA6A0A;
}
.item.item--notification[data-type="warning"] .item__title{
    color: #CA6A0A;
}



article.item--dish[data-disable-actions="true"] button{
    pointer-events: none !important;
}
p.select-your-dishes{
    text-align: center;
}
.item.item--dish .item__thumbnail img,
[data-widget="minicart"] [data-widget="accordion"] .accordion-content img,
.item--order .item__thumbnail img{
    border-radius: 50%;
}

section[data-component="ordering-catalogue-menu"][data-exist-order="true"] .item.item--dish{
    display: grid;
}

@media (min-width: 1025px) {
    #app [data-component="screen-container"][data-type="full"] {
        grid-template-columns: 1fr;
        max-width: var(--col-8);
        margin: 0px auto;
    }
}
#app [data-component="screen-container"][data-type="full"] [data-component="ordering-cta-button"]{
    display: none;
}

section.exist-order-in-date{
    display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	column-gap: var(--gutter);
}
section.exist-order-in-date .item__status{
    text-align: right;
}

section[data-component="ordering-catalogue-menu"][data-exist-order="true"] [data-dish-category="starters"]{order: 1;}
section[data-component="ordering-catalogue-menu"][data-exist-order="true"] [data-dish-category="main"]{order: 2;}
section[data-component="ordering-catalogue-menu"][data-exist-order="true"] [data-dish-category="side"]{order: 3;}
section[data-component="ordering-catalogue-menu"][data-exist-order="true"] [data-dish-category="fruit"]{order: 4;}

section.order-complete-choices .row{
    display: flex;
    gap: var(--gap);
    justify-content: center;
}

table.dishes-data{
    width: 100%;
}
table.dishes-data th,
table.dishes-data td{
    text-align: left;
    padding: 5px 10px;
}
.item.item--history-order-dish .item__content.inline-data{
    flex-direction: row;
}
.no--notifications .notification-content{
    display: flex;
    gap: var(--gap);
    flex-direction: column;
    align-items: center;
    text-align: center;
}

fieldset[data-fieldset="form-submit"] {
    align-items: center;
}
button[data-action="remove-avatar"] span{
    font-family: var(--ff-text);
    font-size: var(--fs-text);
    color: var(--color-text);
}

.otgs-development-site-front-end{
    display: none !important;
}

/* For Meals CTA sticky Bottom */
@media(max-width: 767px){
	body{
		display: flex;
		flex-direction: column;
	}
	body main,
	body main [data-component="ordering-master"]{
		flex-grow: 1;
	}
	body main [data-component="screen-container"]{
		height: 100%;
	}
}


[data-widget="language-switcher"] {
    display: flex;
    align-items: center;
    gap: var(--gap-300);
    font-family: var(--ff-text);
    color: var(--color-text);
}
[data-widget="language-switcher"] .select {
    width: 70px;
	height: 32px;
}
[data-widget="language-switcher"] .select-styled {
	color: var(--color-heading);
}
[data-widget="language-switcher"] .select-options li {
    padding-inline: var(--gap-100);
    text-align: center;
}

@media (min-width: 1025px) {
    .visible-lg {
        display: flex !important;
    }
}

section[data-widget="ordering-catalogue-controler"] button.has-plate span:not(.label){
    position: relative;
}
section[data-widget="ordering-catalogue-controler"] button.has-plate span:not(.label):after{
    content: "";
    position: absolute;
    z-index: 10;
    right: -4px;
    bottom: -4px;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 14C8.85652 14 10.637 13.2625 11.9497 11.9497C13.2625 10.637 14 8.85652 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0C5.14348 0 3.36301 0.737498 2.05025 2.05025C0.737498 3.36301 0 5.14348 0 7C0 8.85652 0.737498 10.637 2.05025 11.9497C3.36301 13.2625 5.14348 14 7 14ZM10.0898 5.71484L6.58984 9.21484C6.33281 9.47188 5.91719 9.47188 5.66289 9.21484L3.91289 7.46484C3.65586 7.20781 3.65586 6.79219 3.91289 6.53789C4.16992 6.28359 4.58555 6.28086 4.83984 6.53789L6.125 7.82305L9.16016 4.78516C9.41719 4.52812 9.83281 4.52812 10.0871 4.78516C10.3414 5.04219 10.3441 5.45781 10.0871 5.71211L10.0898 5.71484Z" fill="%236F7C8A"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}
section[data-widget="ordering-catalogue-controler"] button[aria-selected="true"].has-plate span:not(.label):after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 14C8.85652 14 10.637 13.2625 11.9497 11.9497C13.2625 10.637 14 8.85652 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0C5.14348 0 3.36301 0.737498 2.05025 2.05025C0.737498 3.36301 0 5.14348 0 7C0 8.85652 0.737498 10.637 2.05025 11.9497C3.36301 13.2625 5.14348 14 7 14ZM10.0898 5.71484L6.58984 9.21484C6.33281 9.47188 5.91719 9.47188 5.66289 9.21484L3.91289 7.46484C3.65586 7.20781 3.65586 6.79219 3.91289 6.53789C4.16992 6.28359 4.58555 6.28086 4.83984 6.53789L6.125 7.82305L9.16016 4.78516C9.41719 4.52812 9.83281 4.52812 10.0871 4.78516C10.3414 5.04219 10.3441 5.45781 10.0871 5.71211L10.0898 5.71484Z" fill="%23ea343a"/></svg>');
}
html[lang="el"] section[data-widget="aside"][data-type="my-order"] .item__title{
    font-size: 16px;
}

@media(max-width:400px){
    :root{
        --padding-button: var(--gap-200) var(--gap-400);
    }
    header#site-header .header-part--left {
        max-width: 40%;
    }
    [data-widget="ordering-catalogue-controler"]{
        --space-between: var(--gutter-500);
    }
}

[data-component="ordering-catalogue"][data-mode="categories"]{
    flex-direction: column-reverse;
}
body.page-template-users-management-page [data-component="order-history"] > .actions-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
form#search-users{
    display: inline-flex;
}
form#search-users fieldset .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--gap);
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
form#search-users fieldset button{
    min-width: 140px;
}


body.page-template-terms-page .page-builder{}
body.page-template-terms-page [data-component="hero"][data-type="default"]{
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body.page-template-terms-page [data-component="page-content"]{
    margin-bottom: calc(var(--gap-500) * 2);
}
body.page-template-terms-page [data-component="page-content"] .container{
    padding: var(--padding-container-block);
    background-color: var(--color-white);
    border-radius: var(--br);
}
footer{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    padding: var(--padding-container-inline);
    height: 64px;
    justify-content: center;
    margin-top: -85px;
}
.page-template-ordering-page footer,
.page-template-edit-order-page footer{
    display: none;
}
footer #footer-bottom{
}
footer #footer-bottom ul{
    display: flex;
    gap: var(--gap);
    justify-content: flex-end;
}
@media(max-width: 767px){
    footer{
        margin-top: unset;
    }
    footer #footer-bottom ul{
        justify-content: center;
    }
}
@media(min-width: 1024px){
    .page-template-login-page footer #footer-bottom ul a{
        color: var(--color-white);
    }
}
[data-component="order-history"]{
    margin-bottom: calc(var(--gap-500) * 4);
}
.page-template-terms-page main[data-type="full-screen"]{
    min-height: 100vh;
}