/* ==========================================================================
   HAMBURGER FIX — load this AFTER style.css
   Kills the X-morph animation on the hamburger icon. It now just sits as
   three plain lines whether the menu is open or closed (only a subtle
   color change on open, which you can also remove below if you want zero
   visual change at all).
   ========================================================================== */

.hamburger span,
.page-home .hamburger span,
.rail .hamburger span,
.site-navbar .hamburger span,
.subpage-rail .hamburger span {
    transition: background 0.3s ease !important; /* no transform/opacity transition */
}

.hamburger.open span,
.page-home .hamburger.open span,
.rail .hamburger.open span,
.site-navbar .hamburger.open span,
.subpage-rail .hamburger.open span {
    transform: none !important;
    opacity: 1 !important;
    /* Remove the next line too if you want the open state to look
       identical to the closed state: */
    background: var(--gold-deep, #A87F2E) !important;
}