/*
MORGACHEV SITE UI RULE — approved 2026-09-22
All real action buttons use one system:
white background + gold border/highlight + dark text.
No black/dark filled CTA buttons.
*/
:root{
  --morg-button-bg:#fff;
  --morg-button-border:#b58a49;
  --morg-button-text:#171f24;
  --morg-button-glow:rgba(181,138,73,.18);
}

/* Button elements and anchor-style buttons */
button,
input[type="button"],
input[type="submit"],
a.page-btn,
a[class*="-btn"]{
  background:var(--morg-button-bg)!important;
  color:var(--morg-button-text)!important;
  border:1px solid var(--morg-button-border)!important;
  box-shadow:0 0 0 1px var(--morg-button-glow),0 6px 18px rgba(20,28,32,.035)!important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.page-btn:hover,
a[class*="-btn"]:hover,
button.module-btn.active{
  background:var(--morg-button-bg)!important;
  color:var(--morg-button-text)!important;
  border-color:var(--morg-button-border)!important;
  box-shadow:0 0 0 2px rgba(181,138,73,.16),0 10px 24px rgba(20,28,32,.055)!important;
}

/* Keep one shape for CTA buttons, without touching card-links. */
button,
input[type="button"],
input[type="submit"],
a.page-btn,
a[class*="-btn"]{
  border-radius:999px!important;
}

/* Active module remains identifiable only by a stronger gold ring, not a dark fill. */
button.module-btn.active{
  box-shadow:0 0 0 2px rgba(181,138,73,.28),0 10px 24px rgba(20,28,32,.055)!important;
}
button.module-btn.active span{color:#8d662f!important;}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
.page-btn[aria-disabled="true"]{
  opacity:.55;
  box-shadow:none!important;
}