/* Rabbit Blog Extension CSS */

/* Base transitions to avoid pop-in jarring */
#inject-homepage-hero,
#inject-blog-footer,
#inject-desktop-menu {
    animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Category Tabs Scroll Hide */
.blog-category-tabs::-webkit-scrollbar {
    display: none;
}
.blog-category-tabs {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Footer mobile padding allowance */
@media (max-width: 1024px) {
    footer {
        padding-bottom: 6rem !important; /* To clear the bottom navbar */
    }
}