/*
 * KDS shell compatibility
 * -----------------------------------------------------------------------------
 * `main.css` scopes a large block of KDS rules to `body.caku-shell`. The Evohus
 * shell no longer emits that class on either layout, so those rules stopped
 * matching and the behaviour they encoded regressed silently.
 *
 * This file restores only the rules whose absence is *visibly broken*, rescoped
 * to the classes the current shell actually emits. It is a bridge, not a home:
 * `main.css` is generated from SCSS and must not be hand-edited, so the real fix
 * is to rescope (or retire) the `body.caku-shell` block at the SCSS source and
 * delete this file.
 *
 * ── Fomantic icon adapter ──
 * `site.js` (initializeFomanticIconAdapter) injects an <iconify-icon> inside each
 * Fomantic `<i class="icon">` and relies on CSS to suppress the original icon-font
 * glyph. Without that suppression every adapted icon renders twice — the font
 * glyph via ::before plus the injected element. Most visible on DataTables'
 * page-length dropdown caret, but it affects every Fomantic icon on the page.
 */

i.icon.k-iconify-adapted {
    font-family: inherit !important;
    color: currentColor !important;
    opacity: 1 !important;
    text-indent: 0 !important;
}

/* The whole point: hide the icon-font glyph once an iconify node is inside. */
i.icon.k-iconify-adapted:before {
    content: none !important;
}

i.icon.k-iconify-adapted > iconify-icon.k-iconify-adapted-icon {
    color: currentColor !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
}

i.icon.k-iconify-adapted > iconify-icon.k-iconify-adapted-icon.is-loading {
    animation: k-iconify-spin 0.9s linear infinite;
}

iconify-icon.loading.icon,
iconify-icon.k-iconify-spin {
    animation: k-iconify-spin 0.9s linear infinite;
}

/* main.css defines this keyframe unscoped, but redeclaring keeps this file
   self-contained if the KDS block is deleted before the shell block is. */
@keyframes k-iconify-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}