/* Buttons — aligns with preview/comp-buttons + Drupal .button conventions */

/* Omit contextual pencil (.trigger): sizing/font/border reset fights core contextual.icons.theme.css */
.theme-appgenie button:not(.trigger),
.theme-appgenie input[type="submit"]:not(.form-submit[class*="ckeditor"]),
.theme-appgenie .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: var(--fs-14);
  line-height: 1;
  padding: 11px 18px;
  border-radius: var(--r-md);
  border: none;
  cursor: pointer;
  transition:
    transform var(--t-fast) var(--ease-out),
    box-shadow var(--t-fast) var(--ease-out),
    background var(--t-fast) var(--ease-out),
    color var(--t-fast) var(--ease-out);
}

.theme-appgenie .button--primary:not(:disabled):hover,
.theme-appgenie button.button--primary:not(:disabled):hover,
.theme-appgenie input[type="submit"].button:not(:disabled):hover {
  transform: translateY(-1px);
}

.theme-appgenie .button:disabled,
.theme-appgenie .button[disabled],
.theme-appgenie input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.theme-appgenie .button:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
}

.theme-appgenie .button--primary,
.theme-appgenie button.button--primary {
  background: var(--genie-500);
  color: #fff;
  box-shadow: 0 2px 6px rgba(12, 175, 254, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}

.theme-appgenie .button--primary:hover:not(:disabled) {
  background: var(--genie-600);
  box-shadow: 0 8px 24px -8px rgba(12, 175, 254, 0.35), 0 2px 6px rgba(14, 17, 41, 0.08);
}

.theme-appgenie .button:not(.button--primary):not(.button--danger):not(.button--secondary) {
  background: transparent;
  border: none;
}

.theme-appgenie .button--secondary,
.theme-appgenie .button[style*="outline"] /* conservative fallback */ {
  background: var(--bg-elev);
  color: var(--ink-800);
  box-shadow: inset 0 0 0 1.5px var(--ink-200);
}

.theme-appgenie .button--secondary:hover:not(:disabled),
.theme-appgenie .button--secondary:focus-visible {
  box-shadow: inset 0 0 0 1.5px var(--ink-300);
  background: var(--bg);
}

.theme-appgenie .button.button--danger,
.theme-appgenie .button.button--destructive {
  background: var(--danger);
  color: #fff;
}

.theme-appgenie .dropbutton-multiple input[type="submit"],
.theme-appgenie .dropbutton-multiple button {
  font-size: var(--fs-13);
}