body {
    margin: 0;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    background: linear-gradient(180deg, #f5e6d3 0%, #ecd7be 100%);
    color: #3a2a1b;
}

.page-shell {
    min-height: 100vh;
    padding-bottom: 56px;
}

.site-header {
    background: #b86f3b;
    border-bottom: 4px solid #8c4e24;
}

.brand-title {
    color: #fff4de;
    font-size: 1.45rem;
    font-weight: 700;
    text-decoration: none;
}

.brand-title:hover {
    color: #fff;
}

.navbar-nav .nav-link,
.navbar-nav .dropdown-toggle {
    color: #fff4de;
}

.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-toggle:hover,
.navbar-nav .nav-link.active,
.navbar-nav .dropdown-item.active {
    color: #ffffff;
    font-weight: 700;
}

.nav-dropdown-custom {
    position: relative;
}

.nav-dropdown-custom .dropdown-menu {
    background: #f3ddc6;
    border: 1px solid #d1a67e;
    min-width: 200px;
    display: none;
}

.nav-dropdown-custom.open .dropdown-menu {
    display: block;
}

.dropdown-item {
    color: #5b361f;
}

.dropdown-item:hover {
    background: #e8c8a7;
    color: #3a1f0d;
}

.site-body {
    padding-bottom: 1rem;
}

.content-card {
    background: rgba(255, 246, 234, 0.9);
    border: 1px solid #d9b693;
    border-radius: 10px;
    padding: 1rem;
}

.site-footer {
    background: #8c4e24;
    color: #ffefd8;
    border-top: 2px solid #6f3a16;
}

#mainMenuCollapse {
    display: block;
}

.menu-toggle {
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff4de;
}

@media (max-width: 991px) {
    #mainMenuCollapse {
        display: none;
        margin-top: 8px;
        background: rgba(255, 244, 222, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        padding: 8px;
    }

    #mainMenuCollapse.is-open {
        display: block;
    }

    .nav-dropdown-custom .dropdown-menu {
        position: static;
        margin-top: 4px;
    }
}