/* Active / inactive expeditions, and the custom-date field. */

/* ---- catalogue card: not currently on sale ------------------------------ */
.exp-card__status {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    padding: .25rem .6rem;
    border-radius: var(--radius-pill);
    background: rgba(20, 24, 26, .78);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

[data-status="inactive"] .exp-card__img img,
.dyn-card[data-status="inactive"] .dyn-card__img img {
    filter: saturate(.45) brightness(.9);
    transition: filter .4s ease, transform .4s ease;
}
[data-status="inactive"] .exp-card:hover .exp-card__img img,
.dyn-card[data-status="inactive"]:hover .dyn-card__img img { filter: saturate(.8) brightness(.97); }
[data-status="inactive"] .exp-card h3,
.dyn-card[data-status="inactive"] h3 { color: var(--color-ink-soft); }

/* the homepage grid renders its own card markup */
.dyn-card__img { position: relative; }

/* ---- detail page banner ------------------------------------------------- */
.exp-inactive {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
    max-width: 62rem;
    margin: 2rem auto 0;
    padding: 1rem 1.25rem;
    border-left: 3px solid var(--color-sienna);
    border-radius: 0 8px 8px 0;
    background: var(--color-ivory-tint);
}
.exp-inactive__mark {
    flex: none;
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--color-sienna);
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
}
.exp-inactive__text { font-size: .95rem; line-height: 1.55; color: var(--color-ink-soft); }
.exp-inactive__text strong { color: var(--color-ink); }

/* ---- custom date field -------------------------------------------------- */
.custom-date { margin: -.35rem 0 .9rem; }
.custom-date__label {
    display: block;
    margin-bottom: .3rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--color-sage-deep);
}
.custom-date__input {
    width: 100%;
    padding: .6rem .75rem;
    border: 1.5px solid var(--color-rule);
    border-radius: 8px;
    background: #fff;
    font: inherit;
    font-size: .95rem;
    color: var(--color-ink);
}
.custom-date__input:focus-visible {
    outline: none;
    border-color: var(--color-sage);
    box-shadow: 0 0 0 3px rgba(111, 145, 129, .25);
}

/* ---- expeditions we are not currently running --------------------------- */
/* The catalogue is built from the database, where these trips are now
   published = 0. This rule takes them off the listing straight away, before
   the site is rebuilt; after a rebuild they are not generated at all and the
   rule simply matches nothing. Reversible: set published = 1 and delete this
   block. Cards are hidden rather than restyled, so the "Inactive" badge and
   the desaturated thumbnail above only apply if a card is shown again. */
.exp-catalog [data-status="inactive"],
[data-astro-cid-wsxlbhv5][data-status="inactive"],
.dyn-card[data-status="inactive"] {
    display: none !important;
}