/* Dravik — Buttons
   Part of the Dravik design system. Loaded by functions.php (see enqueue order).
*/

/* ==========================================================================
   BUTTONS — primary (accent), hover lifts + brightens
   ========================================================================== */

.wp-block-button__link,
.ast-button, button, [type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce input.button {
  border-radius: var(--dravik-radius);
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: transform var(--dravik-duration-fast) var(--dravik-ease),
              box-shadow var(--dravik-duration) var(--dravik-ease),
              background-color var(--dravik-duration-fast) var(--dravik-ease),
              color var(--dravik-duration-fast) var(--dravik-ease);
}

.wp-block-button__link:hover,
.ast-button:hover, button:hover, [type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
  transform: translateY(-1px);
  box-shadow: var(--dravik-shadow);
}

.wp-block-button__link:focus-visible,
button:focus-visible, a:focus-visible, [type="submit"]:focus-visible {
  outline: none;
  box-shadow: var(--dravik-glow-accent);
}

/* Secondary/outline button utility */
.dravik-button-outline .wp-block-button__link,
.dravik-button-outline {
  background: transparent;
  border: 1px solid var(--dravik-border);
  color: var(--dravik-heading);
}
.dravik-button-outline .wp-block-button__link:hover,
.dravik-button-outline:hover {
  border-color: var(--dravik-accent);
  color: var(--dravik-accent);
  background: transparent;
}