/*
 * global.css — Forget Me Sweden
 * Shared styles applied site-wide across all pages.
 * Linked as the LAST stylesheet so it takes precedence over
 * any per-page inline <style> block with equal specificity.
 */

/* ── CSS variables ── */
:root {
  --orange: #F97316;
}

/* ── Global link styles ── */
a {
  font-size: 1.05em;
  color: var(--orange);
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ── Breadcrumb links ── */
.breadcrumb a {
  color: var(--orange);
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ── Footer links ── */
footer a {
  color: var(--orange);
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-research a {
  color: var(--orange);
  margin: 0 6px;
}
.footer-research a:hover {
  color: #fff;
  opacity: 1;
}

/* ── Header logo image ── */
.logo-img {
  width: 64px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

/* ── Logo gap ── */
.logo {
  gap: 0px;
  margin-left: -20px;
}

/* ── Lang toggle (all pages) ── */
.header-right {
  display: flex;
  align-items: center;
}
.lang-toggle {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
}
.lang-btn {
  padding: 4px 13px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.07em;
  border-radius: 999px;
  line-height: 1.5;
  transition: color 0.15s, background 0.15s;
}
.lang-btn.active {
  background: rgba(0,106,167,0.5);
  color: var(--text);
}
.lang-btn:hover:not(.active) { color: var(--text); }

/* ── Article eyebrow (research pages) ── */
.article-eyebrow {
  color: var(--blue-lt);
}

/* ── Related-card links (research pages) ── */
.related-card {
  text-decoration: none;
}
.related-card:hover {
  border-color: rgba(255,255,255,0.2);
  text-decoration: none;
}
.related-card .rc-title {
  color: var(--text);
}