/* Multi-level (nested) navbar dropdown support.
   Bootstrap 5's default .dropdown-menu only supports one level out of the box;
   this adds support for 2-3+ nested levels, added by the CRM's Menu Bar page. */

.navbar .dropdown-submenu {
    position: relative;
}

.navbar .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* Desktop: reveal nested submenu on hover */
@media (min-width: 992px) {
    .navbar .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Mobile / collapsed navbar: submenus stack instead of flying out sideways,
   and are toggled by click via the small script in scripts.php */
@media (max-width: 991.98px) {
    .navbar .dropdown-submenu > .dropdown-menu {
        position: static;
        left: 0;
        margin-left: 1rem;
        border: none;
        box-shadow: none;
    }
}

.navbar .dropdown-submenu > .dropdown-toggle::after {
    float: right;
    margin-top: 8px;
}

/* Logo + site name in navbar */
.navbar-brand img.site-logo {
    max-height: 55px;
    width: auto;
}

/* ---------------------------------------------------------------
   Full-site theme colors, controlled from the CRM (Site Settings →
   Appearance). Variables are defined in partials/head.php.
   --------------------------------------------------------------- */
body {
    background-color: var(--body-bg-color, #ffffff);
}

.crm-navbar {
    background-color: var(--header-bg-color, #ffffff) !important;
}
.crm-navbar .nav-item.nav-link,
.crm-navbar .dropdown-item,
.crm-navbar .dropdown-toggle,
.crm-navbar .navbar-brand h2 {
    color: var(--header-text-color, #000000) !important;
}
.crm-navbar .navbar-toggler-icon {
    filter: var(--header-toggler-filter, none);
}

.footer-crm-bg {
    background-color: var(--footer-bg-color, #212529) !important;
}
.footer-crm-bg,
.footer-crm-bg a,
.footer-crm-bg h5,
.footer-crm-bg p,
.footer-crm-bg i {
    color: var(--footer-text-color, #ffffff);
}
.footer-crm-bg .btn-outline-secondary {
    color: var(--footer-text-color, #ffffff);
    border-color: var(--footer-text-color, #ffffff);
}

.footer-crm-bottom {
    background-color: var(--footer-bottom-bg-color, #000000) !important;
}
.footer-crm-bottom,
.footer-crm-bottom a {
    color: var(--footer-text-color, #ffffff);
}