/* Code Evolve overrides. Quark loads theme://css/custom.css, which resolves here first. */

/* Footer logo: shown at its natural 800px it made the footer taller than a laptop
   screen, so even short pages scrolled. */
#footer img {
    max-height: 60px;
    width: auto;
}

/* Dropdowns opened by a click or tap (see js/menu.js), not only by hover. */
.dropmenu ul li.ce-open > ul {
    display: block;
    visibility: visible;
}
.dropmenu.animated ul li.ce-open > ul {
    transform: translateY(0);
    opacity: 1;
}

/* Quark's sticky footer sizes the page with 100vh. On iPhone/iPad that is the height
   with the browser toolbars HIDDEN, so while they show, the footer sits below the screen.
   svh is the height with them showing. Browsers without svh keep Quark's 100vh. */
@supports (min-height: 100svh) {
    body.sticky-footer {
        min-height: 100svh;
    }
}

/* Preferred: the measured visible height, set by js/viewport-height.js (see the note there). */
body.sticky-footer.ce-viewport-height {
    min-height: var(--ce-viewport-height);
}

/* iOS elastic overscroll: pulling past the end of the page slid the whole view,
   fixed header and sidebar included, up over empty space. Stop the bounce.
   (Also disables pull-to-refresh on these pages.) Added 2026-09-25. */
html, body {
    overscroll-behavior-y: none;
}