/* =========================================================
   Global Top Navigation Theme (SAFE VERSION)
   ========================================================= */

#global-menu {
    --menu-background-color: #394c8f;
    --menu-text-color: #ffffff;
    /* --text-color: #e5e7eb; */
/*    padding: 0 2rem;*/
    --menu-padding: 1.2rem;
    font-size: 1.0rem;
    background: #394c8f !important;
    border-color: #ffffff !important;
}

/*#global-menu > menu {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}*/
/*
#session-bar .toolbar {
    background: #980000 !important;
    color: #ffffff !important;
  
}

#session-bar .toolbar * {
    background: inherit !important;
    color: inherit !important;
}
*/
#session-bar .toolbar .i-button {
     background: #394c8f !important;
     color: #ffffff !important;
     border-radius: 6px !important;
}

#language-list {
border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    background: #394c8f !important;
    color: #ffffff !important;
    overflow: hidden;
}

#language-list li a,
#language-list li button {
    border-radius: 4px;
    color: #ffffff !important;
}

#language-list li a:hover,
#language-list li button:hover {
    background: #ffffff !important;
    color: #6f3b30 !important;
}

#tz-selector-link,
#language-selector-link {
    border-radius: 6px !important;
}
/* =========================================================
   Top-level menu buttons
   ========================================================= */

#global-menu>menu>li :is(a, button) {
    border: none !important;
    color: var(--menu-text-color) !important;
    background: transparent !important;
    font-size: 1.4rem;
    font-weight: 500;
}
/* =========================================================
   Hover / open states (FIXED)
   ========================================================= */

#global-menu>menu>li :is(a, button):hover,
#global-menu>menu>li button[aria-expanded="true"],
#global-menu>menu>li :is(a, button).open {
    background: #398c8f !important;
    color: #ffffff !important;
}


/* =========================================================
   Dropdown panels (DO NOT force visibility rules)
   Let Indico JS handle open/close
   ========================================================= */

#global-menu menu[id^="dropdown-list"] {
    background: #394c8f !important;
    border: 1px solid #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}


/* =========================================================
   Dropdown items
   ========================================================= */

#global-menu menu[id^="dropdown-list"] a,
#global-menu menu[id^="dropdown-list"] button {
    color: #ffffff !important;
    font-size: 1.4rem;
}

/* Hover inside dropdown */
#global-menu menu[id^="dropdown-list"] a:hover,
#global-menu menu[id^="dropdown-list"] button:hover {
    background: #ffffff !important;
    color: #6f3b30 !important;
}

ind-menu.create-event-button > button {
    background: #394c8f !important;
    color: #ffffff !important;
    border: none !important;
}

/* =========================================================
   Restore Create Event hover behavior (IMPORTANT FIX)
   ========================================================= */

#global-menu ind-menu:hover>menu {
    pointer-events: auto;
}


/* =========================================================
   Text color system-wide
   ========================================================= */

/* body,
.main,
.category-container,
.category-content {
    color: #e5e7eb !important;
} */
/*
.main,
.main *,
.category-container,
.category-container *,
.category-content,
.category-content *,
.category-description {
    color: #000000 !important;
}*/


body {
    color: #000000 !important;
    font-size: 1.025rem;
}

/*.main,*/
/*.category-container,*/
.category-content,
.category-description {
    color: #000000 !important;
}


.category-title {
    color: #6f3b30 !important;
}

.category-title * {
    color: inherit !important;
}

/*.main *,*/
/*.category-container *, */
.category-content *,
.category-description * {
    color: inherit !important;
}

/* =========================================================
   Smooth transitions
   ========================================================= */
#global-menu>menu>li :is(a, button),
#global-menu menu[id^="dropdown-list"] a {
    transition: background 0.2s ease;
    border-radius: 4px;
}



#sidebar .title h2 {
    color: #6f3b30 !important;
    font-weight: 700;
}



.prompt {
 border: 2px solid #6f3b30 !important;
color: #6f3b30 !important;

}

.search.icon {
color: #6f3b30 !important;
font-size: 1.5rem;
}

input.prompt {
    font-size: 1.3rem !important;
}

input.prompt::placeholder {
    font-size: 1.2rem !important;
    color: #cbd5e1 !important;
}