/* thf-dv-buttons.css
   Button styles for THF data graphics system.
   Download Chart button uses Bootstrap btn classes for base styling.
   This file covers layout, positioning, and state overrides only.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Footer button row ────────────────────────────────────────────────────── */

.dv-graphic-btn-row {
  display:         flex;
  align-items:     center;
  justify-content: center;
  margin-top:      12px;
  margin-bottom:   0;
  border-bottom:   var(--dv-graphic-rule);
  padding-bottom:  24px;
}

.dv-graphic-btn-group {
  display:     flex;
  align-items: center;
  gap:         6px;
}

/* Icon buttons */
.dv-icon-btn,
a.dv-icon-btn,
a.dv-icon-btn:visited {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  width:           30px;
  height:          30px;
  border:          1px solid var(--color-border);
  border-radius:   4px;
  background:      var(--color-bg-page);
  color:           var(--color-ink-3);
  cursor:          pointer;
  text-decoration: none;
  transition:      color 0.15s, border-color 0.15s, background 0.15s;
  flex-shrink:     0;
  line-height:     1;
}

.dv-icon-btn:hover {
  color:        var(--color-ink-1);
  border-color: var(--color-ink-3);
  background:   var(--color-bg-surface);
}

.dv-icon-btn svg {
  display: block;
}

/* ── Download button loading state ───────────────────────────────────────── */

.dv-graphic-btn-download.is-loading {
  opacity:        0.7;
  cursor:         wait;
  pointer-events: none;
}