/* ========================================
   TOUR COLORS (Bobby J)
   ======================================== */

:root {
    /* Primary Brand Color - e2i Blue */
    --primary-color: #0066CC;
    --primary-color-rgb: 0, 102, 204;

    /* Secondary Brand Color */
    --secondary-color: #003366;
    --secondary-color-rgb: 0, 51, 102;
}

/* ========================================
   BRANDING CUSTOMIZATIONS
   ======================================== */

:root {
    /* Logo Height Override
       Source: index.css (line 104)
       e2i uses auto height */
    --logo-height: auto;
}

/* ========================================
   UI ELEMENT CUSTOMIZATIONS
   ======================================== */

/* Hide Multi-Language Button
   Source: btns.css (lines 213-223)
   Language selector button hidden.
   Button is located bottom-left on both desktop and mobile. */
section[btns] my-btn.lang {
    display: none !important;
}

/* Audio Button Visibility (e2i tour specific)
   Bobby J - Show/hide audio control buttons based on audio_guide and audio_on classes */
body:not(.audio_guide) section[btns] my-btn.audio {
    display: none!important;
}
body:not(.audio_on) section[btns] my-btn.audio.off,
body.audio_on section[btns] my-btn.audio.on {
    display: block;
}

/* ========================================
   NAVIGATION COLOR GROUPS
   ======================================== */


hs-navigation.color_group_1 .thumb {
   background-color: rgb(0, 84, 150, 0.3);
   
}

hs-navigation.color_group_2 .thumb {
   background-color: rgb(215, 19, 63, 0.3);
}

hs-navigation.color_group_3 .thumb {
   background-color: rgb(243, 112, 67, 0.3);
}

hs-navigation.color_group_4 .thumb {
   background-color: rgba(255, 255, 0, 0.3);
}

/* Charles Gratiot Jr. - Updated for SVG-based dots (targets .dot_ring outer ring) */
dots-menu dots-menu-group.color_group_1 dots-menu-item .dot_ring {
   fill: rgb(0, 84, 150);
}

dots-menu dots-menu-group.color_group_2 dots-menu-item .dot_ring {
   fill: rgb(215, 19, 63);
}

dots-menu dots-menu-group.color_group_3 dots-menu-item .dot_ring {
   fill: rgb(243, 112, 67);
}

dots-menu dots-menu-group.color_group_4 dots-menu-item .dot_ring {
   fill: rgb(255, 255, 0);
}

aside acc-menu acc-menu-group.color_group_1>acc-menu-item-title {
   background-color: rgb(0, 84, 150, 0.6);
}

aside acc-menu acc-menu-group.color_group_2>acc-menu-item-title {
   background-color: rgb(215, 19, 63, 0.6);
}

aside acc-menu acc-menu-group.color_group_3>acc-menu-item-title {
   background-color: rgb(243, 112, 67, 0.6);
}

aside acc-menu acc-menu-group.color_group_4>acc-menu-item-title {
   background-color: rgba(255, 255, 0, 0.6);
}


/* section[description] {
   position: absolute;
   right: 2rem;
   bottom: 8rem;
   width: 60rem;
   height: auto;
   z-index: 4;
   transition: opacity var(--transition-duration);
} */

body.descr my-description div.sa {
   max-height: 30rem;
}
/* ========================================
   SPLASH SCREEN CUSTOMIZATIONS
   ======================================== */

/* Wider buttons for e2i tour (Audio Guided Tour button needs more space)
   Source: splash_screen.css (line 41)
   Core CSS uses 200px, e2i overrides to 270px */
#splash_screen div button {
    width: 270px;
}