/* WE SEKARIANS — EVENTS PAGE */

.events-page { overflow-x: hidden; }

.events-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--brand-primary);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 440px;
    padding: 90px 0;
    overflow: hidden;
    background: linear-gradient(110deg, rgba(48, 12, 30, .97), rgba(105, 24, 51, .88)), url("https://picsum.photos/seed/sgsits-events-banner/1800/850") center/cover no-repeat;
    color: #fff;
}

.events-hero__content { max-width: 780px; }
.events-hero .events-eyebrow { color: #f5c76b; }
.events-hero h1 { max-width: 720px; margin-bottom: 22px; font-size: clamp(2.4rem, 5vw, 4.2rem); font-weight: 800; line-height: 1.12; }
.events-hero h1 span { color: #f5c76b; }
.events-hero p { max-width: 690px; margin-bottom: 30px; color: rgba(255,255,255,.85); font-size: 1.08rem; line-height: 1.8; }
.events-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.events-intro { padding: 85px 0; }
.events-intro__image-wrap { position: relative; }
.events-intro__image { display: block; width: 100%; aspect-ratio: 5/4; object-fit: cover; border-radius: 16px; box-shadow: 0 16px 40px rgba(0,0,0,.13); }
.events-intro__image-caption { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 13px 16px; border-radius: 8px; background: rgba(48,12,30,.9); color: #fff; font-size: .9rem; font-weight: 600; }
.events-intro__image-caption i { margin-right: 8px; color: #f5c76b; }
.events-intro h2 { margin-bottom: 20px; color: var(--text-primary); font-size: clamp(1.9rem, 3vw, 2.7rem); font-weight: 800; line-height: 1.2; }
.events-intro h2 span { color: var(--brand-primary); }
.events-intro p { color: var(--text-secondary); line-height: 1.85; }

.events-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 10px; color: var(--brand-primary); font-weight: 700; text-decoration: none; }
.events-text-link:hover { gap: 14px; }

.events-categories { padding: 85px 0; background: var(--surface-muted); }
.events-section-heading { max-width: 720px; margin: 0 auto 48px; }
.events-section-heading h2 { margin-bottom: 12px; color: var(--text-primary); font-size: clamp(1.9rem, 3vw, 2.6rem); font-weight: 800; }
.events-section-heading p { margin: 0; color: var(--text-secondary); line-height: 1.7; }

.event-category-card { height: 100%; overflow: hidden; border: 1px solid var(--border-color); border-radius: 13px; background: var(--surface-light); box-shadow: 0 5px 18px rgba(0,0,0,.045); transition: transform .25s ease, box-shadow .25s ease; }
.event-category-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(0,0,0,.1); }
.event-category-card > img { display: block; width: 100%; height: 205px; object-fit: cover; }
.event-category-card__body { position: relative; padding: 30px 24px 25px; }
.event-category-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: -55px; margin-bottom: 17px; position: relative; border: 3px solid var(--surface-light); border-radius: 12px; background: var(--brand-primary); color: #fff; font-size: 1.3rem; }
.event-category-card h3 { margin-bottom: 12px; color: var(--text-primary); font-size: 1.16rem; font-weight: 750; }
.event-category-card p { margin: 0; color: var(--text-secondary); font-size: .94rem; line-height: 1.75; }

.events-upcoming { padding: 85px 0; }
.events-empty-state { max-width: 850px; margin: auto; padding: 55px 35px; border: 1px solid var(--border-color); border-radius: 16px; background: var(--surface-light); text-align: center; }
.events-empty-state__icon { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; margin-bottom: 22px; border-radius: 50%; background: rgba(128,32,61,.1); color: var(--brand-primary); font-size: 2rem; }
.events-empty-state h3 { margin-bottom: 14px; color: var(--text-primary); font-size: 1.55rem; font-weight: 800; }
.events-empty-state p { max-width: 650px; margin: 0 auto 25px; color: var(--text-secondary); line-height: 1.8; }

.events-participate { padding: 35px 0 85px; }
.events-participate__panel { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 50px; border-radius: 16px; background: linear-gradient(115deg, var(--brand-primary-dark), var(--brand-primary-deep)); color: #fff; }
.events-eyebrow--light { color: #f5c76b; }
.events-participate__panel h2 { margin-bottom: 13px; color: #fff; font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; }
.events-participate__panel p { max-width: 680px; margin: 0; color: rgba(255,255,255,.85); line-height: 1.8; }
.events-participate__actions { display: flex; flex-shrink: 0; flex-direction: column; gap: 12px; }

@media (max-width: 767.98px) {
    .events-hero { min-height: 400px; padding: 70px 0; }
    .events-hero__actions { align-items: stretch; flex-direction: column; }
    .events-intro, .events-categories, .events-upcoming { padding: 65px 0; }
    .events-section-heading { margin-bottom: 32px; }
    .events-participate { padding: 20px 0 65px; }
    .events-participate__panel { align-items: stretch; flex-direction: column; padding: 32px 25px; }
    .events-participate__actions { align-items: stretch; }
}

@media (max-width: 575.98px) {
    .events-empty-state { padding: 38px 20px; }
    .events-hero h1 { font-size: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .event-category-card, .events-text-link { transition: none; }
    .event-category-card:hover { transform: none; }
}