/* R3 shell additions. */
header { gap: 12px; }

   The approved R7 visual language lives in r7-design.css (the authority <style>
   block, extracted verbatim). This file only adds the multi-page chrome that the
   single-page prototype did not need: navigation, locale switcher, footer links,
   button-shaped links and the pending-translation notice. No R7 token is redefined. */

.brand-link { color: inherit; text-decoration: none; }

.r7-nav { display: flex; gap: 3px; flex-wrap: nowrap; }
.r7-nav a {
  color: var(--ink); text-decoration: none; padding: 7px 8px; border-radius: 10px;
  font-size: 14px; white-space: nowrap;
}
.r7-nav a:hover, .r7-nav a[aria-current="page"] { background: #eff6ff; color: #1d4ed8; }

.r7-locale { display: flex; gap: 4px; }
.r7-locale a {
  font-size: 13px; text-decoration: none; color: var(--muted); padding: 5px 7px;
  border-radius: 8px; border: 1px solid var(--line); white-space: nowrap;
}
.r7-locale a[aria-current="true"] { background: var(--blue); color: #fff; border-color: var(--blue); }

.button-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; border: 1px solid var(--line); background: white; border-radius: 12px;
  padding: 10px 18px; color: var(--ink); text-decoration: none; font: inherit; cursor: pointer;
}
.button-link.primary { background: var(--blue); color: white; border-color: var(--blue); }
.button-link:hover { border-color: var(--blue); }

.footer-link {
  display: block; width: 100%; text-align: left; min-height: 44px; padding: 10px 14px;
  border: 1px solid var(--line); border-radius: 12px; background: white; color: var(--ink);
  text-decoration: none; font: inherit;
}
.footer-link:hover { background: #eff6ff; color: #1d4ed8; }

.skip { position: absolute; left: -9999px; top: 0; z-index: 60; background: #fff; padding: 8px 14px; border-radius: 10px; }
.skip:focus { left: 16px; top: 16px; }

.r7-locale-notice {
  margin: 0 0 20px; padding: 10px 14px; border: 1px solid #fde68a; background: #fffbeb;
  color: #92400e; border-radius: 12px; font-size: 14px;
}
.r7-locale-notice strong { font-weight: 700; }

#siteDrawer a {
  display: block; padding: 10px 6px; color: var(--ink); text-decoration: none;
  border-radius: 8px;
}
#siteDrawer a:hover { background: #eff6ff; color: #1d4ed8; }

.faq-support { display: inline-block; margin-top: 8px; }

@media (max-width: 1279px) { .r7-nav a { font-size: 13px; padding: 7px 6px; } }
@media (max-width: 1120px) { .r7-nav { display: none; } }
@media (max-width: 1023px) { .button-link.cta { display: none; } }
@media (max-width: 760px) { .r7-locale a { font-size: 12px; padding: 5px 6px; } }