/* Mobile navigation only; retain Bootstrap's offcanvas and dropdown behavior. */
@media (max-width:991.98px) {
    #offcanvasNavbar2 {
        --bs-offcanvas-width:min(400px, calc(100vw - 24px));
        background:#f8fbf9; color:#314b4b;
        border-inline-end:1px solid #cfe2d9;
        border-start-end-radius:24px; border-end-end-radius:24px;
        box-shadow:12px 0 45px rgba(22,75,76,.16);
    }
    #offcanvasNavbar2 .offcanvas-header {
        align-items:flex-start; gap:16px; padding:28px 22px;
        background:radial-gradient(ellipse at top left,#dff2ec,transparent 80%),#f3f9f6;
        border-bottom:1px solid #dbe8e2;
        border-start-end-radius:23px;
    }
    #offcanvasNavbar2 .offcanvas-title {
        color:#164b4c; font-size:1.3rem; font-weight:600; line-height:1.45;
    }
    #offcanvasNavbar2 .btn-close {
        flex-shrink:0; width:18px; height:18px; padding:10px; margin:0;
        border-radius:50%; background-color:#e0eee7; opacity:.8;
    }
    #offcanvasNavbar2 .offcanvas-body { padding:22px 16px; }
    #offcanvasNavbar2 .navbar-nav { gap:8px; }
    #offcanvasNavbar2 .nav-link {
        display:flex; align-items:center; flex-wrap:wrap; gap:10px;
        min-height:52px; padding:13px 16px; border:1px solid #dce9e2;
        border-radius:14px; background:#fff; color:#314b4b;
        font-size:1.05rem; line-height:1.4; text-decoration:none;
        transition:background-color .18s ease,border-color .18s ease;
    }
    #offcanvasNavbar2 .nav-link:hover,
    #offcanvasNavbar2 .nav-link[aria-expanded="true"] {
        background:#eaf6f0; border-color:#9fcab9; color:#075e62;
    }
    #offcanvasNavbar2 .nav-link:focus-visible,
    #offcanvasNavbar2 .dropdown-item:focus-visible,
    #offcanvasNavbar2 .btn-close:focus-visible {
        outline:3px solid #08796e; outline-offset:2px; box-shadow:none;
    }
    #offcanvasNavbar2 .dropdown-toggle::after { margin-inline-start:auto; }
    #offcanvasNavbar2 .dropdown-menu {
        margin:8px 0 0; padding:8px; border:1px solid #cee3d8;
        border-radius:14px; background:#edf6f1; box-shadow:none;
    }
    #offcanvasNavbar2 .dropdown-item {
        padding:12px; border-radius:9px; color:#315b50;
        white-space:normal; line-height:1.45;
    }
    #offcanvasNavbar2 .dropdown-item:hover,
    #offcanvasNavbar2 .dropdown-item:focus { background:#dceee4; color:#075e62; }
    #offcanvasNavbar2 .dropdown-divider { border-color:#c5dccf; }
    #offcanvasNavbar2 .divider { margin:14px 4px; border-color:#aacabc; opacity:.6; }
    #offcanvasNavbar2 .nav-link.link-success {
        background:linear-gradient(110deg,#075e62,#08796e); color:#fff !important; border-color:#08796e;
    }
    #offcanvasNavbar2 .nav-link.link-danger { background:#fff6f6; color:#b33644 !important; border-color:#efd3d7; }
    [data-bs-theme="dark"] #offcanvasNavbar2 { background:#203132; color:#e4efec; border-color:#435e5b; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .offcanvas-header { background:linear-gradient(115deg,#294b42,#233334); border-color:#435e5b; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .offcanvas-title { color:#e4efec; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .btn-close { background-color:#63867b; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .nav-link { background:#2a3d3e; color:#e4efec; border-color:#435e5b; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .nav-link:hover,
    [data-bs-theme="dark"] #offcanvasNavbar2 .nav-link[aria-expanded="true"] { background:#345247; color:#b5efda; border-color:#618c7d; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .dropdown-menu { background:#253f37; border-color:#435e5b; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .dropdown-item { color:#d0e7de; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .dropdown-item:hover,
    [data-bs-theme="dark"] #offcanvasNavbar2 .dropdown-item:focus { background:#34594b; color:#e4fff2; }
    [data-bs-theme="dark"] #offcanvasNavbar2 .nav-link.link-success { background:linear-gradient(110deg,#075e62,#08796e); }
    [data-bs-theme="dark"] #offcanvasNavbar2 .nav-link.link-danger { background:#432d32; border-color:#745059; color:#ffb9c1 !important; }
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    #offcanvasNavbar2 .nav-link { transition:none; }
}
/* Mobile header controls, matching the desktop header. */
@media(max-width:991.98px) {
    .mi-desktop-navigation.navbar {
        background:linear-gradient(110deg,#fff,#f3f9f6) !important;
        border-bottom:1px solid #dbe8e1 !important;
        box-shadow:0 3px 16px rgba(22,75,76,.05);
    }
    .mi-desktop-navigation > .container {
        display:flex; flex-wrap:nowrap; gap:12px; min-height:52px;
    }
    .mi-desktop-navigation .navbar-toggler {
        display:flex; align-items:center; justify-content:center; flex:0 0 44px;
        width:44px; height:44px; padding:10px; border:1px solid #c9e0d4;
        border-radius:14px; background:#eaf5ef; color:#164b4c;
    }
    .mi-desktop-navigation .navbar-toggler:focus-visible {
        outline:3px solid #08796e; outline-offset:3px; box-shadow:none;
    }
    .mi-desktop-navigation .navbar-brand { min-width:0; flex:1; justify-content:center; }
    .mi-desktop-navigation .navbar-brand-logo { max-width:100%; height:auto; max-height:30px; }
    .mi-desktop-navigation > .container > .d-flex { flex-shrink:0; gap:10px; }
    .mi-desktop-navigation > .container > .d-flex > .btn-outline-success {
        display:inline-flex; align-items:center; justify-content:center;
        width:44px; height:44px; padding:10px; border-radius:50%; border-color:#08796e;
        background:linear-gradient(110deg,#075e62,#08796e); color:#fff;
        box-shadow:0 3px 10px rgba(7,94,98,.14);
    }
    .mi-desktop-navigation .labelDarkModeSwitch {
        display:flex !important; align-items:center; justify-content:center;
        width:44px; height:44px; margin-inline-start:0 !important;
        border:1px solid #c9e0d4; border-radius:50%; background:#eaf5ef;
    }
    .mi-desktop-navigation .labelDarkModeSwitch .mode-icon-bg { width:28px !important; stroke:#164b4c; }
    [data-bs-theme="dark"] .mi-desktop-navigation.navbar {
        background:linear-gradient(110deg,#233334,#29413b) !important; border-color:#435e5b !important;
    }
    [data-bs-theme="dark"] .mi-desktop-navigation .navbar-toggler,
    [data-bs-theme="dark"] .mi-desktop-navigation .labelDarkModeSwitch {
        background:#30483f; border-color:#577a6c; color:#e4efec;
    }
    [data-bs-theme="dark"] .mi-desktop-navigation .labelDarkModeSwitch .mode-icon-bg { stroke:#d7e9e2; }
}
@media(max-width:359.98px) {
    .mi-desktop-navigation > .container { gap:8px; }
    .mi-desktop-navigation > .container > .d-flex { gap:6px; }
    .mi-desktop-navigation .navbar-brand-logo { max-height:23px; }
}