/*
Theme Name: Inventiff Blog Theme
Theme URI: https://inventiff.io/
Author: Custom WordPress rebuild
Description: WordPress rebuild of the Inventiff blog archive and post templates, with bundled design-system styles and local interaction scripts.
Version: 2.6.2
Text Domain: inventiff-blog-theme
Requires at least: 6.4
Requires PHP: 8.0
*/

/*
 * The complete visual system lives in assets/css/*.css and is shipped with the
 * theme. This stylesheet contains only WordPress-specific state/fallback rules.
 */

html { scroll-behavior: smooth; }
body { margin: 0; }

/* Blog category filters. The actual filtering query runs in WordPress/PHP. */
.bl-topics .blog-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.bl-topics .blog-filter.is-active,
.bl-topics .blog-filter[aria-current="page"] {
    background: var(--navy, #04113a);
    border-color: var(--navy, #04113a);
    color: #fff;
}
.bl-grid.is-loading {
    opacity: .45;
    pointer-events: none;
    transition: opacity 160ms ease;
}

/* Mobile navigation uses the exact state classes animated by shell.css. */
body.inventiff-nav-open { overflow: hidden; }

/* Animate the hamburger into a close mark without replacing the source control. */
.menu-toggle .menu-line {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform var(--dur, .25s) var(--ease, ease), opacity var(--dur-fast, .15s) ease;
}
.menu-toggle[aria-expanded="true"] .menu-line-1 { transform: translateY(10px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-line-2 { opacity: 0; transform: scaleX(.4); }
.menu-toggle[aria-expanded="true"] .menu-line-3 { transform: translateY(-10px) rotate(-45deg); }

@media (prefers-reduced-motion: reduce) {
    .menu-toggle .menu-line { transition: none; }
}