/**
 * Event Article Component Styles
 */

.event-article {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--container-padding);
}

/* Event Header */
.event-header {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border);
}

.event-header .entry-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  color: var(--color-text);
}

/* Event Meta */
.event-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: var(--spacing-md);
}

.event-meta span {
  display: inline-block;
}

.event-date {
  font-weight: var(--font-weight-medium);
}

.event-categories {
  color: var(--color-primary);
}

/* Entry Content */
.entry-content {
  margin-bottom: var(--spacing-xl);
}

.entry-content p {
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.entry-content h2 {
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-size: var(--font-size-2xl);
}

.entry-content h3 {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-md);
  font-size: var(--font-size-xl);
}

.entry-content ul,
.entry-content ol {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-xl);
}

.entry-content li {
  margin-bottom: var(--spacing-xs);
}

/* Entry Footer */
.entry-footer {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

/* Event Navigation */
.event-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.nav-previous,
.nav-next {
  flex: 1;
}

.nav-previous {
  text-align: left;
}

.nav-next {
  text-align: right;
}

.nav-previous a,
.nav-next a {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  color: var(--color-text);
  text-decoration: none;
  transition: all var(--transition-base);
}

.nav-previous a:hover,
.nav-next a:hover,
.nav-previous a:focus,
.nav-next a:focus {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-bg);
  text-decoration: none;
}

/* Responsive */
@media (max-width: 767px) {
  .event-article {
    padding: var(--spacing-xl) var(--container-padding);
  }

  .event-header .entry-title {
    font-size: var(--font-size-3xl);
  }

  .event-navigation {
    flex-direction: column;
  }

  .nav-previous,
  .nav-next {
    width: 100%;
    text-align: center;
  }
}