/**
 * Non-themed Event Detail Page – Premium/高大上 Styling
 * Applied to generic event detail pages (no branding).
 * Matchmaking-appropriate: warm tones, avoid cold black.
 */

/* Event title – warm brown, not black (matchmaking tone) */
.event-detail-premium .event-header-premium h1 {
  color: #433422 !important;
}

/* Page background – subtle elevation */
.event-detail-premium {
  background-image: radial-gradient(ellipse 90% 60% at 50% -5%, rgba(255, 255, 255, 0.65), transparent 55%),
                    radial-gradient(ellipse 70% 50% at 90% 30%, rgba(248, 250, 252, 0.6), transparent),
                    radial-gradient(ellipse 70% 50% at 10% 30%, rgba(241, 245, 249, 0.5), transparent);
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  min-height: 100%;
}

/* Premium event header card */
.event-detail-premium .event-header-premium {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08),
              0 0 0 1px rgba(255, 255, 255, 0.8) inset,
              0 4px 24px -4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: box-shadow 0.3s ease;
}

.event-detail-premium .event-header-premium:hover {
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1),
              0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}

/* Elegant accent line under title */
.event-detail-premium .event-header-accent {
  height: 3px;
  width: 60px;
  margin: 0.75rem auto 0;
  background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.5), transparent);
  border-radius: 2px;
}

/* Premium section cards */
.event-detail-premium .section-premium {
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.06),
              0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  border: 1px solid rgba(226, 232, 240, 0.9);
  transition: box-shadow 0.3s ease;
}

.event-detail-premium .section-premium:hover {
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.08),
              0 0 0 1px rgba(255, 255, 255, 0.8) inset;
}

/* Info grid items – refined */
.event-detail-premium .section-premium .flex.items-start.gap-3 {
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.9) 100%) !important;
  border: 1px solid rgba(226, 232, 240, 0.6);
  border-radius: 0.75rem;
}

/* Breadcrumb refinement */
.event-detail-premium .breadcrumb-nav {
  background: linear-gradient(to bottom, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.95));
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

/* Journey section – enhanced depth */
.event-detail-premium #section-journey {
  box-shadow: 0 20px 40px -12px rgba(147, 51, 234, 0.08),
              0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  border: 1px solid rgba(192, 132, 252, 0.25);
}

/* Participant preview section */
.event-detail-premium #section-participants {
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.06),
              0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

/* Registration section header – premium */
.event-detail-premium .registration-header {
  box-shadow: 0 4px 14px -4px rgba(59, 130, 246, 0.25);
  border: 1px solid rgba(59, 130, 246, 0.2);
}