/* Additions to site.css (copied from the review site) for the PHP pages. */

/* Region filters are links here, not buttons. */
.solve-home-1-app a.chip{text-decoration:none !important;display:inline-flex !important;align-items:center !important}

/* Search line above the events list. */
.solve-home-1-app .evq{margin:0 0 16px !important;font-size:15px !important;color:var(--body,#3D5566) !important}
.solve-home-1-app .evq a{color:#007B7B !important;font-weight:600 !important}

/* Footer email is a mailto link. */
.solve-home-1-app .fcontact a.addr{color:inherit !important;text-decoration:none !important}

/* Event title is not a link (there is no event page yet). */
.solve-home-1-app .er .ttl{cursor:default !important}
.hero-cta{text-align:center;border-top:28px solid transparent}
@media (max-width:600px){.hero-cta{border-top-width:24px}}
.nav .nav-events{color:#fff;font:600 15px/1 Inter,sans-serif;text-decoration:none}
.nav .r:has(> .nav-events){color:#fff}

.nav .menu{display:none}
@media (max-width:860px){.nav .menu{display:grid}.nav .nav-events{display:none}}


/* Desktop top gap on the events section: the site's own rule is 140px with !important, lifted here for the events section only. */
@media (min-width:861px){section#events{padding-top:96px !important}}

/* Coming soon tile on the events list, in the brand book: Deep Navy, Inter Bold capitals in Ice, Sora ExtraBold word, 12px card radius. */
.er .soon-tile{align-self:start;width:64px;height:66px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#123048;border-radius:12px}
.er .soon-tile span{font-family:Inter,sans-serif;font-weight:700;font-size:9.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#A3E3E2}
.er .soon-tile b{font-family:Sora,sans-serif;font-weight:800;font-size:16px;line-height:1;letter-spacing:-.02em;color:#FFFFFF}
@media (max-width:860px){.er .soon-tile{width:58px}}

/* Events list, ported from the approved mock. The !important rules are lifted for the events list only (pop-up answer, 2026-10-17). */
.solve-home-1-app .evlist .er{display:grid !important;grid-template-columns:128px minmax(0,1fr) !important;grid-template-areas:none !important;align-items:center !important;gap:24px !important;padding:18px 20px !important}
.solve-home-1-app .evlist .er .ethumb{display:block !important;width:128px !important;height:88px !important;border-radius:12px !important;overflow:hidden !important}
.solve-home-1-app .evlist .er .et{grid-area:auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
.solve-home-1-app .evlist .er .ttl{font-family:var(--h),sans-serif !important;font-weight:800 !important;font-size:20px !important;line-height:1.2 !important;letter-spacing:-.02em !important;color:var(--navy) !important}
.solve-home-1-app .evlist .er .soon-pill{display:inline-flex !important;align-items:center !important;padding:4px 10px !important;border-radius:999px !important;background:var(--amber) !important;color:var(--navy) !important;font-family:var(--b),sans-serif !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;white-space:nowrap !important}
.solve-home-1-app .evlist .er .meta{margin-top:0 !important;font-family:var(--b),sans-serif !important;font-size:16px !important;line-height:1.4 !important;color:var(--body) !important}
@media (max-width:720px){
.solve-home-1-app .evlist .er{grid-template-columns:minmax(0,1fr) !important;gap:14px !important;padding:18px !important}
.solve-home-1-app .evlist .er .ethumb{width:100% !important;height:140px !important}
}

/* Events spacing check, 2026-10-17: chips meet the 44 px target; desktop bottom gap matches the top gap. Lifted for the events filters and section spacing only. */
.solve-home-1-app #filters .chip{min-height:44px !important;height:auto !important;display:inline-flex !important;align-items:center !important;font-size:15px !important}
@media (min-width:861px){section#events{padding-bottom:96px !important}}

/* Events header gap, 2026-10-17: the space from the header bar to the eyebrow was too large. Lifted for the events section spacing only. */
@media (min-width:861px){section#events{padding-top:48px !important}}
@media (max-width:860px){section#events{padding-top:32px !important}}

/* Events bottom gap, 2026-10-17: match the site's selector so the desktop bottom padding matches the top. */
@media (min-width:861px){.solve-home-1-app #v-events>#events{padding-bottom:96px !important}}