/* ============================================================
   MAGSTONE PACK — public site shell add-ons (mag-pub-*)  ·  WO 100.4
   Accessibility topbar + legal bar for magstonepack.com.
   Loads AFTER mag-ui.css. All classes prefixed mag-pub-* — never
   touches header/footer/.card/.btn/a of the live pages.
   Injected elements are appended around existing markup, not replacing it.
   ============================================================ */

/* ---- accessibility topbar (thin strip above the site header) ---- */
.mag-pub-topbar{
  background:var(--mag-navy); color:#fff; direction:rtl;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:7px clamp(14px,4vw,44px); font-family:inherit; font-size:13px;
}
body.mag-dark .mag-pub-topbar{ background:#050e1c; border-bottom:1px solid var(--mag-line); }
.mag-pub-topbar .mag-pub-msg{ margin-inline-end:auto; color:#c7d5ea; font-weight:600; }
.mag-pub-tools{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.mag-pub-tools button{
  font:inherit; font-weight:700; font-size:12.5px; cursor:pointer;
  color:#fff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.28);
  border-radius:8px; padding:6px 10px; line-height:1; min-height:32px;
}
.mag-pub-tools button:hover{ background:var(--mag-orange); border-color:var(--mag-orange); color:#20130a; }
.mag-pub-tools button:focus-visible{ outline:3px solid #fff; outline-offset:2px; }
.mag-pub-tools button[aria-pressed="true"]{ background:var(--mag-orange); border-color:var(--mag-orange); color:#20130a; }
@media(max-width:640px){ .mag-pub-topbar .mag-pub-msg{ display:none; } }

/* ---- legal bar (appended at page bottom, below the existing footer) ---- */
.mag-pub-legal{
  background:var(--mag-navy); color:#c7d5ea; direction:rtl;
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px clamp(14px,4vw,44px);
  display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap;
  font-family:inherit; font-size:13.5px;
}
body.mag-dark .mag-pub-legal{ background:#050e1c; }
.mag-pub-legal a{ color:#dfe8f5; text-decoration:none; font-weight:600; }
.mag-pub-legal a:hover{ color:var(--mag-orange); text-decoration:underline; }
.mag-pub-legal a:focus-visible{ outline:3px solid #fff; outline-offset:2px; border-radius:4px; }
.mag-pub-legal .sep{ opacity:.4; }
.mag-pub-legal .mag-pub-copy{ margin-inline-start:auto; color:#9fb2cc; }
body.mag-links .mag-pub-legal a{ text-decoration:underline; }
@media(max-width:640px){ .mag-pub-legal .mag-pub-copy{ margin-inline-start:0; width:100%; } }