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

:root {
    /* Primary Brand Color - Hilton */
    --primary-color: #002F61;
    --primary-color-rgb: 0, 47, 97;

    /* hilton Off White */
    --secondary-color: #F0E9E6;
    --secondary-color-rgb: 240, 233, 230;
}

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

:root {
    /* Logo Height Override
       Source: index.css (line 103)
       Hilton uses 14rem height, Conrad uses auto */
    --logo-height: 14rem;
}

/* C Gratiot - Remove top/bottom padding around accordion logo */
aside {
    padding-top: 0.5rem;
}

aside section[logo] {
    margin-bottom: 0;
}

/* C Gratiot - Mobile: add breathing room around logo */
@media screen and (max-width: 500px) {
    aside section[logo] {
        padding: 1rem 0;
    }
}

/* ========================================
   GLASSMORPHISM OVERRIDES - DARK MODE
   Charles Gratiot Jr. - Darker black to prevent grey appearance
   ======================================== */

body {
    --glass-bg: rgba(0, 0, 0, 0.7); /* Charles Gratiot Jr. - Higher opacity for more solid black */
    --glass-blur: blur(16px) saturate(180%) brightness(0.5); /* Charles Gratiot Jr. - Darken to prevent grey */
    --btn-icon-color: #ffffff; /* Charles Gratiot Jr. - White nav icons for dark mode */
}

/* Charles Gratiot Jr. - Nav buttons now handled by core btns.css (no ::before ring)
   Icon color set via --btn-icon-color variable in body block above */

/* ========================================
   COMMON BUTTONS - WHITE ICONS FOR DARK MODE
   Charles Gratiot Jr. - Override black fill for glassmorphism
   ======================================== */

/* Common button SVGs don't have .icon class - target all paths/circles */
section[btns][common] my-btn svg path,
section[btns][common] my-btn svg circle,
section[btns][common] my-btn svg rect {
    fill: #ffffff !important;
}

/* Charles Gratiot Jr. - Removed common icon hover inversion (buttons glow only, no appearance change) */

/* ========================================
   DOTS MENU - PRIMARY COLOR RINGS
   Charles Gratiot Jr. - Global override for all dots
   ======================================== */

dots-menu dots-menu-item .dot_ring {
    fill: #000000 !important;
}


/* ========================================
   DOTS POSITION - NO AUDIO BUTTON
   Charles Gratiot Jr. - Move dots right to fill gap (no audio button in Hilton)
   Desktop only - mobile uses flexbox layout
   ======================================== */

@media screen and (min-width: 501px) {
    section[nav_dots] {
        right: 15rem; /* Core is 19rem, reduced by ~4rem (one button width) */
    }

    #group-title {
        right: 15rem;
    }
}