/* ══════════════════════════════════════════════════════
   EVENTS SLIDER
   ══════════════════════════════════════════════════════ */

.ev-slider {
    position: relative;
    overflow: hidden;
    background: #0a1628;
    margin: 0;
}

.ev-slider-inner {
    position: relative;
    height: 320px;
}

/* Slides */
.ev-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.7s ease;
    pointer-events: none;
}

.ev-slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

.ev-slide-bg {
    position: absolute;
    inset: 0;
    background-color: #0a1628;
    background-size: cover;
    background-position: center;
    transition: transform 8s ease;
}

.ev-slide.is-active .ev-slide-bg {
    transform: scale(1.04);
}

.ev-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(10, 22, 40, 0.88) 0%,
        rgba(10, 22, 40, 0.55) 60%,
        rgba(10, 22, 40, 0.2) 100%
    );
}

/* Content */
.ev-slide-content {
    position: relative;
    z-index: 2;
    padding: 3rem 0;
    max-width: 640px;
}

body.lang-en .ev-slide-content {
    max-width: 600px;
}

.ev-label {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--gold, #c8a94a);
    color: #0a1628;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 2px;
    margin-bottom: 0.85rem;
}

.ev-title {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    margin: 0 0 0.65rem;
}

.ev-subtitle {
    font-size: 1rem;
    color: rgba(255,255,255,.78);
    line-height: 1.55;
    margin: 0 0 1.25rem;
    max-width: 520px;
}

.ev-cta {
    display: inline-block;
    padding: 0.65rem 1.6rem;
    background: var(--gold, #c8a94a);
    color: #0a1628;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 3px;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
}

.ev-cta:hover {
    background: #dbb95c;
    transform: translateY(-1px);
    text-decoration: none;
}

/* Arrows */
.ev-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.4);
    background: rgba(10,22,40,.55);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
}

.ev-arrow:hover {
    background: rgba(200,169,74,.85);
    border-color: var(--gold, #c8a94a);
}

.ev-prev { inset-inline-start: 1.25rem; }
.ev-next { inset-inline-end: 1.25rem; }

/* Dots */
.ev-dots {
    position: absolute;
    bottom: 1rem;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
}

body.lang-ar .ev-dots {
    transform: translateX(50%);
}

.ev-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.5);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, transform 0.2s;
}

.ev-dot.is-active {
    background: var(--gold, #c8a94a);
    border-color: var(--gold, #c8a94a);
    transform: scale(1.3);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .ev-slider-inner { height: 260px; }
    .ev-title { font-size: 1.35rem; }
    .ev-subtitle { display: none; }
    .ev-slide-content { padding: 2rem 0; }
}

@media (max-width: 480px) {
    .ev-slider-inner { height: 220px; }
    .ev-title { font-size: 1.1rem; }
    .ev-label { font-size: 0.6rem; }
    .ev-cta { padding: 0.5rem 1.1rem; font-size: 0.8rem; }
    .ev-arrow { width: 30px; height: 30px; }
}

/* ══════════════════════════════════════════════════════
   PHASE 31 — CONFERENCE LANDING UPGRADE
   ══════════════════════════════════════════════════════ */

/* Taller, more cinematic */
.ev-slider-inner { height: 380px; }

/* Stronger directional overlay — text always readable */
.ev-slide-overlay {
    background: linear-gradient(
        105deg,
        rgba(5, 14, 28, 0.93) 0%,
        rgba(5, 14, 28, 0.62) 52%,
        rgba(5, 14, 28, 0.22) 100%
    );
}

/* Content: more breathing room */
.ev-slide-content { padding: 3.5rem 0; }

/* Title: headline-weight */
.ev-title {
    font-size: 2.1rem !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    line-height: 1.14 !important;
    text-shadow: 0 2px 24px rgba(0,0,0,.45);
}

/* Subtitle: visible */
.ev-subtitle {
    font-size: 1rem;
    color: rgba(255,255,255,.82);
    line-height: 1.65;
    max-width: 500px;
}

/* Label: gold badge with glow */
.ev-label {
    font-size: 0.65rem !important;
    letter-spacing: .12em !important;
    padding: 0.28rem 0.85rem !important;
    box-shadow: 0 2px 10px rgba(201,162,74,.38);
    margin-bottom: 0.85rem !important;
}

/* CTA: glowing gold button */
.ev-cta {
    padding: 0.75rem 2rem !important;
    font-size: 0.88rem !important;
    letter-spacing: .04em !important;
    box-shadow: 0 4px 18px rgba(201,162,74,.4);
    transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease !important;
}
.ev-cta:hover {
    background: #e0c263 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 30px rgba(201,162,74,.68), 0 0 0 4px rgba(201,162,74,.14) !important;
    text-decoration: none;
}

/* Arrows: stronger visibility */
.ev-arrow {
    border-color: rgba(255,255,255,.35);
    background: rgba(5,14,28,.6);
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.ev-arrow:hover {
    background: rgba(201,162,74,.9);
    border-color: var(--gold, #c8a94a);
    box-shadow: 0 2px 12px rgba(201,162,74,.45);
}

/* Phase 31 responsive — use !important to override responsive.css load order */
@media (max-width: 768px) {
    .ev-slider-inner { height: 300px !important; }
    .ev-title        { font-size: 1.55rem !important; }
    .ev-slide-content { padding: 2.25rem 0 !important; }
    .ev-subtitle     { display: block !important; font-size: 0.88rem !important; }
}
@media (max-width: 480px) {
    .ev-slider-inner { height: 250px !important; }
    .ev-title        { font-size: 1.2rem !important; }
    .ev-cta          { padding: 0.6rem 1.4rem !important; }
    .ev-subtitle     { display: none !important; }
}

/* ══════════════════════════════════════════════════════
   PHASE 34 — STATIC FALLBACK EVENT CARD
   Shown when homepage_event_promos table is empty.
   Uses same slider classes, deep navy + gold identity.
   ══════════════════════════════════════════════════════ */

/* Static card: richer gradient background */
.ev-slider--static .ev-slide-bg {
    background: linear-gradient(
        130deg,
        #010c18 0%,
        #03111F 40%,
        #071a2d 70%,
        #0a2440 100%
    );
}

/* Stronger overlay for static (no photo beneath) */
.ev-slider--static .ev-slide-overlay {
    background: linear-gradient(
        105deg,
        rgba(1, 12, 24, 0.75) 0%,
        rgba(1, 12, 24, 0.35) 65%,
        rgba(1, 12, 24, 0.08) 100%
    );
}

/* Decorative gold line at top */
.ev-slider--static {
    border-top: 3px solid rgba(201,162,74,.45);
}

/* CTA button: outlined variant for newsletter style */
.ev-slider--static .ev-cta {
    background: transparent !important;
    border: 1.5px solid rgba(201,162,74,.75);
    color: var(--gold, #c9a24a) !important;
    box-shadow: none !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
.ev-slider--static .ev-cta:hover {
    background: var(--gold, #c9a24a) !important;
    color: #03111F !important;
    border-color: var(--gold, #c9a24a);
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 18px rgba(201,162,74,.35) !important;
}

/* Subtle animated gold shimmer accent (decorative) */
.ev-slider--static .ev-slider-inner::before {
    content: '';
    position: absolute;
    inset-inline-end: 8%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent 10%, rgba(201,162,74,.18) 45%, transparent 90%);
    pointer-events: none;
    z-index: 1;
}
.ev-slider--static .ev-slider-inner::after {
    content: '';
    position: absolute;
    inset-inline-end: 14%;
    top: 15%;
    bottom: 15%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(201,162,74,.1), transparent);
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 768px) {
    .ev-slider--static .ev-cta { display: inline-block !important; }
}