/* Elementor scoping.
   Loaded last, and only when Elementor is active. Two jobs: let Elementor inherit the
   theme's type and colour instead of its own defaults, and keep its containers from
   adding width constraints inside the theme's full-width page template.

   The matching switches live in Elementor → Settings → General: "Disable Default
   Colors" and "Disable Default Fonts". inc/elementor.php sets both on activation. This
   file is the belt to that pair of braces. */

.elementor-widget-text-editor,
.elementor-widget-heading,
.elementor-widget-button {
  font-family: var(--tm-font-sans);
  color: var(--tm-text);
}

.elementor-widget-heading .elementor-heading-title { font-weight: 700; }

/* Elementor's button widget, brought onto the brand. */
.elementor-button {
  background-color: var(--tm-action);
  color: var(--tm-on-action);
  border-radius: var(--tm-radius-square);
  font-family: var(--tm-font-sans);
  font-weight: 700;
}
.elementor-button:hover,
.elementor-button:focus { color: var(--tm-on-action); opacity: 0.9; }
.elementor-button:focus-visible { outline: 2px solid var(--tm-focus-ring); outline-offset: 2px; }

/* Inside the theme's full-width template, Elementor owns the width. */
.tm-main--full .elementor-section.elementor-section-boxed > .elementor-container,
.tm-main--full .e-con { max-width: none; }

/* Elementor's editor injects a wrapper on the front end too; it must not create a
   second scrollbar or a stacking context that traps the sticky header. */
.elementor-widget-container { overflow: visible; }