/* ==========================================================================
   Lion Hotel — Upcoming Events page. Event cards on the shared event design,
   with a date ribbon, a price line and a status tag. Scoped to .ev-page.is-events.
   ========================================================================== */

.ev-page.is-events{
    --navy:#1b2440;
    --navy-deep:#121a30;
    --berry:#b9232b;
    --cream:#fbf7ef;
    --gold-light:#e6cf97;
    --heading:var(--navy);
    --bg-alt:var(--cream);
    --line:#e8dfcc;
}

.ev-page.is-events .ev-hero{
    position:relative; z-index:2; min-height:56vh;
    border-bottom:1px solid rgba(204,174,115,.65);
    box-shadow:0 14px 34px -14px rgba(18,26,48,.55), 0 30px 60px -30px rgba(18,26,48,.35);
}
.ev-page.is-events .ev-hero + *{ position:relative; z-index:1; }
.ev-page.is-events .ev-hero:after{
    background:linear-gradient(180deg, rgba(18,26,48,.35) 0%, rgba(18,26,48,.55) 55%, rgba(18,26,48,.88) 100%);
}
.ev-page.is-events .ev-hero .ev-wrap{ text-align:center; padding-top:150px; padding-bottom:60px; }
.ev-page.is-events .ev-hero h1{ max-width:none; text-shadow:0 2px 24px rgba(0,0,0,.45); }
.ev-page.is-events .ev-hero .ev-hero-sub{ margin-left:auto; margin-right:auto; }
.ev-page.is-events .ev-hero .ev-eyebrow{ color:var(--gold-light); }
.ev-page.is-events .ev-hero .xm-script{ color:var(--gold-light); font-size:44px; margin:14px 0 0; }

/* Section headings: gold rule with a star. */
.ev-page.is-events .ev-section-head.is-centre h2:after{
    content:""; display:block; width:160px; height:12px; margin:14px auto 0;
    background:
        url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.6 9.4L24 12l-9.4 2.6L12 24l-2.6-9.4L0 12l9.4-2.6z' fill='%23ccae73'/%3E%3C/svg%3E") center/12px 12px no-repeat,
        linear-gradient(90deg, transparent, var(--gold) 30%, transparent 46%, transparent 54%, var(--gold) 70%, transparent) center/100% 1px no-repeat;
}

/* Event cards */
.ev-page.is-events .ev-card{
    border-color:var(--line); overflow:hidden; position:relative;
    box-shadow:0 26px 50px -36px rgba(27,36,64,.5);
    transition:transform .25s ease, box-shadow .25s ease;
}
.ev-page.is-events .ev-card:hover{ transform:translateY(-4px); box-shadow:0 34px 60px -34px rgba(27,36,64,.6); }
.ev-page.is-events .ev-card img{ height:210px; }
.ev-page.is-events .ev-card-body{ padding:24px 24px 26px; }
.ev-page.is-events .ev-card-body h4{ font-size:22px; margin-bottom:.35em; }
.ev-page.is-events .ev-card-body p{ font-size:15px; margin-bottom:16px; }
.ev-date{
    position:absolute; top:16px; left:16px; z-index:2;
    background:rgba(27,36,64,.92); color:var(--gold-light);
    font-family:'Open Sans', Arial, sans-serif; font-size:12px; font-weight:600;
    letter-spacing:.12em; text-transform:uppercase;
    padding:7px 12px; border:1px solid rgba(230,207,151,.5);
}
.ev-date.is-soon{ background:rgba(185,35,43,.94); color:#fff; border-color:rgba(255,255,255,.35); }
.ev-card-price{
    font-family:'Playfair Display', Georgia, serif; font-size:19px; font-weight:700; color:var(--berry);
    margin:0 0 14px;
}
.ev-card-price small{ display:block; font-family:'Open Sans', Arial, sans-serif; font-size:13px; font-weight:400; color:var(--muted); margin-top:3px; }
.ev-page.is-events .ev-card .ev-btns{ margin-top:auto; }
.ev-page.is-events .ev-card .ev-btn{ padding:11px 22px; font-size:15px; }

/* Booking band (reuses the two-column layout from christmas.css) */
.ev-page.is-events .ev-cta{
    position:relative; overflow:hidden; text-align:left; padding:84px 0;
    background:
        radial-gradient(ellipse at 50% 110%, rgba(204,174,115,.28), transparent 55%),
        linear-gradient(180deg, var(--navy), var(--navy-deep));
    border-top:3px solid var(--gold); border-bottom:3px solid var(--gold);
}
.ev-page.is-events .ev-cta .ev-wrap{ position:relative; z-index:2; }
.ev-page.is-events .ev-cta .ev-eyebrow{ color:var(--gold-light); margin-bottom:10px; }
.ev-page.is-events .ev-cta h2{ color:#fff; margin-bottom:.15em; }
.ev-page.is-events .ev-cta .xm-script{ color:var(--gold-light); font-size:36px; margin:0 0 18px; }
.ev-page.is-events .ev-cta p{ color:rgba(255,255,255,.88); margin:0 0 22px; max-width:none; font-size:17px; }
.ev-page.is-events .xm-book-card{
    position:relative; background:linear-gradient(180deg, #fffdf8, var(--cream));
    border:1px solid var(--gold); padding:38px 36px 30px; text-align:center;
    box-shadow:0 30px 60px -30px rgba(0,0,0,.6), 0 0 0 6px rgba(204,174,115,.14);
}
.ev-page.is-events .xm-book-phone{ color:var(--navy) !important; }
.ev-page.is-events .xm-book-phone:hover{ color:var(--berry) !important; }
.ev-page.is-events .xm-book-note{
    margin:0; padding-top:18px; border-top:1px solid var(--line);
    color:var(--muted); font-size:13.5px; line-height:1.6em;
}

@media (max-width:921px){
    .ev-page.is-events .ev-cta{ padding:64px 0; }
}
@media (max-width:544px){
    .ev-page.is-events .ev-hero .ev-wrap{ padding-top:130px; padding-bottom:44px; }
    .ev-page.is-events .ev-hero .xm-script{ font-size:32px; }
    .ev-page.is-events .ev-card img{ height:190px; }
    .ev-page.is-events .ev-cta{ padding:48px 0; }
    .ev-page.is-events .ev-cta .xm-script{ font-size:29px; }
    .ev-page.is-events .xm-book-card{ padding:30px 20px 24px; }
}