/* Day-by-day as photo cards that open a popup, plus centred section headings.
   Modelled on the reference: image header, a "Day N" pill and a stat pill over
   the photo, the day's title across the bottom, summary underneath. */

/* ---- centred section headings ------------------------------------------ */
.exp__section[data-astro-cid-dp5z3flg] h2[data-astro-cid-dp5z3flg]{text-align:center}
.exp__section[data-astro-cid-dp5z3flg] h2[data-astro-cid-dp5z3flg]:after{
    content:"";display:block;width:80px;height:4px;margin:.85rem auto 0;
    border-radius:999px;background:var(--color-sage);
}
.exp__body[data-astro-cid-dp5z3flg]{margin-inline:auto}
#about .exp__prose[data-astro-cid-dp5z3flg],
#dates .exp__prose[data-astro-cid-dp5z3flg]{text-align:center;max-width:44rem;margin-inline:auto}
.exp__highlights[data-astro-cid-dp5z3flg] li[data-astro-cid-dp5z3flg]{
    border-left:0;border-top:3px solid var(--color-sienna);text-align:center;
}
.exp__dates[data-astro-cid-dp5z3flg]{justify-content:center}

/* ---- the grid of day cards --------------------------------------------- */
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.35rem;margin-top:1.75rem}
.day-card{
    display:flex;flex-direction:column;text-align:left;padding:0;
    background:#fff;border:0;border-radius:16px;overflow:hidden;
    box-shadow:0 10px 26px rgba(0,0,0,.09);cursor:pointer;font:inherit;
    transition:transform .25s ease,box-shadow .25s ease;
}
.day-card:hover,.day-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.16);outline:none}
.day-card:focus-visible{box-shadow:0 0 0 3px rgba(111,145,129,.55),0 18px 40px rgba(0,0,0,.16)}

.day-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-ivory-tint)}
.day-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.day-card:hover .day-card__media img{transform:scale(1.06)}
.day-card__media:after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.18) 55%,transparent);
}
.day-card__tags{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;gap:.5rem;flex-wrap:wrap}
.day-card__num{
    background:var(--color-sienna);color:#fff;font-size:.7rem;font-weight:700;
    letter-spacing:.09em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;
}
.day-card__stat{
    background:rgba(0,0,0,.42);color:#fff;font-size:.7rem;font-weight:600;
    padding:.28rem .7rem;border-radius:999px;
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
}
.day-card__title{
    position:absolute;left:14px;right:14px;bottom:12px;z-index:2;margin:0;
    font-family:var(--font-display);font-size:1.06rem;line-height:1.25;color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.6);
}
.day-card__body{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.day-card__excerpt{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-ink-soft)}
.day-card__more{
    margin-top:auto;font-size:.78rem;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--color-sage-deep);
}

/* ---- the popup ---------------------------------------------------------- */
.day-modal{
    position:fixed;inset:0;z-index:100;display:none;
    align-items:center;justify-content:center;padding:1.25rem;
}
.day-modal[open],.day-modal.is-open{display:flex}
.day-modal__backdrop{position:absolute;inset:0;background:rgba(18,22,20,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.day-modal__panel{
    position:relative;z-index:1;width:min(680px,100%);max-height:88vh;overflow:auto;
    background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);
    animation:day-modal-in .22s ease;
}
@keyframes day-modal-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.day-modal__media{position:relative;aspect-ratio:16/9;overflow:hidden}
.day-modal__media img{width:100%;height:100%;object-fit:cover;display:block}
.day-modal__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 60%)}
.day-modal__num{
    position:absolute;top:14px;left:16px;z-index:2;background:var(--color-sienna);color:#fff;
    font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
    padding:.3rem .75rem;border-radius:999px;
}
.day-modal__title{
    position:absolute;left:18px;right:18px;bottom:14px;z-index:2;margin:0;
    font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem);color:#fff;line-height:1.2;
    text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.day-modal__close{
    position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;
    display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
    background:rgba(0,0,0,.45);color:#fff;font-size:1.35rem;line-height:1;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease;
}
.day-modal__close:hover{background:rgba(0,0,0,.7)}
.day-modal__body{padding:1.4rem 1.6rem 1.7rem}
.day-modal__chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 1rem;padding:0}
.day-modal__chips li{
    font-size:.78rem;font-weight:600;color:var(--color-sage-deep);
    background:var(--color-ivory-tint);border:1px solid var(--color-rule);
    border-radius:999px;padding:.2rem .72rem;white-space:nowrap;
}
.day-modal__text{font-size:1rem;line-height:1.7;color:var(--color-ink-soft);margin:0}
.day-modal__stay{
    display:block;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--color-rule);
    font-size:.9rem;font-weight:600;color:var(--color-sage-deep);
}
body.has-day-modal{overflow:hidden}

@media(max-width:600px){
    .days{grid-template-columns:1fr}
    .day-modal{padding:0}
    .day-modal__panel{max-height:100vh;border-radius:0;width:100%}
}

/* The body column sits beside the 320px enquiry sidebar, so the blocks inside
   it need centring too, not just the text within each tile. */
.exp__highlights[data-astro-cid-dp5z3flg]{
    max-width:46rem;margin-inline:auto;justify-content:center;
}
.exp__body[data-astro-cid-dp5z3flg]{max-width:920px;margin-inline:auto}
.days{max-width:none}