/* 2026 palette sampled from Homepage-03 and the blue CMR 2026 logo. */
:root {
    --event-primary: #2356a3;
    --event-deep: #354a95;
    --event-sky: #54a1d8;
    --event-accent: #f7e665;
    --event-soft: #e9f2fa; /* Blue tint for expanded FAQ panels. */
    --event-white: #fff;
}
.event-image-description { margin-top: 12px; color: var(--event-deep); }
.event-image-description summary { padding: 8px; font-weight: 600; cursor: pointer; }
.event-image-description summary:hover { background: var(--event-soft); }
.event-image-description summary:focus-visible { outline: 2px solid var(--event-primary); outline-offset: 2px; }
.event-image-description p, .event-image-description ol { margin-top: 12px; }

.navbar-custom, .event-partners {
    background-color: var(--event-primary);
    color: var(--event-white);
}
.__footer {
    background: linear-gradient(120deg, var(--event-primary), var(--event-deep));
    color: var(--event-white);
}
.navbar-custom .nav-link, .navbar-custom .navbar-brand,
.__footer .text_1, .__footer .text_2, .__footer a {
    color: var(--event-white);
}
.navbar-custom .nav-link:hover, .navbar-custom .nav-link:focus-visible,
.navbar-custom .nav-link.active, .navbar-custom .nav-link.show,
.__footer a:hover, .__footer a:focus-visible {
    color: var(--event-accent);
}
.navbar-custom .dropdown-menu {
    background-color: var(--event-deep);
    --bs-dropdown-link-color: var(--event-white);
    --bs-dropdown-link-hover-color: var(--event-deep);
    --bs-dropdown-link-hover-bg: var(--event-accent);
    --bs-dropdown-link-active-color: var(--event-deep);
    --bs-dropdown-link-active-bg: var(--event-accent);
}
.navbar-custom .dropdown-item { color: var(--event-white); }
.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus,
.navbar-custom .dropdown-item:active, .navbar-custom .dropdown-item.active {
    background-color: var(--event-accent) !important;
    color: var(--event-deep) !important;
}
.navbar-toggler {
    color: var(--event-white);
    border-color: var(--event-sky);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus-visible { box-shadow: 0 0 0 3px var(--event-accent); }
.btn_color, .btn_color1 {
    --bs-btn-color: var(--event-deep);
    --bs-btn-bg: var(--event-accent);
    --bs-btn-border-color: var(--event-accent);
    --bs-btn-hover-color: var(--event-deep);
    --bs-btn-hover-bg: var(--event-white);
    --bs-btn-hover-border-color: var(--event-deep);
    --bs-btn-active-color: var(--event-white);
    --bs-btn-active-bg: var(--event-deep);
    --bs-btn-active-border-color: var(--event-accent);
    --bs-btn-disabled-color: var(--event-deep);
    --bs-btn-disabled-bg: var(--event-soft);
    --bs-btn-disabled-border-color: var(--event-sky);
    background-color: var(--event-accent);
    border-color: var(--event-accent);
    color: var(--event-deep);
}
.btn_color:hover, .btn_color1:hover, .btn_color:focus-visible, .btn_color1:focus-visible {
    background-color: var(--event-white);
    border-color: var(--event-deep);
    color: var(--event-deep);
    box-shadow: 0 0 0 3px var(--event-sky);
}
.btn_color:active, .btn_color1:active {
    background-color: var(--event-deep);
    border-color: var(--event-accent);
    color: var(--event-white);
}
[data-registration][aria-disabled="true"], .btn_color.disabled, .btn_color1.disabled {
    background-color: var(--event-soft);
    border-color: var(--event-sky);
    color: var(--event-deep);
    opacity: 1;
}
.countdown-wrapper { background-color: var(--event-deep); }
.countdown .number { color: var(--event-accent); }
.countdown .label { color: var(--event-white); }
.time-box:not(:last-child)::after { background-color: var(--event-sky); }
.tittle_.brand_, .tab-menu .active { border-bottom-color: var(--event-primary); }
.accordion {
    --bs-accordion-active-bg: var(--event-soft);
    --bs-accordion-active-color: var(--event-deep);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 3px var(--event-sky);
}
.accordion-button:focus-visible { outline: 2px solid var(--event-primary); outline-offset: -2px; }
.accordion-button .fa-chevron-down { color: var(--event-primary); }
.navbar-custom .fa-chevron-down, .__footer .icon { color: currentColor; }
.navbar-custom .bahasa_ { flex: 0 0 auto; }
.navbar-custom .language-switch {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: max-content;
    padding: 4px;
    margin: 0;
    border: 1px solid var(--event-sky);
    border-radius: 999px;
    background-color: var(--event-deep);
    color: var(--event-white);
    vertical-align: middle;
}
.navbar-custom .language-switch .language-option {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    font: 700 12px/1 system-ui, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
    color: var(--event-white);
    transition: background-color .15s, color .15s;
}
.navbar-custom .language-switch .is-current { background: var(--event-accent); color: var(--event-deep); }
.navbar-custom .language-switch .language-option:hover { background: var(--event-white); color: var(--event-deep); }
.navbar-custom .language-switch .language-option:focus-visible {
    outline: 3px solid var(--event-white);
    outline-offset: 2px;
    box-shadow: inset 0 0 0 2px var(--event-deep);
}
/* Match navbar-expand-lg so the control remains outside the collapsed tablet menu. */
@media (max-width: 991.98px) {
    .navbar-custom .bahasa_.mobile_ { display: block; }
    .navbar-custom .bahasa_.desktop_ { display: none; }
    .navbar-custom .navbar-brand { margin-right: 0; }
}
@media (min-width: 992px) {
    .navbar-custom .bahasa_.mobile_ { display: none; }
    .navbar-custom .bahasa_.desktop_ { display: block; }
    .navbar-custom .navbar-nav { align-items: center; }
    .navbar-custom .navbar-collapse { min-width: 0; }
}