/* HAMIDI TOURS · Plan Your Trip with the shared homepage navbar
   The old in-hero navigation was replaced by the fixed site navbar (68 px), so the hero starts below it. */
.has-site-header .trip-hero{min-height:100svh;padding:calc(68px + 28px) 0 28px}
.has-site-header .hero-content{padding-top:10px}
@media (max-width:800px){.has-site-header .trip-hero{min-height:auto;padding:calc(68px + 20px) 14px 20px}}
@media (max-width:480px){.has-site-header .hero-content{padding-top:6px}}
/* Mobile and tablet layout fix (Stage 6): the planner's two columns stack below 960px so text keeps a readable width */
@media (max-width:960px){
  .planner-layout{grid-template-columns:minmax(0,1fr);gap:56px}
  .planner-intro{position:static;padding-top:0}
  .planner-intro > p{max-width:none}
}
@media (max-width:520px){
  .field-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .destination-grid{grid-template-columns:minmax(0,1fr)}
  .destination-option{min-height:0}
}
/* Typography system (Stage 6): page heading and destination titles in Playfair Display, like every other page.
   Sizes and layout unchanged; the last word of the title uses the site's editorial italic. */
.hero-text h1{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-1px}
.hero-text h1 span{font-style:italic}
.photo-caption h2{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:0}
/* WCAG 2.2 AA (Stage 6): grey notes and the WhatsApp button darkened just enough for 4.5:1 (same hues). */
:root{--text-muted:#6F6F65}                            /* was #77776d, 4.15-4.44:1 -> 4.66-4.99:1 */
.whatsapp-button{background:#6F7864}                   /* sage, was #87917b with white text 3.29:1 -> 4.62:1 */