html, body, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}

h1, h2 {
    font-family: "RalewayBold", sans-serif;
}
/* ===== Sidebar container ===== */
border: none;
}


.smnu-label:hover,
.smnu-link:hover {
    background: #eaeaea;
}


/* ===== Triangle placeholder area ===== */
.smnu-label::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}


/* ===== Closed state triangle (right) ===== */
.smnu-toggle + .smnu-label::after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #555;
}


/* ===== Open state triangle (down) ===== */
.smnu-toggle:checked + .smnu-label::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #555;
}


/* ===== Items without submenu: remove triangle but keep space (placeholder) ===== */
.smnu-link::after {
    content: "";
    position: absolute;
    right: 16px;
    width: 12px; /* placeholder space */
    height: 12px;
}


/* ===== Submenu ===== */
.smnu-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fafafa;
}


/* ===== Show submenu when checked ===== */
.smnu-toggle:checked ~ .smnu-submenu {
    max-height: 500px; /* sufficiently large */
}


/* ===== Second level links ===== */
.smnu-submenu a {
    display: block;
    padding: 10px 32px;
    text-decoration: none;
    color: #444;
    background: #fafafa;
    transition: background 0.2s ease;
}


    .smnu-submenu a:hover {
        background: #e0e0e0;
    }