/* Street Bite: accessible accents on light surfaces. */
.green { color: #496b0c; }
.bg-light-grey { color: #686868; }
.text-gradient {
    background-image: linear-gradient(to right, #b92032, #b43c08);
}
.hero-badge span { color: #ad3908; }
.btn.btn-green,
.btn.btn-gradient:hover {
    background: #496b0c !important;
    border-color: #496b0c;
    color: #fff !important;
}
.btn.btn-gradient {
    background: linear-gradient(to right, #b92032, #b43c08);
}
.btn.btn-green:hover { background: #354e09 !important; }
.btn-hvr-green:hover { -webkit-text-fill-color: #496b0c; }
.da-thumbs .menu-price .overlay { background: #496b0c; }
.side-menu, .go-top { background-color: #496b0c; }
.go-top::before { background: #b43c08; }
.form-control::placeholder { color: #686868; opacity: 1; }

/* The card is opaque; only the navigation needs a stronger hero scrim. */
#home { position: relative; }
#home::before {
    background: linear-gradient(180deg, rgba(15,18,14,.65), rgba(15,18,14,.12) 30%, transparent 65%);
    pointer-events: none;
}
header .navbar .navbar-nav .nav-link:hover,
header .social_icons li a:hover { color: #ffbc9c !important; }

/* Directional overlay follows the copy, preserving the food on the right. */
.parallax { position: relative; isolation: isolate; }
.parallax::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13,19,13,.5), rgba(13,19,13,.35) 28%, rgba(13,19,13,.08) 65%);
    z-index: -1;
    pointer-events: none;
}
.parallax .green, .parallax .counter-icon { color: #c1e47b; }
.parallax .icon-block { opacity: 1; background: rgba(12,17,12,.8); }
.parallax .back .icon-block { background: #90391e; }
.testimonial .response { color: #f5eee8; }
.testimonial .text-gradient {
    background-image: linear-gradient(to right, #ffabb2, #ffc29e);
}
.testimonial {
    background-image: linear-gradient(rgba(10,10,10,.18), rgba(10,10,10,.18)), url('/assets/collection/landings/food/img/testimonial.jpg');
}

/* Preserve the original white wordmark on an appropriate backing. */
.footer-logo .logo-max {
    background: #252b23;
    border-radius: 6px;
    padding: 12px 16px;
    width: fit-content;
    max-width: 100%;
}
#google-map {
    background-position: center;
    background-size: cover;
    position: relative;
}
.map-caption {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    width: max-content;
    max-width: calc(100% - 32px);
    background: #fff;
    color: #343a30;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 4px 20px #26302120;
}
.map-caption small { display: block; color: #555; }
a:focus-visible { outline: 3px solid #496b0c; outline-offset: 4px; }
@media (max-width: 767px) {
    .parallax::before {
        background: linear-gradient(180deg, rgba(13,19,13,.65), rgba(13,19,13,.5) 30%, rgba(13,19,13,.08) 55%);
    }
}