/* Smart Gets Paid: brand overrides.
   HAND-AUTHORED. Unlike sgp-theme.css, this file is NOT generated and IS
   safe to edit.

   It loads AFTER sgp-theme.css on every page, ported and generated alike, so
   it is the one place a deliberate departure from the WordPress design can
   live without touching the generated stylesheet the mirror is measured
   against.

   Keep this file small. Anything here is a decision somebody made on purpose,
   so each block says who asked and when. */


/* ── Buttons: orange, and wider ───────────────────────────────────────────
   Cindy, 2026-09-02, relaying Leah: "the buttons should be orange and I think
   the buttons could be wider (Academy page and maybe other pages)."

   This is a DESIGN CHANGE, not a migration repair. The buttons carried
   has-teal-background-color in WordPress and carry it here too; the markup is
   byte-identical. Orange (#FC943E) is her brand's primary accent per
   data/RAW/BRAND-DESIGN-RULES.html.

   Black on #FC943E is about 10.6:1, comfortably past WCAG AA. The reverse,
   orange text on white, is 2.2:1 and fails, which is why this sets orange as a
   BACKGROUND only and never as text.

   Width comes from horizontal padding rather than a fixed min-width, so a long
   label like "APPLY NOW" and a short one both keep the same shape and the
   buttons stay fluid on mobile. Her theme's base is .5rem 2.375rem. */

.btn,
.wp-block-button__link,
.wp-element-button,
.wp-block-file .wp-block-file__button,
input[type="submit"]:not(.gform_next_button):not(.gform_previous_button),
input[type="button"]:not(.gform_next_button):not(.gform_previous_button) {
  background-color: #fc943e;
  color: #000;
  padding: 0.75rem 3.25rem;
}

.btn:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="submit"]:not(.gform_next_button):not(.gform_previous_button):hover,
input[type="button"]:not(.gform_next_button):not(.gform_previous_button):hover {
  background-color: #e87f28;
  color: #000;
}

/* Her theme sets its own hover colours on the alternate/coloured variants.
   Those modifiers are deliberate choices per block, so they keep winning. */
.btn.is-alternate,
.wp-block-button__link.is-alternate,
input[type="submit"].is-alternate,
input[type="button"].is-alternate {
  background-color: #000;
  color: #fff;
}

/* Narrow phones: the wider padding would push long labels to two lines. */
@media (max-width: 479px) {
  .btn,
  .wp-block-button__link,
  .wp-element-button,
  input[type="submit"]:not(.gform_next_button):not(.gform_previous_button),
  input[type="button"]:not(.gform_next_button):not(.gform_previous_button) {
    padding: 0.75rem 2rem;
  }
}