/* ==========================================================================
   EGYVACATIONS — COLLECTION PAGES (destinations, nile-cruises, 404,
   blog-category, author). Count-driven layout fixes for catalogue
   components and the few page-only blocks. Everything is scoped to .evx-col.
   assets/css/templates/collections.css — loads after landing.css.
   ========================================================================== */

/* ---- destinations mosaic with six countries: the sixth tile closes the grid ---- */
.evx-col--dests .ev-dests--mosaic{grid-template-rows:repeat(2,minmax(260px,auto)) minmax(220px,auto)}
.evx-col--dests .ev-dests--mosaic .ev-dest:last-child{grid-column:1 / -1}
@media(max-width:900px){.evx-col--dests .ev-dests--mosaic{grid-template-rows:none}}
@media(max-width:520px){.evx-col--dests .ev-dests--mosaic .ev-dest:last-child{grid-column:auto}}

/* ---- portals bento with four types: lead tile + three ---- */
@media(min-width:1041px){
  .evx-col--cruises .ev-portals--bento{grid-template-columns:1.15fr 1fr 1fr}
  .evx-col--cruises .ev-portals--bento .ev-portal:nth-child(4){grid-column:2 / span 2;grid-row:2}
}

/* ---- six ships: three across on wide screens ---- */
@media(min-width:1081px){.evx-col--cruises .ev-ships{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- 404: the search sits in the hero copy ---- */
.evx-404search{display:flex;gap:10px;margin-top:var(--sp-6);max-width:560px}
.evx-404search .ev-input{flex:1;min-width:0;height:52px}
.evx-404search .ev-btn{flex:none}
.evx-404search .ev-btn svg{width:18px;height:18px}
@media(max-width:560px){.evx-404search{flex-direction:column}.evx-404search .ev-input{flex:none}.evx-404search .ev-btn{width:100%}}

/* ---- post lists (category + author archives) ---- */
.evx-postlist{padding:var(--sp-8) 0 var(--section-py)}
.evx-postlist .evb-posts{margin-top:var(--sp-5)}
.evx-postlist .evb-post__meta time{margin-left:auto;font-size:var(--fs-micro);color:var(--text-muted)}
.evx-postlist .evx-pager{margin-top:var(--sp-8)}

/* ---- author header: the enquiry block's named-person card, on navy ---- */
.evx-profile__in{max-width:760px}
.evx-profile .ev-person{margin:0}
.evx-profile .ev-person h1{color:var(--ev-white);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;font-weight:var(--fw-bold)}
.evx-profile__bio{margin-top:var(--sp-6);font-size:var(--fs-lede);line-height:var(--lh-body);color:var(--text-on-inverse-secondary)}
.evx-profile__acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5);margin-top:var(--sp-6)}

/* ---- trip pages: per-country stays and the night-by-night table ---- */
.evt-block .evx-facts{margin-top:var(--sp-5)}
.evt-block .evx-tablewrap{margin-top:var(--sp-5)}
.evt-block .evx-answer{margin-top:var(--sp-5)}
.evt-specshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}
.evt-specshots figure{margin:0}
.evt-specshots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md)}
.evt-specshots figcaption{margin-top:8px;font-size:var(--fs-xs);color:var(--text-secondary)}
@media(max-width:560px){.evt-specshots{grid-template-columns:minmax(0,1fr)}}
.evt-specshots img{height:auto;max-width:100%}
.evt-block .evx-subh{margin-top:var(--sp-7);font-size:1.15rem;font-weight:var(--fw-bold);color:var(--text-heading)}
/* lists restored from live copy inside trip prose and itinerary days */
.evt-block .evt-prose h3{margin-top:var(--sp-6);font-size:1.05rem;font-weight:var(--fw-bold);color:var(--text-heading)}
.evt-block .evt-prose ul,.evt-daybody ul{list-style:disc;padding-left:1.25em;margin-top:10px;display:grid;gap:6px}
.evt-daybody ul{margin-bottom:10px;color:var(--text-secondary)}
