/* ==========================================================================
   MWI — article (single post) layer
   --------------------------------------------------------------------------
   Posts do not run through Elementor: they render on Blocksy's own single
   template, so their colours come from the Blocksy palette rather than from
   any Elementor setting. The palette was mapped to the brand tokens on
   2026-08-16, which fixed headings, body text, page ground and the comment
   button in one move.

   Two things the palette CANNOT fix, and that is all this file is for:

   1. LINKS. Blocksy paints in-content links with palette colour 1. That is now
      antique gold #B9924E, which measures 2.56:1 against the ivory ground —
      well under AA — and Blocksy ships them with no underline, so an in-content
      link was invisible twice over. The design system asks for "gold link
      underlines", not gold link text, so the fix is also the on-brand reading:
      espresso text (15:1) carrying a gold underline.

   2. The comment submit button keeps a square corner because it is an
      <input type="submit">, which does not inherit --theme-button-border-radius.
      The design's two-radius rule wants every interactive control at full pill.

   Deliberately NOT here: a gold rule under each h2. The design system rations
   the gold divider so it reads as a signature; ten of them on one article would
   be wallpaper.
   ========================================================================== */

.single-post .entry-content a:not([class*="button"]):not(.wp-block-button__link) {
	color: var(--theme-palette-color-4, #241A12);
	text-decoration: underline;
	text-decoration-color: var(--theme-palette-color-1, #B9924E);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	/* --mwi-ease-couture, restated so this file stands alone */
	transition: color 0.58s cubic-bezier(0.19, 1, 0.22, 1),
	            text-decoration-color 0.58s cubic-bezier(0.19, 1, 0.22, 1);
}

.single-post .entry-content a:not([class*="button"]):not(.wp-block-button__link):hover,
.single-post .entry-content a:not([class*="button"]):not(.wp-block-button__link):focus-visible {
	color: var(--theme-palette-color-1, #B9924E);
	text-decoration-color: var(--theme-palette-color-4, #241A12);
}

/* Pill, per the two-radius rule. */
.single-post #commentform input[type="submit"],
.single-post .comment-form input[type="submit"],
.single-post .comment-form button[type="submit"] {
	border-radius: 999px;
}
