/* --- TOP PRIORITY MENU HOVER --- */
#main_nav .nav-link:not([href*="registration.php"]):hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}

#main_nav a[href*="registration.php"]:hover {
    color: #ffc107 !important;
    background-color: transparent !important;
}


.border-bottom-grey {
    border-bottom: solid 1px #ddd;
}
.bg-grey {
    background-color: #ddd;
}
.empty-div {
    height: 45px;
}
.bg-blue {
    background-color: #17252A;  /* Charcoal Background */
color: #ffffff;             /* White Text */
border: 2px solid #F4D35E;  /* Golden Border around the card */
}
.bg-inactive {
    background-color: lightgray;
    color: #ffffff;
}
.bg-blue-inverse {
    background-color: #ffffff;
color: #17252A;
border-color: #ffffff;
}
.navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover {
    background-color: #FFFFFF;
    color: #F4D35E;
}
.navbar .navbar-nav .active {
    background-color: #FFFFFF;
    color: #F4D35E;
}

.navbar .nav-item .dropdown-menu {
    background-color: #17252A;
    color: #ffffff;
}
.navbar .nav-item .dropdown-item {
    color: #FFFFFF;
    background-color: #17252A;
}

.navbar .nav-item .dropdown-item:hover {
    color: #F4D35E;
    background-color: #FFFFFF;
}

.navbar .navbar-nav .nav-link {
    padding: 0.6em;
}
@media only screen and (min-width: 960px) {
    .navbar {
        padding: 0;
    }
    .navbar .navbar-nav .nav-link {
        padding: 1em 0.7em;
    }
}

.navbar .navbar-nav .nav-link {
    padding: 1em 0.7em;
    transition: all 0.5s;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.itenary:hover{
    background-color: #608f47;
    color: #ffffff;
}
.blink {
    animation: blinker 2s linear infinite;
    color: #608f47;
    font-weight: bold;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.blink-one {
    animation: blinker-one 2s linear infinite;
}
@keyframes blinker-one {
    0% {
        opacity: 0;
    }
}
.blink-two {
    animation: blinker-two 1.4s linear infinite;
}
@keyframes blinker-two {
    100% {
        opacity: 0;
    }
}
/* =========================================
   MASTER FIX: MENU, SIDEBAR, & SPEAKERS
   ========================================= */

/* 1. HEADER PROTECTION (Keep Header Grey) */
.header-inner, .top-header, .header-top,
.header-inner .bg-blue-inverse,
.top-header .bg-blue-inverse {
    background-color: #F9FAFB !important;
    color: #17252A !important;
    border: none !important;
}

/* 2. SIDEBAR BUTTONS -> FORCE YELLOW */
.col-md-3 .bg-blue-inverse, .col-md-4 .bg-blue-inverse,
.widget-area .bg-blue-inverse, aside .bg-blue-inverse {
    background-color: #8968CD !important; /* Golden Yellow */
    color: #CEA2FD !important;             /* Charcoal Text */
    border: 1px solid #F4D35E !important;
    font-weight: bold !important;
    margin-bottom: 10px;
    display: block;
}
/* Sidebar Hover */
.widget-area .bg-blue-inverse:hover, aside .bg-blue-inverse:hover {
    background-color: #17252A !important;
    color: #F4D35E !important;
    border-color: #17252A !important;
}

/* 3. REGISTER BUTTON: PERFECT ALIGNMENT (Micro-Adjusted) */
.navbar-nav .nav-item:last-child .nav-link {
    background-color: #F4D35E !important;
    color: #17252A !important;
    border: 1px solid #F4D35E !important;
    font-weight: bold !important;
    border-radius: 4px !important;

    /* --- THE MICRO FIX --- */
    /* Pushed down from 7px to 11px to center it */
    margin-top: 11px !important;    
    
    /* Slightly reduced padding to keep the box from getting too tall */
    padding: 5px 25px !important;  
    
    /* Ensure text stays centered */
    line-height: normal !important;
    display: inline-block !important;
}

/* Register Button Hover */
.navbar-nav .nav-item:last-child .nav-link:hover {
    background-color: transparent !important;
    color: #F4D35E !important;
    border-color: #F4D35E !important;
}

/* 4. SPEAKER POPUP (MODAL) THEME */
/* The Header of the popup */
.modal-header {
    background-color: #17252A !important; /* Charcoal */
    color: #F4D35E !important;            /* Gold Text */
    border-bottom: 1px solid #F4D35E !important;
}
/* The Title inside the popup */
.modal-title {
    color: #F4D35E !important;
}
/* The "X" Close Button */
.btn-close {
    background-color: #F4D35E !important;
    opacity: 1 !important;
}
/* The Bottom "Close" Button */
.modal-footer .btn-danger, .modal-footer .btn {
    background-color: #F4D35E !important;
    color: #17252A !important;
    border: none !important;
    font-weight: bold !important;
}
/* =========================================
   PRE-HEADER COLOR CONTROL
   ========================================= */

/* Use this to change ONLY the top thin strip */
.top-header, .header-top {
    background-color: #17252A !important;  /* CHANGE THIS COLOR CODE */
    color: #ffffff !important;             /* Text Color */
    border-bottom: 1px solid #333333;      /* Optional thin separator line */
}

/* Ensure links in the top strip are readable */
.top-header a, .header-top a {
    color: #F4D35E !important;             /* Link Color (Gold looks good on dark) */
    text-decoration: none;
}
/* =========================================
   HEADER LOGO & TITLE ALIGNMENT FIX
   ========================================= */

/* 1. ACTIVATE FLEXBOX (The Magnet) */
/* This grabs the logo and text and allows us to control the spacing */
.header-inner .row, .header-inner .container .row {
    display: flex !important;
    align-items: center !important;     /* Centers them Vertically (Up/Down) */
    justify-content: center !important; /* Centers the whole group on the screen */
    flex-wrap: nowrap !important;       /* Forces them to stay on the same line */
}

/* 2. COLLAPSE THE COLUMNS (Remove the invisible walls) */
/* This tells the boxes holding the logo and text to shrink to fit their content */
.header-inner .col-md-3, .header-inner .col-md-4, 
.header-inner .col-md-8, .header-inner .col-md-9,
.header-inner .col-lg-3, .header-inner .col-lg-9 {
    width: auto !important; 
    max-width: none !important;
    flex: 0 0 auto !important;
}

/* 3. FINE TUNE THE GAP & TEXT */
/* This controls exactly how close they are */
.header-inner .logo {
    margin-right: 30px !important; /* The gap between Logo and Text. Adjust this number! */
    margin-bottom: 0px !important; /* Removes any bottom drag */
}

/* Ensure the text is aligned left so it "hugs" the logo */
.header-inner .text-right, 
.header-inner .text-end,
.header-inner .col-md-9 {
    text-align: left !important; 
}
/* --- 1. BASE MENU STATE (Locks the height and symmetry) --- */
/* This ensures every link is exactly the same size all the time */
#main_nav .navbar-nav .nav-link:not([href*="registration.php"]) {
    color: #ffffff !important;             /* White text by default */
    background-color: transparent !important; /* Dark background shows through */
    padding-top: 14px !important;          /* Perfect fit to touch gold borders */
    padding-bottom: 14px !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 4px !important;
    transition: background-color 0.2s ease; /* Smooth color transition */
}

/* --- 2. MENU HOVER STATE --- */
/* This only activates when the mouse is over the item */
#main_nav .navbar-nav .nav-link:not([href*="registration.php"]):hover {
    color: #000000 !important;             /* Text turns Black */
    background-color: #ffffff !important;  /* Box turns White */
    border: 1px solid #ffffff !important;
box-sizing: border-box !important;
}

/* --- 3. REGISTER BUTTON PROTECTION --- */
/* Ensures the Register button keeps its unique Gold/Charcoal look */
#main_nav a[href*="registration.php"] {
    border: 1px solid #ffc107 !important;
    border-radius: 5px !important;
    margin-left: 15px !important;
    padding: 5px 15px !important;
    color: #000000 !important;
    background-color: #ffc107 !important;
}
#main_nav a[href*="registration.php"]:hover {
    background-color: transparent !important;
    border: 1px solid #ffc107 !important;
    color: #ffc107 !important;
}

/* --- 4. DROPDOWN & SIDEBAR SHIELD --- */
.dropdown-menu .dropdown-item:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}
.btn-light, .btn-light:hover, .btn-light:focus {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default !important;
}
a.btn-light { cursor: pointer !important; }
/* --- Scientific Sessions: Global Static Layout --- */

/* 1. Hide the Down Arrow (Chevron) icon */
.accordion-button::after {
    display: block !important;
    content: none !important;
    filter: brightness(0);
}

/* 2. Disable the "Open/Close" action entirely */
/* This stops the black box from ever appearing */
.accordion-button {
    
    
}

/* 3. Ensure the boxes look like clean, static cards */
.accordion-item {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
}
/* ICRC Register Button Custom Styles */
.btn-register-icrc {
    background-color: #8968CD !important;
    color: #CEA2FD !important;
    font-weight: bold !important;
    border: 2px solid #8968CD !important;
    transition: 0.3s ease-in-out;
}

.btn-register-icrc:hover {
    background-color: #CEA2FD !important;
    color: #8968CD !important;
    border-color: #8968CD !important;
}