/* Flake Loader — kabdalis2 design system.
   Horizontal row: cycling flake + status text. Cycle keyframes reused from
   theme style.css but with shortened duration (4s) for a "loading" rhythm.
   Ported from sb-flake.jsx FlakeLoader + shared/blocks.css .b-flakeload*. */

.kabdalis-flake-loader{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 4px;
}

.kabdalis-flake-loader__flake{
    flex: none;
    width: 34px;
    height: 34px;
    color: var(--falu);
}
.kabdalis-flake-loader__flake .kbf,
.kabdalis-flake-loader__flake svg{
    width: 100%;
    height: 100%;
    display: block;
}

.kabdalis-flake-loader__text{
    color: var(--ink-soft);
    font-size: .92rem;
    line-height: 1.4;
}

/* ── Fast cycle (4s, infinite) — shorter than season-cta's 12s so the
   rhythm reads as "in progress" rather than "season meditation". ────── */
@media (prefers-reduced-motion: no-preference){
    .kabdalis-flake-loader .kbf-core{
        animation: kbfCycleCore 4s ease-in-out infinite;
    }
    .kabdalis-flake-loader .kbf-arm{
        animation: kbfCycleArm 4s ease-in-out infinite;
        animation-delay: calc(var(--i) * .04s);
    }
    .kabdalis-flake-loader .kbf-li{
        animation: kbfCycleLeaf 4s ease-in-out infinite;
        animation-delay: calc(.08s + var(--i) * .02s);
    }
    .kabdalis-flake-loader .kbf-lo{
        animation: kbfCycleLeaf 4s ease-in-out infinite;
        animation-delay: calc(.12s + var(--i) * .02s);
    }
}