/* v5 menu HTML uses the original Datawise dropdown containers. */
.site-menu > li > a.nav-link {
    padding: 0 1rem;
    align-items: center;
    white-space: nowrap;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .site-menu > li > a.nav-link { padding-inline: .375rem; }
}
.site-menu li:focus-within > .megamenu-container,
.site-menu li:focus-within > ul { display: block; }
#mobmenu .sitemenu li { position: relative; }
#mobmenu .sitemenu li > a { padding-inline-end: 2.5rem; }
#mobmenu .datawise-submenu-toggle { position: absolute; inset-inline-end: 0; top: 0; width: 2.5rem; height: 2.5rem; border: 0; background: transparent; color: inherit; }
#mobmenu .megamenu-container { position: static; width: 100%; padding: 1rem 0; }
#mobmenu [hidden] { display: none !important; }

/* WISECP 5 form controls follow the original Datawise brand variables. */
.datawise-system-content {
    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: var(--theme-primary-rgb);
    --bs-link-color: var(--link-color);
    --bs-link-hover-color: var(--link-color-hover);
}
.datawise-system-content .btn-primary {
    --bs-btn-bg: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);
    --bs-btn-hover-bg: color-mix(in srgb, var(--theme-primary) 88%, black);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    --bs-btn-disabled-bg: var(--theme-primary);
    --bs-btn-disabled-border-color: var(--theme-primary);
}

.datawise-footer-preferences {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem}
.datawise-footer-select {position:relative}
.datawise-footer-select summary {display:flex;align-items:center;gap:.5rem;min-height:36px;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;cursor:pointer;list-style:none}
.datawise-footer-select summary::-webkit-details-marker {display:none}
.datawise-footer-select summary .fa-chevron-up {font-size:.6rem;opacity:.65}
.datawise-footer-select summary:hover,.datawise-footer-select[open] summary {border-color:var(--theme-primary)}
.datawise-footer-options {position:absolute;bottom:calc(100% + .5rem);inset-inline-start:0;z-index:1100;min-width:180px;max-height:260px;overflow:auto;padding:.4rem;background:var(--bs-body-bg,#fff);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:.75rem;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.datawise-footer-options a,.datawise-footer-options span {display:block;padding:.5rem .65rem;color:var(--bs-body-color)!important;text-decoration:none;border-radius:.4rem;white-space:nowrap}
.datawise-footer-options a:hover,.datawise-footer-options a[aria-current] {background:var(--theme-primary);color:var(--theme-secondary)!important}
.datawise-footer-appearance {display:flex;gap:.2rem;padding:.2rem;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.datawise-footer-appearance button {width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.datawise-footer-appearance button:hover,.datawise-footer-appearance button[aria-pressed="true"] {background:var(--theme-primary);color:var(--theme-secondary)}
.datawise-footer-preferences :focus-visible {outline:2px solid var(--theme-primary);outline-offset:3px}

/* Night mode uses the same Datawise components and brand accents. */
html[data-bs-theme="dark"] {
    --text-color:#c3cddd;--text-color-rgb:195,205,221;
    --bs-body-bg:#121b28;--bs-body-color:var(--text-color);
    --bs-theme-light:#151e2c;--bs-theme-light-rgb:21,30,44;
    --bs-theme-light-100:#1c2838;--bs-theme-light-100-rgb:28,40,56;
    --bs-theme-light-200:#29394b;--bs-theme-light-200-rgb:41,57,75;
    --bs-theme-light-300:#3c5068;--bs-theme-light-300-rgb:60,80,104;
    --bs-theme-light-400:#94a3b8;--bs-theme-light-400-rgb:148,163,184;
    --bs-theme-light-500:#b0bdcd;--bs-theme-light-500-rgb:176,189,205;
    --bs-theme-light-600:#c6d0dd;--bs-theme-light-600-rgb:198,208,221;
    --bs-theme-light-700:#dde5ed;--bs-theme-light-700-rgb:221,229,237;
    --bs-theme-light-800:#e6edf5;--bs-theme-light-800-rgb:230,237,245;
    --bs-theme-light-900:#eff4fa;--bs-theme-light-900-rgb:239,244,250;
    --bs-theme-light-950:#f8fafc;--bs-theme-light-950-rgb:248,250,252;
    --bs-border-color:var(--bs-theme-light-200);--link-color:var(--theme-primary);
}
html[data-bs-theme="dark"] body {background-color:var(--bs-body-bg);color:var(--bs-body-color)}
html[data-bs-theme="dark"] .bg-white {background-color:var(--bs-theme-light-100)!important}
html[data-bs-theme="dark"] #fon-header,html[data-bs-theme="dark"] .megamenu .sub-menu,html[data-bs-theme="dark"] .megamenu .dropdown-menu {background-color:var(--bs-theme-light-100);color:var(--bs-body-color)}
html[data-bs-theme="dark"] .text-theme-secondary {color:var(--bs-theme-light-950)!important}
html[data-bs-theme="dark"] :is(h1,h2,h3,h4,h5,h6) {color:var(--bs-theme-light-950)}
html[data-bs-theme="dark"] a:not(.btn) {color:var(--theme-primary)}
html[data-bs-theme="dark"] .footer-bottom a {color:#f1f5f9!important}
html[data-bs-theme="dark"] .page-inner-nav.nav-float .nav {background-color:var(--bs-theme-light-100)}
html[data-bs-theme="dark"] .page-inner-nav .nav-item:not(.active) .nav-link {color:var(--bs-theme-light-950)}
html[data-bs-theme="dark"] .bg-theme-light-700 {background-color:#334155!important}
html[data-bs-theme="dark"] .bg-theme-light-800 {background-color:#1e293b!important}
html[data-bs-theme="dark"] .bg-theme-light-900 {background-color:#0f172a!important}
html[data-bs-theme="dark"] .bg-theme-light-950 {background-color:#020617!important}
@media (max-width:575.98px) {
    .datawise-footer-preferences {position:relative}
    .datawise-footer-select {position:static}
    .datawise-footer-options {max-width:calc(100vw - 2rem)}
}
html[data-bs-theme="dark"] #fon-header-wrapper a:not(.btn),
html[data-bs-theme="dark"] #fon-header-wrapper .site-menu .nav-link {color:var(--bs-theme-light-950)}
html[data-bs-theme="dark"] #fon-header-wrapper a:not(.btn):hover {color:var(--theme-primary)}