/* Seasonal accents stay within navigation so order and status colors stay familiar. */
.theme-autumn .navbar {
    background: linear-gradient(110deg, rgba(35, 25, 23, .96), rgba(13, 14, 20, .94) 55%, rgba(39, 28, 22, .95));
    border-bottom-color: rgba(206, 138, 72, .22);
    box-shadow: 0 1px 18px rgba(145, 83, 37, .05);
}

.theme-autumn .nav-container {
    position: relative;
    z-index: 1;
}

.autumn-leaves {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.autumn-leaf {
    position: absolute;
    top: 22%;
    left: 24%;
    width: 18px;
    height: 18px;
    background: url('../images/autumn-leaf.svg') center / contain no-repeat;
    opacity: .2;
    transform: rotate(-24deg);
    /* A short arrival animation settles within five seconds, with no endless motion. */
    animation: autumn-drift 4.8s ease-out both;
}

.autumn-leaf:nth-child(2) {
    top: 62%;
    left: 46%;
    width: 13px;
    height: 13px;
    opacity: .13;
    transform: rotate(34deg);
    animation-duration: 4.2s;
}

.autumn-leaf:nth-child(3) {
    top: 14%;
    left: 73%;
    width: 15px;
    height: 15px;
    opacity: .16;
    transform: rotate(65deg);
    animation-duration: 4.6s;
}

.autumn-leaf:nth-child(4) {
    top: 58%;
    left: 89%;
    width: 20px;
    height: 20px;
    opacity: .18;
    transform: rotate(-45deg);
    animation-duration: 4.4s;
}

@keyframes autumn-drift {
    from { translate: -24px -60px; rotate: -50deg; }
    55% { translate: 9px -16px; rotate: 18deg; }
    to { translate: 0 0; rotate: 0deg; }
}

.theme-autumn .hamburger-menu-toggle {
    width: 44px;
    height: 44px;
    align-items: center;
    border: 1px solid rgba(206, 138, 72, .2);
    border-radius: 12px;
    background: rgba(206, 138, 72, .05);
}

.theme-autumn .hamburger-menu-toggle span {
    background: #dfb68b;
}

.theme-autumn .hamburger-menu-toggle:hover {
    background: rgba(206, 138, 72, .12);
    border-color: rgba(206, 138, 72, .42);
}

.theme-autumn .hamburger-menu-toggle:hover span {
    background: #f0ceaa;
}

.theme-autumn .hamburger-menu-toggle:focus-visible,
.theme-autumn .side-menu :focus-visible {
    outline: 2px solid #e5b780;
    outline-offset: 3px;
}

.theme-autumn .side-menu {
    --color-primary: #ce8a48;
    --color-primary-hover: #e5b780;
    --color-primary-glow: rgba(206, 138, 72, .15);
    background: linear-gradient(165deg, #201917 0%, #141319 38%, #141319 80%, #1c1716 100%);
    border-left-color: rgba(206, 138, 72, .2);
}

.theme-autumn .side-menu-header {
    background: url('../images/autumn-leaf.svg') right 18px bottom 8px / 22px no-repeat, rgba(206, 138, 72, .035);
    border-bottom-color: rgba(206, 138, 72, .15);
}

.theme-autumn .side-nav-section-label {
    color: #b49a83;
}

.theme-autumn .side-nav-link:hover,
.theme-autumn .side-nav-sublink:hover {
    background: rgba(206, 138, 72, .08);
}

.theme-autumn .side-nav-link.active,
.theme-autumn .side-nav-sublink.active {
    background: rgba(206, 138, 72, .12);
}

.theme-autumn .side-menu .plan-badge {
    color: #e5b780;
    background: rgba(206, 138, 72, .1);
    border-color: rgba(206, 138, 72, .24);
}

.theme-autumn .side-menu-footer {
    border-top-color: rgba(206, 138, 72, .15);
}

@media (max-width: 640px) {
    .autumn-leaf:nth-child(2),
    .autumn-leaf:nth-child(3) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .autumn-leaf { animation: none; }
}