/* Digital Olymp — base.css
   Single source of truth for default link color sitewide.
   Loaded first on every page; component rules (nav, footer, buttons, .cite-link,
   .wedge-phone) override locally. This rule only catches otherwise-unstyled links
   so none ever fall back to the browser-default blue. */
:root { --color-link: #7B5E3A; }   /* canonical DO link color (bronze, AA-safe on light) */
a { color: var(--color-link); }

/* <strong> inside a styled body link must keep the link colour. Without this,
   page rule `.article-inner strong { color: charcoal }` (0,1,1) wins over the
   link colour and bold cite/inline links render as plain dark text. The `a.`
   prefix lifts this to (0,1,2) so it beats that rule regardless of load order. */
a.cite-link strong, a.inline-link strong { color: inherit; }

/* ===== Mobile nav: tap-to-call + Kontakt always visible in the bar =====
   Desktop uses the in-menu .nav-cta; these elements show only ≤768px.
   Loaded before page inline <style>, so overrides of existing rules use
   higher specificity (double class) to win. */
.nav-call, .nav-cta-mobile { display: none; }
.nav-logo .nav-logo-mark { display: none; }   /* 0,2,0 beats inline .nav-logo img (0,1,1) */
@media (max-width: 768px) {
  .nav-call, .nav-cta-mobile { display: inline-flex; align-items: center; }
  .nav-call {
    margin-left: auto;                       /* push call+kontakt+burger to the right */
    color: var(--color-charcoal); padding: 0.4rem; text-decoration: none;
  }
  .nav-cta-mobile {
    margin-left: 0.5rem; margin-right: 0.6rem;
    background: var(--color-charcoal); color: var(--color-paper);
    padding: 0.45rem 0.9rem; border-radius: 4px;
    font-size: 0.8rem; font-weight: 600; text-decoration: none; white-space: nowrap;
  }
  .nav-cta-mobile:hover, .nav-cta-mobile:focus { background: var(--color-bronze-dark); }
}
@media (max-width: 600px) {                  /* narrow phones: keep real wordmark, just shrink to fit */
  .nav-logo .nav-logo-full { display: block; height: clamp(15px, 4.3vw, 22px); }
}
@media (max-width: 360px) {                  /* smallest phones: shrink wordmark a touch more so it never overflows */
  .nav-logo .nav-logo-full { height: clamp(12px, 3.6vw, 14px); }
  .nav-cta-mobile { padding: 0.4rem 0.7rem; font-size: 0.75rem; margin-right: 0.4rem; }
}