/* J. Louis - Tour-owned SerpentiForm branding over the standard Portal/System aside shell. */

:root {
    --font-primary: Arial, Helvetica, sans-serif;
    --primary-color: #c8aa6e;
    --primary-color-rgb: 200, 170, 110;
    --secondary-color: #050505;
    --secondary-color-rgb: 5, 5, 5;
    --logo-height: 13rem;
}

body {
    --glass-bg: rgba(0, 0, 0, 0.82);
    --glass-blur: blur(16px) saturate(145%) brightness(0.62);
    --btn-icon-color: #ffffff;
}

/* J. Louis - Keep both source marks legible inside the standard menu logo slot. */
.serpentiform-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}

aside section[logo] .serpentiform-brand img {
    display: block;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    object-fit: contain;
    transform: none;
}

aside > section[logo] .serpentiform-brand {
    height: 100%;
    /* J. Louis - Match the usable accordion width while leaving its right-side scroll gutter clear. */
    padding: 0 2rem 0 0;
    box-sizing: border-box;
}

/* J. Louis - Use a neutral black menu surface with the standard hierarchy and interaction behavior. */
aside {
    background: rgba(0, 0, 0, 0.9);
}

aside::before {
    background-image: none !important;
}

/* J. Louis - Match Azbil's centered navigation labels for the direct section links. */
aside acc-menu acc-menu-item > acc-menu-item-title {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    justify-content: center !important;
    text-align: center !important;
}

/* J. Louis - These source tours have no visitor-facing scene descriptions. */
section[description],
section[btns][nav] my-btn.info {
    display: none !important;
}

/* J. Louis - Fill the desktop gap left by the hidden info control, matching Azbil's two-button cluster. */
@media screen and (min-width: 501px) {
    section[nav_dots],
    #group-title {
        right: 10rem !important;
    }
}

section[btns][common] my-btn.floorplan svg path,
section[btns][common] my-btn.floorplan svg rect,
section[btns][common] my-btn.floorplan svg polygon {
    fill: var(--btn-icon-color);
}