/* Events
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.events-section { padding: var(--section-padding-y) 0; }
.events-intro { /* max-width: 760px; */ margin-bottom: 3rem; }
.events-intro .section-title { margin-bottom: 1rem; }
.events-intro > p { margin-bottom: 0; color: var(--color-text-muted); }

@media (max-width: 991.98px) {
   .events-section { padding: var(--section-padding-y-md) 0; }
   .events-intro { margin-bottom: 2.5rem; }
}

@media (max-width: 575.98px) {
   .events-section { padding: var(--section-padding-y-sm) 0; }
   .events-intro { margin-bottom: 2rem; }
}


/* Event Card
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.event-card { padding: 0; overflow: hidden; }

.event-card-image {
   position: relative;
   display: block;
   aspect-ratio: 16 / 9;
   overflow: hidden;
   background-color: var(--color-background-soft);
}

.event-card-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform var(--transition-slow);
}

.event-card:hover .event-card-image img { transform: scale(1.04); }

.event-card-date {
   position: absolute;
   left: 1rem;
   bottom: 1rem;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.55rem 0.8rem;
   border-radius: var(--border-radius-md);
   font-size: 0.8rem;
   font-weight: var(--font-weight-bold);
   color: var(--mybone-primary-deep);
   background-color: var(--mybone-accent);
   box-shadow: var(--shadow-sm);
}

.event-card-content {
   display: flex;
   flex-direction: column;
   flex: 1;
   padding: 1.5rem;
}

.event-card-location {
   display: flex;
   align-items: flex-start;
   gap: 0.5rem;
   margin-bottom: 0.75rem;
   font-size: 0.85rem;
   font-weight: var(--font-weight-semibold);
   color: var(--mybone-primary);
}

.event-card-location i { margin-top: 0.2rem; color: var(--mybone-accent-dark); }
.event-card h3 { margin-bottom: 0.65rem; }
.event-card h3 a { color: var(--mybone-primary-deep); }
.event-card h3 a:hover { color: var(--mybone-primary); }

.event-card p {
   margin-bottom: 1.25rem;
   font-size: 0.95rem;
   color: var(--color-text-muted);
}

@media (max-width: 575.98px) {
   .event-card-content { padding: 1.25rem; }
   .event-card-date { left: 0.75rem; bottom: 0.75rem; }
}


/* Empty State
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.events-empty {
   display: flex;
   align-items: center;
   gap: 1rem;
   max-width: 720px;
}

.events-empty h3 { margin-bottom: 0.25rem; }
.events-empty p { margin-bottom: 0; color: var(--color-text-muted); }

@media (max-width: 575.98px) {
   .events-empty { align-items: flex-start; }
}


/* Event Detail
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.event-detail-section { padding: var(--section-padding-y) 0; }
.event-detail-heading { /* max-width: 900px; */ margin-bottom: 2rem; }

.event-detail-heading h1 {
   margin-bottom: 0;
   font-size: clamp(2rem, 4vw, 3.25rem);
   font-weight: var(--font-weight-extrabold);
   letter-spacing: -0.035em;
}

.event-detail-banner {
   margin-bottom: 3rem;
   overflow: hidden;
   border-radius: var(--border-radius-xl);
   background-color: var(--color-background-soft);
   box-shadow: var(--shadow-md);
}

.event-detail-banner img {
   display: block;
   width: 100%;
   max-height: 620px;
   object-fit: cover;
}

@media (max-width: 991.98px) {
   .event-detail-section { padding: var(--section-padding-y-md) 0; }
   .event-detail-banner { margin-bottom: 2.5rem; }
}

@media (max-width: 575.98px) {
   .event-detail-section { padding: var(--section-padding-y-sm) 0; }
   .event-detail-heading { margin-bottom: 1.5rem; }
   .event-detail-banner { margin-bottom: 2rem; border-radius: var(--border-radius-lg); }
}


/* Event Rich Text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.event-richtext {
   font-size: 1.05rem;
   line-height: 1.8;
   color: var(--color-text);
}

.event-richtext > *:first-child { margin-top: 0; }
.event-richtext > *:last-child { margin-bottom: 0; }

.event-richtext h2,
.event-richtext h3,
.event-richtext h4 {
   margin-top: 2rem;
   margin-bottom: 1rem;
}

.event-richtext p { margin-bottom: 1.25rem; }

.event-richtext ul,
.event-richtext ol {
   margin-bottom: 1.25rem;
   padding-left: 1.4rem;
}

.event-richtext li { margin-bottom: 0.4rem; }

.event-richtext a {
   font-weight: var(--font-weight-semibold);
   text-decoration: underline;
   text-underline-offset: 3px;
}

.event-richtext img {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 1.5rem 0;
   border-radius: var(--border-radius-lg);
}


/* Event Sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.event-detail-sidebar {
   position: sticky;
   top: calc(var(--header-height-scrolled) + 2rem);
}

.event-info-panel {
   border-left-color: var(--mybone-accent);
}

.event-info-panel > .ui-label {
   display: block;
   margin-bottom: 1.25rem;
   color: var(--mybone-primary);
}

.event-info-item {
   display: flex;
   align-items: flex-start;
   gap: 0.85rem;
}

.event-info-item + .event-info-item {
   margin-top: 1.25rem;
   padding-top: 1.25rem;
   border-top: var(--border-width) solid var(--color-border);
}

.event-info-item small {
   display: block;
   margin-bottom: 0.15rem;
   font-size: 0.75rem;
   font-weight: var(--font-weight-semibold);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--color-text-muted);
}

.event-info-item strong {
   display: block;
   line-height: 1.45;
   color: var(--color-text-dark);
}

.event-actions {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   margin-top: 1.25rem;
}

.event-actions .btn { width: 100%; }

.event-back-link {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   margin-top: 1.5rem;
   font-weight: var(--font-weight-semibold);
}

.event-back-link i { transition: transform var(--transition-normal); }
.event-back-link:hover i { transform: translateX(-4px); }

@media (max-width: 991.98px) {
   .event-detail-sidebar {
      position: static;
      top: auto;
   }
}