/* Custom styles for parmabistro-food4you-fi */

:root {
    --f4u-black: #0b0b0a;
    --f4u-olive: #4f5f2b;
    --f4u-olive-dark: #303a1b;
    --f4u-gold: #c99a22;
    --f4u-gold-light: #e0b84a;
    --f4u-cream: #f8f3e6;

    --primary: var(--f4u-gold);
    --yellow: var(--f4u-gold);
    --cat-active-border: var(--f4u-gold);
    --cat-active-bg: var(--f4u-gold);
    --cat-active-color: var(--f4u-black);
    --button-default_bg_color: var(--f4u-gold);
    --button-main-color: var(--f4u-gold);
    --sidebar-color_first: var(--f4u-black);
    --sidebar-color_second: var(--f4u-olive-dark);
    --sidecart-color_first: var(--f4u-black);
    --sidecart-color_second: var(--f4u-olive-dark);
    --statistics-bg: var(--f4u-black);
    --statistics-buttons: var(--f4u-gold);
    --statistics-button-border: var(--f4u-gold);
    --statistics-date-picker: var(--f4u-olive);
}

/* Header */
.has-hero .site-header,
.site-header {
    position: relative !important;
    background-color: #fff !important;
    box-shadow: rgba(11, 11, 10, 0.16) 0 2px 10px -4px;
}

.site-branding img,
.site-branding .custom-logo {
    max-width: 120px !important;
    max-height: 78px !important;
    width: auto !important;
    height: auto !important;
}

.main-navigation a,
.nav-link-right a,
.nav-link-right .nav-link-cart .header-cart-link {
    color: var(--f4u-black) !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.nav-link-right a:hover {
    color: var(--f4u-olive) !important;
}

.f4u-mini-cart,
.f4u-header-cart,
.nav-link-cart .header-cart-link .f4u-header-cart {
    background-color: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

.f4u-cart-text,
.f4u-header-cart #order-subtotal-price,
.f4u-header-cart .prefix {
    color: var(--f4u-black) !important;
}

/* Front page */
.home #page,
.page-template-front-page-template #page {
    background-image: radial-gradient(at center center, var(--f4u-olive) 0%, var(--f4u-black) 100%) !important;
}

.home .page-header,
.page-template-front-page-template .page-header {
    display: none !important;
    padding: 0 !important;
}

.f4u-hero {
    min-height: calc(100vh - 110px) !important;
    padding: 24px 20px 56px;
}

.f4u-hero-img {
    max-width: 260px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 28px;
}

.f4u-hero-title,
.f4u-hero-subtitle,
.f4u-hero-saving-percentage {
    color: var(--f4u-cream) !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.f4u-hero-title {
    letter-spacing: 0.08em;
}

.f4u-hero-button,
.woocommerce div.product form.cart .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--f4u-gold) !important;
    border-color: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

.f4u-hero-button:hover,
.woocommerce div.product form.cart .button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: var(--f4u-gold-light) !important;
    border-color: var(--f4u-gold-light) !important;
    color: var(--f4u-black) !important;
}

/* Menu and product cards */
.active,
#content .category-list .active,
#content .category-list .active a {
    background-color: var(--f4u-gold) !important;
    border-color: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

#content .category-list a {
    border-color: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

#content .category-list a:hover {
    background-color: var(--f4u-olive) !important;
    border-color: var(--f4u-olive) !important;
    color: #fff !important;
}

#response .category-name,
.product-basic-price,
.woocommerce.single-product .summary .amount,
.woocommerce .single-product .summary .amount,
.total_pcs,
.total_amount_single {
    color: var(--f4u-black) !important;
}

input.minus,
input.plus,
button.plusq,
button.minusq {
    background: var(--f4u-olive) !important;
    color: #fff !important;
}

div.wccf_field_container ul {
    border-color: var(--f4u-olive) !important;
}

.is-new-product,
.is-new-product-basic,
.woocommerce span.onsale {
    background-color: var(--f4u-olive) !important;
    color: #fff !important;
}

/* Sidecart and checkout drawer */
#app-sidecart,
#app-sidecart.show {
    background: linear-gradient(180deg, var(--f4u-black) 0%, var(--f4u-olive-dark) 100%) !important;
    color: var(--f4u-cream) !important;
}

.sidecart-cart_items {
    background: rgba(79, 95, 43, 0.88) !important;
}

.sidecart-step_btn,
.payment-process__btn,
.sidecart-gateway.chosen,
.sidecart-payment-upondelivery input:checked ~ .checkmark {
    background-color: var(--f4u-gold) !important;
    border-color: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

.sidecart-step_btn:hover,
.payment-process__btn:hover,
.sidecart-delivery-item.chosen,
.sidecart-delivery-item:hover {
    background-color: var(--f4u-olive) !important;
    border-color: var(--f4u-olive) !important;
    color: #fff !important;
}

.sidecart-delivery-item,
.pickup-time_select select {
    border-color: var(--f4u-gold) !important;
}

.sidecart-header_close {
    background: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

/* Account drawer */
#app-account.show,
#app-account .v-application--wrap {
    background: linear-gradient(var(--sidebar-color_first), var(--sidebar-color_second)) !important;
    color: var(--f4u-cream) !important;
}

.account-header_title,
.account__forget-password-link,
.account__forget-password-text,
.account__not-account-text,
.account__user-data-row,
.account__user-data-title,
.account__user-data-logout-title,
.account__edit-back-link,
.account__edit-profile-link,
.account__reset-password-link,
.form-label,
.user-information,
.terms,
.terms a,
.password_change,
#app-account .error--text {
    color: var(--f4u-cream) !important;
}

.account-header_close,
.sidebar-reg-button,
.sidebar-login-button,
.sidebar-logout-button,
.sidebar-change-password-button,
.sidebar-save-button {
    background-color: var(--button-main-color) !important;
    color: var(--f4u-black) !important;
}

#app-account .v-input__slot {
    background-color: #fff !important;
}

#app-account .v-input__icon--clear button,
#app-account .v-input__icon--clear .v-icon,
.v-input__icon--clear button,
.v-input__icon--clear .v-icon {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--f4u-black) !important;
    box-shadow: none !important;
}

/* Footer and contact */
.site-footer {
    background-color: var(--f4u-black) !important;
    color: var(--f4u-cream) !important;
}

.site-footer a,
.f4u-column a,
.f4u-column span,
#page .f4u-column span,
#page .footer-links a {
    color: var(--f4u-cream) !important;
}

body:not(.home):not(.page-template-front-page-template) .site-footer {
    background-color: #fff !important;
    color: var(--f4u-black) !important;
}

body:not(.home):not(.page-template-front-page-template) .site-footer a,
body:not(.home):not(.page-template-front-page-template) .f4u-column a,
body:not(.home):not(.page-template-front-page-template) .f4u-column span,
body:not(.home):not(.page-template-front-page-template) .footer-links,
body:not(.home):not(.page-template-front-page-template) .footer-links a,
body:not(.home):not(.page-template-front-page-template) #page .f4u-column span,
body:not(.home):not(.page-template-front-page-template) #page .footer-links a {
    color: var(--f4u-black) !important;
}

body:has(#app__statistic) .site-footer {
    background-color: var(--f4u-black) !important;
    color: var(--f4u-cream) !important;
}

body:has(#app__statistic) .site-footer a,
body:has(#app__statistic) .f4u-column a,
body:has(#app__statistic) .f4u-column span,
body:has(#app__statistic) .footer-links,
body:has(#app__statistic) .footer-links a,
body:has(#app__statistic) #page .f4u-column span,
body:has(#app__statistic) #page .footer-links a {
    color: var(--f4u-cream) !important;
}

.f4u-review-button,
.forminator-button-submit {
    background: var(--f4u-gold) !important;
    color: var(--f4u-black) !important;
}

/* Statistics */
.statistic__wrap,
#app__statistic,
#statistic-wrap__main-wrap {
    background-color: var(--statistics-bg) !important;
}

.statistic__date-wrap input[type="text"],
.statistic__date-wrap input[type=text],
.statistic__date-wrap .v-input__slot,
.justify-center .statistic__date-wrap .v-btn--is-elevated {
    font-size: 15px;
    font-weight: 400;
    color: var(--f4u-black) !important;
    text-align: center;
    background-color: var(--statistics-buttons) !important;
}

.statistic__content-item {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.statistic__content-item-title,
.statistic__content-item-subtitle,
.statistic__content-item-value,
.statistic__content-item-list,
.statistic__date-divider {
    color: var(--f4u-black) !important;
}

.statistics-date-picker {
    background-color: var(--statistics-date-picker) !important;
}

/* Login */
#login h1 a,
.login h1 a {
    width: 120px !important;
    height: 74px !important;
    background-size: 120px 74px !important;
    background-repeat: no-repeat !important;
}

@media screen and (max-width: 767px) {
    .site-branding img,
    .site-branding .custom-logo {
        max-width: 92px !important;
        max-height: 60px !important;
    }

    .f4u-hero {
        min-height: calc(100vh - 86px) !important;
        padding-top: 18px;
    }

    .f4u-hero-img {
        max-width: 190px !important;
    }
}