/* ScorpionFooterV1 — legal / credit bar.
   Framework-first: layout via utilities, color via [data-colors] palette,
   type via font roles (.fnt_t-nt). Only the small credit-label tracking and
   the logo glyph size need local rules; both scoped under the module class.
   px -> rem = / 18. */

.scp-ftr.v1 {
    /* The credit bar paints from its own palette ([data-colors]); do NOT use
       the shared .dk-bg grey override here. */
    background: var(--background);

    /* Scorpion glyph: 35px tall in the artifact -> 35 / 18 = 1.944rem. */
    .icn {
        width: auto;
        height: 1.944rem;
    }

    /* Artifact paints the copyright line AND the legal nav links in lime
       (var(--lt-accent)), not the default cream note color. The font role (.fnt_t-nt)
       drives the family/size via --title-color, which would otherwise force
       cream, so set the lime color explicitly here. Use the palette-stable
       --lime token (always var(--lt-accent)) rather than --accent: --accent resolves to
       ORANGE on alternate-light / .ulk-bg surfaces, but this credit bar must
       stay lime regardless of the palette passed in via data-colors. */
    small.fnt_t-nt,
    small.fnt_t-nt p {
        color: var(--accent);
    }

    nav a.clr-swp {
        color: var(--accent);
        transition: var(--hvr-trns);

        /* The static lime above (unlayered) overrides the framework's layered
           clr-swp hover swap, so restore a visible hover locally: lime -> the
           footer's light text color. Guarded like the rest of the framework. */
        @media (hover: hover) and (pointer: fine) {
            &:is(:hover, :focus-visible) {
                color: var(--text-color);
            }
        }
    }

    /* "Crafted By" credit label: small, wide-tracked, uppercase.
       10px -> 0.556rem; 4px tracking on a 10px label -> 4 / 10 = 0.4em. Type
       role still drives the family/weight via .fnt_t-nt (mobile rides that
       1rem ramp size; the tighter 10px size is a desktop-only refinement). */
    .crtd-by {
        display: block;
        text-transform: uppercase;
        /* Lime tint to match artifact (was inheriting muted --text). Use the
           palette-stable --lime token so it never flips to orange via --accent. */
        color: var(--accent);
    }

    @media (min-width: 1280px) {
        .crtd-by {
            font-size: 0.556rem; /* 10px */
        }
    }
}

/* When the credit bar sits as a sibling under FooterV1 (the usual stacked
   footer), match FooterV1's faint accent-tinted background so the two read as
   one continuous surface. Standalone (no FooterV1 sibling) it keeps the plain
   --background above. `!important` is required because the shared
   panels/scorpion-footers.css forces `.scp-ftr { background: var(--background)
   !important }`; this selector (0,4,0) wins the important cascade over that
   (0,1,0) rule. */
.ftr.v1 ~ .scp-ftr.v1 {
    background: color-mix(in srgb, var(--accent) 4%, var(--background) 100%) !important;
    padding-top: 0;
}