/* ============================================================
   WEDA Events — Event post (linked WP post) styles
   Enqueued conditionally for posts generated by PostSync.
   ============================================================ */

.weda-event-card {
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: #fff;
}

.weda-field-name {
  color: #df8545;
  font-weight: 700;
}

.weda-event-meta div {
  margin: 2px 0;
}

/* ── Buttons ── */
.weda-event-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 18px 0 8px 0;
}

.weda-button {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #4C8BF5, #2A6BF3);
  box-shadow: 0 4px 12px rgba(42, 107, 243, .25);
  font-size: 14px;
  transition: opacity .15s;
}

.weda-button:hover,
.weda-button:focus {
  opacity: .9;
  color: #fff;
  text-decoration: none;
}

/* ── Section headings ── */
.weda-event-lineup h3,
.weda-event-schedule h3,
.weda-event-description h3 {
  margin-top: 22px;
  color: #df8545;
  font-weight: 700;
}

.weda-event-lineup a {
  text-decoration: none;
  color: #2A6BF3;
  font-weight: 600;
}

/* ── Map ── */
.weda-leaflet-wrap {
  margin-top: 20px;
}

.weda-leaflet-wrap iframe {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
}

/* ── Ticket section (from [weda_event_tickets] shortcode) ── */
.weda-event-tickets {
  margin: 24px 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
}

.weda-event-tickets h3 {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
  color: #df8545;
}

@media (max-width: 600px) {
  .weda-event-actions {
    gap: 8px;
  }
  .weda-button {
    padding: 8px 12px;
    font-size: 13px;
  }
}