/* Design-system corner radius.

   The button radius itself is NOT declared here any more (2026-08-27). It
   lives in the Global Kit's Button > Border Radius control, which emits
   `.elementor-kit-6 button, .elementor-kit-6 input[type="submit"],
   .elementor-kit-6 .elementor-button { border-radius: 8px }`. That is the
   editable, native home for it, and Rule 1 asks for exactly that.

   Do not re-add `.elementor-button { border-radius: ... }` to any child
   stylesheet. Every one of them is enqueued *after* `post-6.css` (measured:
   design-system.css is sheet 54, post-6.css is 40), so such a rule ties the
   kit at (0,0,2,0) and wins on load order. The canvas would then show one
   value while the Style panel showed another, and editing the control would
   do nothing — the precise failure Rule 1 exists to prevent.

   The variable stays: rail-cards.css uses it for card corners. */
:root { --benely-radius: 8px; }

/* --- Non-Elementor buttons the kit cannot reach -------------------------
   The kit's selector is `.elementor-kit-6 input[type="submit"]` — (0,1,1,1).
   Gravity Forms' own rules key off the form id, so they outrank it and the
   kit never lands. These two are the only survivors after the button-specific
   legacy rules were corrected at source (style.css, owl/custom.css).

   Both exist because the legacy rule sets a radius on `form#gform_N input`,
   i.e. on every field AND the submit button with one declaration. As of
   2026-09-15 the fields share the button's radius, so those shared rules were
   retargeted to `var(--benely-radius)` at source (style.css lines 35/60/177,
   owl/custom.css lines 63/92/109) and these two are now no-ops — kept as a
   guard in case a legacy rule is ever reverted. These buttons have no
   Elementor panel at all, so there is no control for them to lie about.

   `!important` is required only where the legacy rule carries it too. */
form#gform_1 input[type="submit"] { border-radius: var(--benely-radius) !important; }
form#gform_3 input[type="submit"] { border-radius: var(--benely-radius); }

/* FORM SUBMITS -- the light-ground button, design-system.md 3.4.
 * The four site forms (1 /get-started/, 3 /referral/, 4 /contact-us/,
 * 6 /learn-more/) are rendered by Gravity Forms, so no Elementor control reaches
 * them. style.css paints them brand blue with a parent-theme white label: 3.46,
 * colour law 2. An ink label on that blue passed (4.93) but read wrong.
 *
 * Now the same button every light section uses: an amber field with an ink label
 * (11.32), going to ink with a white label on hover (17.04). Kit variables, so
 * they follow Site Settings. (Navy/white until 2026-10-05.)
 *
 * Two ids plus an attribute, because style.css's rules are two ids deep and carry
 * !important. Form 9 is deliberately absent: it lives only on the /get-started/
 * landing pages, which design-system.md 6.6 puts out of scope. */
form#gform_1 input#gform_submit_button_1[type="submit"],
form#gform_3 input#gform_submit_button_3[type="submit"],
form#gform_4 input#gform_submit_button_4[type="submit"],
form#gform_6 input#gform_submit_button_6[type="submit"] {
  background: var(--e-global-color-amber) !important;
  border-color: var(--e-global-color-amber) !important;
  color: var(--e-global-color-ink) !important;
}
form#gform_1 input#gform_submit_button_1[type="submit"]:hover,
form#gform_3 input#gform_submit_button_3[type="submit"]:hover,
form#gform_4 input#gform_submit_button_4[type="submit"]:hover,
form#gform_6 input#gform_submit_button_6[type="submit"]:hover,
form#gform_1 input#gform_submit_button_1[type="submit"]:focus-visible,
form#gform_3 input#gform_submit_button_3[type="submit"]:focus-visible,
form#gform_4 input#gform_submit_button_4[type="submit"]:focus-visible,
form#gform_6 input#gform_submit_button_6[type="submit"]:focus-visible {
  background: var(--e-global-color-accent) !important;
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-surface) !important;
}
