/* ── Niasa credit ─────────────────────────────────────────────────────── */
.niasa-credit{
  --nc-text:#6f6f6f; --nc-text-hover:#252525; --nc-rule:#cfcfcf;
  --nc-wm-ink:#000;  --nc-wm-alpha:.04;      --nc-focus:#1452ec;
  position:relative;overflow:hidden;display:flex;justify-content:center;
  margin-top:52px;padding:30px 0 70px}
.niasa-credit::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:repeating-linear-gradient(90deg,var(--nc-rule) 0 7px,transparent 7px 14px)}
/* opacity on the whole svg composites it as one layer, so the strokes' overlaps
   never print darker, and one ink + alpha sits right on any background */
.niasa-credit__wm{position:absolute;left:50%;top:8px;width:230px;height:auto;
  transform:translateX(-50%);color:var(--nc-wm-ink);opacity:var(--nc-wm-alpha);pointer-events:none}
.niasa-credit__link{position:relative;display:inline-flex;align-items:center;gap:12px;
  font-size:13px;font-weight:500;color:var(--nc-text);text-decoration:none;transition:color .18s}
.niasa-credit__logo{display:block;width:107px;height:auto;transition:transform .2s}
.niasa-credit__logo--dark{display:none}
.niasa-credit__link:hover{color:var(--nc-text-hover)}
.niasa-credit__link:hover .niasa-credit__logo{transform:translateY(-2px)}
.niasa-credit__link:focus-visible{outline:2px solid var(--nc-focus);outline-offset:6px;border-radius:6px}

@media (max-width:680px){
  .niasa-credit{margin-top:34px;padding:22px 0 46px}
  .niasa-credit__wm{width:170px;top:6px}
  .niasa-credit__link{gap:9px;font-size:11.8px}
  .niasa-credit__logo{width:90px}
}

/* dark: the site's own dark switch, or a dark footer on a light site */
:is(.dark,[data-theme="dark"]) .niasa-credit,
.niasa-credit--dark{
  --nc-text:#a3a3a3; --nc-text-hover:#fff; --nc-rule:#3d3d3d;
  --nc-wm-ink:#fff;  --nc-wm-alpha:.05}
:is(.dark,[data-theme="dark"]) .niasa-credit__logo,
.niasa-credit--dark .niasa-credit__logo{display:none}
:is(.dark,[data-theme="dark"]) .niasa-credit__logo--dark,
.niasa-credit--dark .niasa-credit__logo--dark{display:block}

/* dark by the OS setting, only where the strip opts in with --auto */
@media (prefers-color-scheme:dark){
  :root:not(.light):not([data-theme="light"]) .niasa-credit--auto{
    --nc-text:#a3a3a3; --nc-text-hover:#fff; --nc-rule:#3d3d3d;
    --nc-wm-ink:#fff;  --nc-wm-alpha:.05}
  :root:not(.light):not([data-theme="light"]) .niasa-credit--auto .niasa-credit__logo{display:none}
  :root:not(.light):not([data-theme="light"]) .niasa-credit--auto .niasa-credit__logo--dark{display:block}
}

/* ── Fitting it into RosalynTheme's footer ────────────────────────────── */
/* this theme is light only (cream footer, no dark switch), so only the light logo ships;
   the focus ring uses the theme's berry accent. The theme pads body.chrome-full for its
   bottom nav already, so nothing else is needed for the mobile bar. */
.site-footer .niasa-credit{--nc-focus:#c44a65}