/* ==========================================================================
   Arthian — manual overrides
   --------------------------------------------------------------------------
   Plain CSS, loaded after dist/css/style.css via custom-functions/enqueue.php.
   Deliberately kept OUTSIDE dist/ so `npm run dev` cannot overwrite it.

   When the build pipeline is available again, migrate these rules into
   assets/scss/base/_typography.scss and delete this file + its enqueue.
   ========================================================================== */

:root {
  --arthian-orange: #f36f38;
  --arthian-orange-light: #ff8a5c;
}

/* --------------------------------------------------------------------------
   Editor (WYSIWYG) link colour
   --------------------------------------------------------------------------
   The theme sets no `color` on `a` anywhere, so editor links fall back to the
   browser default (blue / purple when visited). This supplies it.

   `:not([class])` is the discriminator: links typed into a WYSIWYG field never
   carry a class, while .btn, .full-link, .get-in-touch-wrap and the card
   wrappers always do. Covers p, li, headings and table cells alike.
   -------------------------------------------------------------------------- */

main a:not([class]) {
  color: var(--arthian-orange);
  text-decoration: none;
}

main a:not([class]):hover,
main a:not([class]):focus-visible {
  text-decoration: underline;
}

/* Lighter tint on dark backgrounds (bg-blue #2566c1, bg-black #0e1433) */
main .text-white a:not([class]) {
  color: var(--arthian-orange-light);
}

/* --------------------------------------------------------------------------
   Blocks with no <main> wrapper
   --------------------------------------------------------------------------
   index.php and 404.php do not wrap content in <main>, so the rules above
   miss them. Scope to the block wrapper instead.
   -------------------------------------------------------------------------- */

body.blog .block a:not([class]),
body.error404 .block a:not([class]) {
  color: var(--arthian-orange);
  text-decoration: none;
}