/* Home page styles that used to come from the removed jQuery plugins. */

html {
    scroll-behavior: smooth;
}

/* Anchored sections must not end up under the fixed header. */
section[id] {
    scroll-margin-top: 80px;
}

/* Hero text rotator (js/home.js): one slide at a time. Without JavaScript
   the first slide stays visible. */
#flexHome .slides > li {
    display: none;
}
#flexHome .slides > li.flex-active-slide,
#flexHome:not(.is-ready) .slides > li:first-child {
    display: block;
    animation: h2i-fade 0.6s ease;
}
@keyframes h2i-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Small phones: the theme shrinks the hero subtitle to 12px. */
@media (max-width: 767px) {
    #flexHome h2 {
        font-size: 16px;
        line-height: 1.4;
    }
}

/* Documentation tables scroll inside their box instead of widening the
   whole page (which made mobile browsers zoom the page out). */
#apiSlice .table-responsive {
    border: 0;
    margin-bottom: 20px;
}
#apiSlice pre {
    white-space: pre-wrap;
    word-break: break-all;
}

.status-label {
    font-size: 14px;
    padding: 8px 16px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    #flexHome .slides > li.flex-active-slide {
        animation: none;
    }
}