// Excursion card
window.ExcursionCard=function ExcursionCard({e,lang,onOpen}){
  const t=useT(lang);
  const title=lang==="fr"?e.titleFR:e.titleEN;
  const desc=lang==="fr"?e.descFR:e.descEN;
  const typeLabel={
    day:lang==="fr"?"Journée":"Full day",
    half:lang==="fr"?"Demi-journée":"Half day",
    free:lang==="fr"?"Visite libre":"Free visit",
    guided:lang==="fr"?"Visite guidée":"Guided tour"
  }[e.type]||e.type;
  return (
    <article className="card">
      <div className="card-img">
        <PH hue={e.hue} label={title} small={typeLabel} img={IMG.exc[e.id]} svg={PHart.waves}/>
        <span className="chip">{typeLabel}</span>
        <button className="fav" aria-label="favori"><Icon.heart/></button>
      </div>
      <div className="card-body">
        <h3>{title}</h3>
        <div className="card-meta">
          <span><Icon.clock size={13}/> {e.duration}</span>
          <span><Icon.star size={13}/> 4.9 (124)</span>
        </div>
        <p className="card-desc">{desc}</p>
      </div>
      <div className="card-foot">
        <div className="price">{fmtMUR(e.price,lang)}<small>{t.per_pax}</small></div>
        <button className="btn btn-primary btn-sm" onClick={()=>onOpen(e)}>{t.cta_details}<Icon.arrow/></button>
      </div>
    </article>
  );
};