/**
 * Shared Site Footer styles (pages/shared/site-footer.js).
 *
 * Global Footer sprint: moved verbatim from
 * pages/home-page/home-page.css's previous "--- Footer ---" block --
 * same selectors, same rules, no visual change. Now applies globally
 * since the footer itself is shared (see site-footer.js's docstring),
 * not just on Home.
 */

.sr-home-footer { padding: var(--space-l) var(--space-xl); border-top: 1px solid var(--color-border); color: var(--color-muted); font-family: var(--font-family-body); font-size: 13px; text-align: center; }
.sr-home-footer nav { margin-bottom: var(--space-s); }
.sr-home-footer a { color: var(--color-muted); }

/* Account Icon + Sign Out UX Hotfix: a real <button>, styled to read as
   just another footer link (same color/size/no border or background as
   the surrounding <a> links) rather than a large CTA -- see
   site-footer.js's buildSignOutControl for why it must stay a <button>. */
.sr-home-footer__signout {
  font: inherit;
  color: var(--color-muted);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}
.sr-home-footer__signout:hover,
.sr-home-footer__signout:focus-visible { color: var(--color-primary); text-decoration: underline; }
.sr-home-footer__signout:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.sr-home-footer__signout:disabled { cursor: default; opacity: 0.7; }
.sr-home-footer__signout-status { color: var(--color-danger); margin-top: var(--space-s); }
.sr-home-footer__signout-status[hidden] { display: none; }

/* Legal / Privacy / Cookies + Purchase Consent sprint: a visually
   secondary legal strip -- smaller and more muted than the primary nav
   above it, matching how premium documentation products separate
   primary footer nav from a legal line. Stays on the same centered,
   wrapping layout as the rest of the footer so it never breaks the
   "keep mobile footer clean" instruction on narrow viewports. */
.sr-home-footer__legal {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
  font-size: 12px;
}

/* The Cookie settings control reads as just another item in this same
   legal strip -- a real <button>, same treatment as .sr-home-footer__signout
   above, never a large CTA. */
.sr-home-footer__cookie-settings {
  font: inherit;
  color: var(--color-muted);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}
.sr-home-footer__cookie-settings:hover,
.sr-home-footer__cookie-settings:focus-visible { color: var(--color-primary); text-decoration: underline; }
.sr-home-footer__cookie-settings:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }