/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.3.29
*/

:root {
    --wgb-color-light-red: rgba(220, 53, 69, .1);
    --wgb-color-red: rgba(220, 53, 69, .5);
    --wgb-color-dark-red: rgba(220, 53, 69, 1);
    --wgb-color-light-green: rgba(25, 135, 84, .1);
    --wgb-color-green: rgba(25, 135, 84, .5);
    --wgb-color-dark-green: rgba(25, 135, 84, 1);
}

.red {
    color: var(--fs-color-primary);
}

.green {
    color: green;
}

.box-text {
    font-size: 100%;
}

.wgb--title {
    margin-bottom: 30px;
    display: flex;
}

.wgb--title>div {
    flex: 1;
    display: flex;
}

.wgb--title>div>div:nth-child(1) {
    flex: 0 1 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 4px;
}

.wgb--title>div>div:nth-child(1) i {
    color: var(--fs-color-primary);
}

.wgb--title>div>div:nth-child(2) {
    padding-left: 15px;
    text-align: left;
    color: var(--fs-color-primary);
}

.wgb--title>div>div:nth-child(2) b {
    display: block;
    color: #444;
    font-size: 90%;
}


.form-group {
    margin: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1px;
}

.form-group form {
    display: flex;
    width: 24.5%;
}

.form-group form button {
    flex: 1;
}


.ui-datepicker-title {
    display: flex;
}

/*
.menu-content { }
.menu-content p {display: flex; justify-content: space-between; color: #369; }
.menu-content p strong { font-weight: normal; display: flex; flex-direction: column; width: 70%; font-size: 16px; line-height: 1.2em; color: #222; }
.menu-content p strong em { display: block; font-size: 14px; font-style: normal; color: #555; }
*/

.menu--wrap .is-divider {
    display: none;
}

.menu--wrap h1 {
    font-size: 1.4em;
}

.menu--wrap {}

.menu--wrap .col .col-inner {
    padding-top: 30px;
}

.menu--wrap .col:nth-child(1) {
    padding-bottom: 0;
}

.menu--wrap .col:nth-child(1) .col-inner {}

.menu--wrap .next-prev-thumbs {
    display: none;
}

.menu-content {
    padding: 30px 15px 15px;
    text-align: center;
    border: 1px solid #ccc;
}

.menu-content p {
    margin-bottom: .6em;
}

.woocommerce-table__product-name .wc-item-meta li {
    display: flex;
}

.woocommerce-table__product-name .wc-item-meta li p {
    margin-top: 0;
    padding-left: 10px;
}

.woocommerce-table--order-details .wc-item-meta {
    margin-top: 0;
    margin-bottom: 0;
}


.restaurant-nav {}

.restaurant-nav a {
    padding-right: 15px;
}

.restaurant-nav a:hover {
    color: var(--fs-color-primary);
}


.restaurant--image_box .box-text-inner {
    padding: 10px 20px 0;
}

/*
.vegan, .vegat { position: relative; }
.vegan:after,
.vegat:after { content: ''; margin-left: 5px; display: inline-block; width: 20px; height: 20px; }
.vegan:after { background: url(../../uploads/2025/10/icon-vegen.png) center center no-repeat; background-size: contain; }
.vegat:after { background: url(../../uploads/2025/10/icon-vegetarian.png) center center no-repeat; background-size: contain; }


.vegan_note, .vegat_note { position: relative; color: #888; }
.vegan_note:before,
.vegat_note:before { content: ''; margin: 0px 5px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; color: #888; }
.vegan_note:before { background: url(../../uploads/2025/10/icon-vegen.png) center center no-repeat; background-size: contain; }
.vegat_note:before { background: url(../../uploads/2025/10/icon-vegetarian.png) center center no-repeat; background-size: contain; }
*/

.home .header .header-nav {
    display: none;
}

.home .header .mobile-nav {
    display: none;
}

.absolute-footer .container {
    max-width: 100%;
}


.woocommerce-orders-table .button:last-child,
.woocommerce-table--order-details .button:last-child {
    margin-right: 0;
}


/* My Account */
.woocommerce-orders-table__row th,
.woocommerce-orders-table__row td {
    /* padding-left: 15px; padding-right: 15px; */
}

.woocommerce-orders-table__row .button {
    margin-bottom: 0;
}

.woocommerce-orders-table__row.woocommerce-orders-table__row--status-cancelled {
    background-color: var(--wgb-color-light-red);
}

.woocommerce-orders-table__row.woocommerce-orders-table__row--status-cancelled th,
.woocommerce-orders-table__row.woocommerce-orders-table__row--status-cancelled td {
    border-bottom: 1px solid var(--wgb-color-red);
}

.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed {
    background-color: var(--wgb-color-light-green);
}

.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed th,
.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed td {
    border-bottom: 1px solid var(--wgb-color-green);
}


.header-title {
    font-size: 150%;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

html,
body,
#wrapper {
    min-height: calc(100vh - 32px);
}

footer {
    position: absolute !important;
    left: 0;
    bottom: 0px !important;
    right: 0;
}


.woocommerce-message {}

.message-wrapper {}

.message-wrapper li {
    padding-bottom: 5px;
}

.message-container {
    padding: 5px 15px !important;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
}

.message-container.success-color {
    background-color: rgba(98, 125, 71, .1);
    border: 1px solid rgba(98, 125, 71, .3);
}

.message-container.alert-color {
    background-color: rgba(178, 0, 0, .1);
    border: 1px solid rgba(178, 0, 0, .3);
    border-radius: 4px;
}


.woocommerce-account .woocommerce-MyAccount-content mark {
    background-color: inherit;
}

.form-order-filters {}

.form-order-filters>div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.form-order-filters>div>div:nth-child(1) {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.form-order-filters>div>div:nth-child(2) {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.form-order-filters>div>div:nth-child(2) input {
    max-width: 150px;
}

.form-order-filters>div>div:nth-child(2) .button {
    margin-right: 0;
}

.woocommerce-orders .woocommerce-MyAccount-orders .button {
    margin: 0 0 0 4px;
    padding: 0 8px;
    font-size: 84%;
    border-radius: 4px;
}

.woocommerce-orders .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-booking-action {
    min-width: 200px;
}