/* ==========================================================================
   Dashboard Styles
   Extracted from pages/dashboard.php
   ========================================================================== */

/* ── Homepage buttons (htjz_homepage_buttons shortcode) ──────────────────── */

#htjz-homepage-buttons {
  display: flex;
  gap: var(--htjz-space-lg);
  justify-content: center;
  background-color: var(--htjz-blue);
  padding: var(--htjz-space-lg);
  border-radius: var(--htjz-radius-md);
  margin-top: var(--htjz-space-xl);
}

@media (max-width: 768px) {
  #htjz-homepage-buttons {
    flex-direction: column;
    gap: var(--htjz-space-sm);
    margin-top: var(--htjz-space-lg);
  }
}

/* ── Future events (htjz_future_events shortcode) ────────────────────────── */

.htjz-future-event {
  display: flex;
  margin-bottom: var(--htjz-space-lg);
  font-size: var(--htjz-text-sm);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  align-items: center;
}

.title-column {
  width: 60%;
  margin: 0;
}

.date-column {
  width: 20%;
  margin: 0 var(--htjz-space-sm);
  text-align: center;
}

.event-button {
  display: inline-block;
  padding: var(--htjz-space-xs) var(--htjz-space-md);
  color: var(--htjz-green);
  font-size: var(--htjz-text-xs);
  border: 1px solid var(--htjz-green);
  border-radius: var(--htjz-radius-full);
  width: 20%;
  height: max-content;
  text-align: center;
}

.event-button:hover {
  background-color: var(--htjz-green);
  color: white;
}

/* ── MIFGE dashboard (htjz_mifge_dashboard shortcode) ────────────────────── */

.htjz-mifge {
  display: flex;
  margin-bottom: var(--htjz-space-md);
  align-items: center;
  justify-content: space-between;
  color: var(--htjz-navy);
  gap: var(--htjz-space-lg);
}