/* South Africa destination page v2 (18 Oct 2026): additions the shared destination-v2.css lacks.
   Loaded after /css/destination-v2.css. Nothing here touches the shared file. */

/* When to visit, without a map: a photo takes the map's place beside the month panel. */
.dv2-whenfig{position:relative;margin:0;min-height:440px;border-radius:var(--dv2-radius);overflow:hidden;border:1px solid rgba(60,43,31,.14);background:#d8c9b3}
.dv2-whenfig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dv2-whenfig figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 16px;background:linear-gradient(180deg,rgba(20,12,5,0),rgba(20,12,5,.72));color:#fff;font:400 13px/1.5 var(--dv2-body)}
@media (max-width:1023px){.dv2-whenfig{min-height:380px}}
@media (max-width:767px){.dv2-whenfig{min-height:0;aspect-ratio:3/2}}

/* Four trip shapes instead of three: the same card, the same grid. A mid-route icon stop (the Garden Route has no photo of its own). */
.dv2-page .dv2-rt__stop:not(.dv2-rt__stop--end) .dv2-rt__dot--end{background:#3a2f24}

/* Overview photo on phones: the shared stylesheet gives the image flex:1 1 0 inside a column flex figure with no height, so it collapses to 0px below 900px wide (the live Tanzania page has the same collapse). On this page the image keeps its 4:5 box. */
@media (max-width:899px){.dv2-page .dv2-intro5__fig img{flex:none;height:auto;aspect-ratio:4/5}}

/* Tour stage on phones: the shared stylesheet keeps the desktop sticky offset (top: nav + sub-nav + 12px) on the position:relative mobile stage, so the map slides 130px down over the first panel (the live Tanzania page has the same overlap). On this page the mobile stage sits where the grid puts it. */
@media (max-width:979px){.dv2-page .dv2-tour__stage{top:0}}

/* Compact icon card for a lodge the library has no photo of (Mabula, Safari Plains, The Houghton Hotel): a short tinted band with the tent glyph where the photo would be, the same body below. */
.dv2-lodge--compact .dv2-lodge__ico{display:grid;place-items:center;aspect-ratio:3/1;background:radial-gradient(circle at 35% 30%,#FFF6E6,#F2E2C8);color:var(--dv2-gold-deep);border-bottom:1px solid var(--dv2-line)}
.dv2-lodge--compact .dv2-lodge__ico .dv2-ic{width:34px;height:34px;stroke-width:1.4}