/* blueHealthcare international-page translations — language switch button,
   translation notice, and RTL mirroring for the Arabic page.
   New file, additive only: does not modify healthcare-style.css so the
   English pages (and every other page that does not load this file) are
   byte-for-byte unaffected. Loaded by germany.html, germany-de.html,
   saudi-arabia.html, saudi-arabia-ar.html only. */

.hc-lang-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--hc-sans); font-size: 14px; font-weight: 600;
  padding: 7px 14px 7px 10px; border-radius: 999px; border: 1px solid var(--hc-edge);
  background: var(--hc-bg-soft); color: var(--hc-ink); text-decoration: none;
  line-height: 1.2;
}
.hc-lang-btn:hover { border-color: var(--hc-primary); color: var(--hc-primary); }
.hc-lang-btn:focus-visible { outline: 2px solid var(--hc-primary); outline-offset: 2px; }
.hc-lang-btn .hc-lang-flag { font-size: 16px; line-height: 1; }

/* Translation notice — sits above the eyebrow on translated pages. */
.hc-i18n-notice {
  border: 1px solid var(--hc-edge); border-radius: 12px; padding: 14px 18px;
  background: var(--hc-bg-soft); font-size: 13.5px; line-height: 1.65; color: var(--hc-dim);
  margin: 24px 0 0;
}
.hc-i18n-notice a { color: var(--hc-primary); }

/* --- RTL mirroring (Arabic page only: <html dir="rtl">) ---
   Flex rows (.hc-nav, .hc-navlinks, .hc-brandrow, .hc-toc, .hc-row,
   .hc-footer-links, .hc-lang-btn) mirror automatically because flexbox
   `row` direction already follows the document `dir`. The rules below cover
   the properties that do NOT auto-mirror: physical left/right padding,
   text-align, the fixed-offscreen skip link, and the language-button flag
   margin (row-reverse changes which side the gap padding needs to sit on). */
[dir="rtl"] .hc-skip { left: auto; right: -9999px; }
[dir="rtl"] .hc-card ul,
[dir="rtl"] .hc-card ol,
[dir="rtl"] details.hc-details ul,
[dir="rtl"] details.hc-details ol {
  padding-left: 0; padding-right: 20px;
}
[dir="rtl"] .hc-status-table th,
[dir="rtl"] .hc-status-table td { text-align: right; }
[dir="rtl"] .hc-lang-btn { padding: 7px 10px 7px 14px; }