/*
 * Buttons (owner, 2026-10-17: "modernize them without losing the 23-year-old feel"; picked "Glossy 2007"
 * from three candidates). Loaded after every theme (header.inc.php), so it works with all of them: the
 * colours are a light shine and a dark-wash border, not theme colours. Only plain buttons: anything with
 * a class keeps its own look (reactions, card tables, the GIF / image pickers).
 */

/* A soft top-to-bottom shine, rounded corners, a pressed look when clicked. */
input[type="submit"]:not([class]), input[type="button"]:not([class]),
input[type="reset"]:not([class]), button:not([class]) {
  font: inherit; font-size: 100%; color: #1a1a1a; cursor: pointer;
  padding: 2px 10px; margin: 1px 1px;
  border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%, #f1f3f6 45%, #dde2e9 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.12);
}
input[type="submit"]:not([class]):hover, input[type="button"]:not([class]):hover,
input[type="reset"]:not([class]):hover, button:not([class]):hover {
  border-color: rgba(0, 0, 0, 0.55); background: linear-gradient(to bottom, #ffffff 0%, #f7f9fc 45%, #e8ecf2 100%);
}
input[type="submit"]:not([class]):active, input[type="button"]:not([class]):active,
input[type="reset"]:not([class]):active, button:not([class]):active {
  background: linear-gradient(to bottom, #d6dbe3 0%, #e9ecf1 100%); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
input:not([class]):disabled, button:not([class]):disabled { opacity: 0.55; cursor: default; }

/* Drop-down lists to match, and a visible keyboard focus. */
select {
  font: inherit; font-size: 100%; padding: 1px 4px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 4px; background-color: #ffffff; color: #1a1a1a;
}
:is(input, button, select):focus-visible { outline: 2px solid #3b6fd4; outline-offset: 1px; }