/**
 * Global stacking order — keep interactive layers predictable.
 *
 * content < vote widgets < sticky < navbar < dropdown < modal < tooltip
 */

:root {
    --z-content: 1;
    --z-vote: 10;
    --z-sticky: 1020;
    --z-navbar: 1030;
    --z-dropdown: 1050;
    --z-modal: 1100;
    --z-tooltip: 1200;
}

.site-navbar-wrap {
    position: relative;
    z-index: var(--z-navbar);
    isolation: isolate;
}

.site-navbar-wrap .navbar {
    overflow: visible;
}

.site-navbar-wrap .navbar-collapse {
    overflow: visible;
}

.site-vote-banner {
    position: relative;
    z-index: var(--z-vote);
}

.vote-widget-link {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.vote-widget-link:hover {
    opacity: 0.92;
    transform: translateY(-2px);
}

.vote-widget-link img {
    width: 140px;
    height: 120px;
}

.site-main {
    position: relative;
    z-index: var(--z-content);
}

.site-footer {
    position: relative;
    z-index: var(--z-content);
}

/* Bootstrap overrides — dropdown above vote widgets */
.site-navbar-wrap .dropdown-menu {
    z-index: var(--z-dropdown);
}

.site-navbar-wrap .features-mega-wrap {
    position: static;
}

/* In-page feature sidebar uses low z-index in features.css — stays below navbar/dropdown */