
.title h2 {
color: &#039;&#039;;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: &#039;&#039;;
}
a {
color: &#039;&#039;;
}
.food-menu-area.food-menu-3-area .food-menu-items .single-menu-item .menu-price-btn a {
color: &#039;&#039;;
}
.food-menu-area.food-menu-3-area .food-menu-items .single-menu-item .menu-price-btn a::before {
background: &#039;&#039;2a;
}
.food-menu-area.food-menu-3-area .food-menu-items .single-menu-item .menu-price-btn a::after {
border-color: &#039;&#039;;
}
.food-menu-area .food-menu-items .single-menu-item .menu-price-btn span {
color: &#039;&#039;;
}
.menu-price-btn del {
color: &#039;&#039;;
}
.food-menu-area.food-menu-2-area .food-menu-items .single-menu-item:hover {
border: 1px solid &#039;&#039;;
}
#variationModal .btn-primary {
background-color: &#039;&#039;;
border-color: &#039;&#039;;
}

#variationModal .form-check span {
color: &#039;&#039;;
}

#variationModal .modal-title small {
color: &#039;&#039;;
}
.cart-icon {
background-color: &#039;&#039;;
}
.cart-header {
background-color: &#039;&#039;;
}
.cart-sidebar .cart-item h4.title a {
color: &#039;&#039;;
}
.cart-sidebar .cart-button {
border: 1px solid &#039;&#039;;
background-color: &#039;&#039;;
}
.cart-sidebar .cart-total strong {
color: &#039;&#039;;
}
.base-btn {
background-color: &#039;&#039;;
border: 1px solid &#039;&#039;;
}

/* ===== LIQUID GLASS LOGIN BUTTONS - TENANT COLOR OVERRIDES ===== */

/* Login button - use tenant color as accent */
.login-area .login-content .input-btn button.main-btn {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.05) 100%);
    border-color: rgba(0, 0, 0, 0.45);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255,255,255,0.25);
}

.login-area .login-content .input-btn button.main-btn:hover {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 100%);
    border-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.4);
    color: #fff !important;
}

/* Bottom action buttons - use tenant color as accent */
.login-area .login-content .input-btn .btn-link-action {
    color: rgba(0, 0, 0, 0.9);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.02) 100%);
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255,255,255,0.18);
}

.login-area .login-content .input-btn .btn-link-action:hover {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.06) 100%);
    border-color: rgba(0, 0, 0, 0.55);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255,255,255,0.3);
    color: #fff !important;
}

/* Fallback solid hover color (backward compat) */
.login-area .login-content .input-btn button:hover {
    color: &#039;&#039;;
}

.qr-breadcrumb-details h2 {
color: &#039;&#039;;
}
.main-btn.main-btn-2 {
background-color: &#039;&#039;;
border-color: &#039;&#039;;
}
.checkout-area .coupon:before {
background: &#039;&#039;;
}
.food-menu-area .food-menu-items .single-menu-item .menu-content a.title:hover {
color: &#039;&#039;;
}
.food-menu-area .button-group button.is-checked {
background-color: &#039;&#039;;
color: #fff;
}
.food-menu-area .button-group button {
color: &#039;&#039;;
border: 1px solid &#039;&#039;;
background-color: #fff;
}
.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active{
background: &#039;&#039;;
}
