/* ---- part of the proposed change set ---- */
.lid-wa-ico{color:#25D366}
.lid-wa-btn{font-weight:600}
.lid-steer{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.75rem;font-weight:600;color:#9c7322;text-decoration:underline;text-underline-offset:3px}
.lid-steer-light{color:#dcbe74}
.lid-wa-small{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;min-height:44px;width:100%;border:1.5px solid #25D366;border-radius:1rem;font-size:.875rem;font-weight:600;color:#128c4a;background:#fff}
.lid-wa-sticky{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;min-height:44px;padding:0 .8rem;border:1.5px solid #25D366;border-radius:.75rem;font-size:.8rem;font-weight:600;color:#128c4a;background:#fff;flex-shrink:0}
.lid-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem;margin-top:.75rem}
/* stage 2: header + sticky bar behaviour (change set) */
header.fixed{transition:transform .25s ease}
header.fixed.lid-hide{transform:translateY(-140%)}
@media (max-width:767px){header.fixed.lid-compact nav[aria-label="Jump to section"]{display:none}body{padding-bottom:96px}}
#stickyCta.lid-sticky-off{transform:translateY(110%)!important}
#quick-book,#book form{scroll-margin-top:84px}
.lid-nextday{margin-left:.4rem;padding:1px 6px;border-radius:6px;background:#171a20;color:#dcbe74;font-size:10px;letter-spacing:.04em;text-transform:none}
.lid-nextday{white-space:nowrap;display:inline-block}
/* stage 2: 44px minimum tap targets on mobile (change set) */
@media (max-width:767px){
 .lid-steer,a.link-arrow,a[href*="wa.me"],a[href^="tel:"],a[href^="mailto:"]{min-height:44px;display:inline-flex;align-items:center}
 header.fixed a.btn-gold,header.fixed nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 #quick-book button[aria-label$="guests"]{width:44px;height:44px}
 #quick-book div.h-\[46px\]{height:52px}
 #itineraries a,#itineraries button,#packages a.btn-gold,#packages a.btn-outline,a[href="#packages"]{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 a.btn-gold.btn{min-height:48px}
 footer a,section nav a{display:inline-block;padding:6px 0;min-height:24px}
}
/* stage 3: advisory fit notice + Dubai-time labels */
.lid-dxb{text-transform:none;letter-spacing:0;font-weight:500;color:#8a7a55}
.lid-fit{margin-top:.25rem;border-radius:14px;padding:.7rem .85rem;font-size:13px;line-height:1.4;border:1px solid #e6dcc4;background:#faf7f0;color:#2a2a2a}
.lid-fit-t{font-weight:700}.lid-fit-b{margin-top:.2rem}
.lid-fit-note{margin-top:.4rem;font-size:11px;color:#6b6b6b}
.lid-fit--fits{border-color:#b9dcc5;background:#f1f9f4}.lid-fit--fits .lid-fit-t{color:#1d6b3a}
.lid-fit--tight{border-color:#ecd38f;background:#fdf8ea}.lid-fit--tight .lid-fit-t{color:#8a5a00}
.lid-fit--toolong,.lid-fit--none,.lid-fit--order{border-color:#efc2b8;background:#fdf3f0}.lid-fit--toolong .lid-fit-t,.lid-fit--none .lid-fit-t,.lid-fit--order .lid-fit-t{color:#9a2f1a}
.lid-fit-pick,.lid-fit-wa{display:inline-flex;align-items:center;min-height:44px;margin-top:.4rem;padding:0 .9rem;border-radius:12px;font-weight:600;font-size:13px}
.lid-fit-pick{background:#171a20;color:#dcbe74}.lid-fit-wa{background:#128c4a;color:#fff}

/* ---- 2026-10-28 lid-ui polish: iOS date/time + booking alignment ---- */
/* 1. iOS Safari date/time overflow (Landing/Departure + Tour date) */
#book input[type=date],
#book input[type=time],
#quick-book input[type=date],
#quick-book input[type=time]{
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  height:46px;
  line-height:1.25;
  padding-top:.55rem;
  padding-bottom:.55rem;
}
#book input[type=date]::-webkit-date-and-time-value,
#book input[type=time]::-webkit-date-and-time-value,
#quick-book input[type=date]::-webkit-date-and-time-value,
#quick-book input[type=time]::-webkit-date-and-time-value{
  text-align:left;
  margin:0;
}

/* 2. Parent grids: prevent 1fr overflow on narrow screens */
#book .grid.grid-cols-2,
#quick-book .grid.grid-cols-2{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
#book .grid.grid-cols-2 > *,
#quick-book .grid.grid-cols-2 > *{
  min-width:0;
}

/* Match rounded/padding between date-time (I) and flight (Sn) rows on book form */
#book input[type=date],
#book input[type=time],
#book input[type=text],
#quick-book input[type=date],
#quick-book input[type=time],
#quick-book input[type=text]{
  border-radius:1rem;
}

/* 3. Header WhatsApp: match Book now height 44px, green icon */
header.fixed a[aria-label^="WhatsApp"]{
  display:inline-grid !important;
  place-items:center;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  box-sizing:border-box;
  border-radius:9999px;
  border:1.5px solid rgba(37,211,102,.55);
  color:#25D366;
  background:rgba(37,211,102,.08);
  gap:0;
}
header.fixed a[aria-label^="WhatsApp"] .fa-whatsapp,
header.fixed a[aria-label^="WhatsApp"] i,
header.fixed a[aria-label^="WhatsApp"] svg{
  color:#25D366;
}
header.fixed .flex.items-center.gap-2\.5{
  gap:.625rem;
  align-items:center;
}
header.fixed a.btn-gold{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}
.lid-wa-ico{color:#25D366}
.lid-wa-btn{gap:.5rem}
.lid-wa-sticky{
  min-height:44px;
  height:44px;
  box-sizing:border-box;
}

/* 4. Duration pills: equal cells in 5-col grid (already .lid-chips); reinforce */
.lid-chips{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.375rem;
}
.lid-chips > button{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  padding-left:.25rem;
  padding-right:.25rem;
}

/* 5. Spacing rhythm: labels → inputs; guests stepper = date height */
#quick-book label > span,
#book label > span,
#quick-book .block.text-\[11px\],
#book .block.text-\[11px\]{
  display:block;
  margin-bottom:0;
}
#quick-book input[type=date],
#quick-book input[type=time],
#book input[type=date],
#book input[type=time]{
  margin-top:.375rem;
}
#quick-book div.h-\[46px\],
#book div.h-\[46px\]{
  height:46px;
  margin-top:.375rem;
  box-sizing:border-box;
}
#quick-book button[aria-label$="guests"],
#book button[aria-label$="guests"]{
  width:40px;
  height:40px;
  flex-shrink:0;
}

/* nextday badge baseline with departure label */
.lid-nextday{
  vertical-align:middle;
}

/* 6. Desktop: keep grids roomy; don't force mobile heights above sm */
@media (min-width:768px){
  #book input[type=date],
  #book input[type=time],
  #quick-book input[type=date],
  #quick-book input[type=time]{
    height:46px;
  }
  header.fixed a[aria-label^="WhatsApp"]{
    width:44px;
    height:44px;
  }
}