/* ==========================================================================
   Event resource pages (NEA / STEM Futures Unlocked Live)
   Loaded only on resources with "Event page layout" on — see
   includes/event-resources.php. Nothing here affects standard resources.
   ========================================================================== */

:root {
    --eff-event-ink: #110e63;
    --eff-event-mist: #f2f2f7;
}

/* ── Intro ─────────────────────────────────────────────────────────────── */
.eff-event-intro {
    display: flex;
    align-items: center; /* keeps short intro copy level with the login panel */
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}
.eff-event-intro__text { max-width: 760px; }
.eff-event-intro__text .txt-styles p { font-size: 1.25rem; line-height: 1.55; margin-bottom: 0; }
/* Compact login prompt — only rendered for logged-out visitors */
.eff-event-login {
    flex: 0 0 auto;
    width: 320px;
    padding: 20px 22px;
    border-radius: 12px;
    background: var(--eff-event-ink);
    color: #fff;
    text-align: center;
}
.eff-event-login__title { margin: 0 0 14px; font-weight: 700; font-size: 1rem; line-height: 1.4; color: #fff; }
.eff-event-login__btn { width: 100%; margin-bottom: 0; background: #fff; border-color: #fff; color: var(--eff-event-ink) !important; }
.eff-event-login__register { margin: 10px 0 0; font-size: 0.875rem; color: #fff; }
.eff-event-login__register a { color: #fff; text-decoration: underline; }

/* ── Cards ─────────────────────────────────────────────────────────────── */
.eff-event-cards { margin-bottom: 40px; }

.eff-event-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 24px;
    overflow: hidden;
}
.eff-event-card__img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    margin-bottom: 20px;
}
.eff-event-card__title { margin: 0 24px 8px; }
.eff-event-card__body { margin: 0 24px; }
/* Pushes every button to the same line, whatever the copy length */
.eff-event-card__action { margin: auto 24px 0; padding-top: 20px; }
.eff-event-card__action .btn { margin-bottom: 0; }

/* ── Share block ───────────────────────────────────────────────────────── */
.eff-event-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    background: var(--eff-event-mist);
}
.eff-event-share__text { max-width: 640px; }
.eff-event-share__text h2 { margin-top: 0; }
/* Button sits under the copy, logo to its right */
.eff-event-share__action { margin-top: 20px; }
.eff-event-share__action .btn { margin-bottom: 0; white-space: nowrap; }
.eff-event-share__logo { flex: 0 0 auto; max-width: 340px; }
@media (min-width: 1100px) {
    .eff-event-share__logo { max-width: 460px; }
}
.eff-event-share__logo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .eff-event-intro { flex-direction: column; }
    .eff-event-login { width: 100%; }
    .eff-event-card__img { height: 230px; }
    .eff-event-share { flex-direction: column-reverse; align-items: flex-start; }
    .eff-event-share__action .btn { width: 100%; }
    .eff-event-share__logo { max-width: none; width: 100%; }
    .eff-event-share__logo img { margin-bottom: 16px; }
}