:root {
    --soja-espresso: #4a2d20;
    --soja-caramel: #c8893a;
    --soja-cream: #fffaf3;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #38281f;
}

.top-navbar .navbar {
    box-shadow: 0 3px 18px rgba(48, 30, 20, 0.1);
}

.top-navbar .navbar-brand img {
    width: auto;
    max-width: min(180px, 42vw);
    object-fit: contain;
}

.top-navbar .nav-link {
    border-radius: 999px;
    margin: 0 3px;
    padding: 10px 14px !important;
    transition: background-color 160ms ease, color 160ms ease;
}

.top-navbar .nav-link:hover,
.top-navbar .nav-item.active .nav-link {
    background: var(--soja-cream);
    color: var(--soja-caramel) !important;
}

.heading-title h2 {
    color: var(--soja-espresso);
}

.menu-box .card,
.about-section-box .inner-column,
.contact-block {
    border-radius: 14px;
}

.soja-whatsapp {
    align-items: center;
    background: #188c57;
    border-radius: 999px;
    bottom: 22px;
    box-shadow: 0 8px 24px rgba(24, 140, 87, 0.3);
    color: #fff;
    display: inline-flex;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    position: fixed;
    right: 22px;
    text-decoration: none;
    z-index: 20;
}

.soja-whatsapp:hover,
.soja-whatsapp:focus {
    background: #117447;
    color: #fff;
    text-decoration: none;
}

.soja-whatsapp .fa {
    font-size: 22px;
}

.footer-area .copyright {
    margin-top: 20px;
}

@media (max-width: 767.98px) {
    .top-navbar .nav-link {
        border-radius: 8px;
        margin: 2px 0;
    }

    .soja-whatsapp {
        bottom: 14px;
        right: 14px;
    }
}