/* Phase 472 — Homepage flight-deals hero CTA + "See all" rail link.
   Surfaces the /flights/agadir/ deals hub prominently in the hero instead
   of leaving the fare rail buried at the page bottom. */

/* 2026-08-23 — the CTA now renders BELOW the hero (light page ground) as a
   full-width band, so it is styled card-on-page, not glass-on-navy. */
.hcHeroDealsCta{
  display:flex;
  align-items:center;
  width:100%;
  gap:14px;
  margin-top:18px;
  padding:13px 16px 13px 13px;
  border-radius:18px;
  background:var(--tgz-ui-card,#fff);
  border:1px solid var(--tgz-ui-line,#e8d9c3);
  box-shadow:0 8px 22px rgba(9,25,48,.06);
  text-decoration:none;
  color:var(--tgz-ui-ink,#10294b);
  position:relative;
  z-index:1;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.hcHeroDealsCta:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(245,154,27,.22);
  border-color:rgba(245,154,27,.55);
}
.hcHeroDealsCta__icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;height:42px;
  border-radius:13px;
  background:#f59a1b;
  color:#1a1206;
  font-size:1.25rem;
  line-height:1;
  box-shadow:0 6px 16px rgba(245,154,27,.4);
}
.hcHeroDealsCta__body{
  display:grid;
  gap:2px;
  min-width:0;
}
.hcHeroDealsCta__body strong{
  font:900 15px/1.2 'Inter Tight',Inter,system-ui,sans-serif;
  letter-spacing:-.01em;
  color:var(--tgz-ui-ink,#10294b);
}
.hcHeroDealsCta__body em{
  font:600 12px/1.3 Inter,system-ui,sans-serif;
  font-style:normal;
  color:var(--tgz-ui-muted,#6b6154);
}
.hcHeroDealsCta__arrow{
  flex:0 0 auto;
  margin-left:auto;
  font-size:1.15rem;
  font-weight:900;
  color:#c47a12;
  transition:transform .16s ease;
}
.hcHeroDealsCta:hover .hcHeroDealsCta__arrow{transform:translateX(3px)}

/* "See all flight deals" link under the homepage rail */
.tpSeeAllWrap{
  margin-top:16px;
  display:flex;
  justify-content:center;
}
.tpSeeAll{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:0 22px;
  border-radius:14px;
  background:#0b213d;
  color:#fff;
  text-decoration:none;
  font:850 14px/1 Inter,system-ui,sans-serif;
  transition:transform .16s ease,background .16s ease;
}
.tpSeeAll em{
  font-style:normal;
  font-size:1.1rem;
  transition:transform .16s ease;
}
.tpSeeAll:hover{transform:translateY(-1px);background:#10294b}
.tpSeeAll:hover em{transform:translateX(3px)}

@media (max-width:560px){
  .hcHeroDealsCta{padding:11px 13px 11px 11px;gap:11px;border-radius:16px}
  .hcHeroDealsCta__icon{width:38px;height:38px;font-size:1.1rem;border-radius:11px}
  .hcHeroDealsCta__body strong{font-size:14px}
  .hcHeroDealsCta__body em{font-size:11.5px}
  .tpSeeAll{min-height:44px;padding:0 18px;font-size:13px}
}

/* Dark mode — the band sits on the dark page ground */
html[data-theme="dark"] body .hcHeroDealsCta,
html[data-theme-mode="dark"] body .hcHeroDealsCta{
  background:var(--tgz-ui-card,#101f29);
  border-color:var(--tgz-ui-line,rgba(255,255,255,.12));
  box-shadow:0 8px 22px rgba(0,0,0,.28);
  color:var(--tgz-ui-ink,#f2ede4);
}
html[data-theme="dark"] body .hcHeroDealsCta__body strong,
html[data-theme-mode="dark"] body .hcHeroDealsCta__body strong{color:var(--tgz-ui-ink,#f2ede4)}
html[data-theme="dark"] body .hcHeroDealsCta__body em,
html[data-theme-mode="dark"] body .hcHeroDealsCta__body em{color:var(--tgz-ui-muted,#a7b1ba)}
html[data-theme="dark"] body .hcHeroDealsCta__arrow,
html[data-theme-mode="dark"] body .hcHeroDealsCta__arrow{color:#ffd89c}
html[data-theme="dark"] body .tpSeeAll{background:linear-gradient(135deg,#24c8b8,#0e6a70);color:#031719}
html[data-theme="dark"] body .tpSeeAll:hover{filter:brightness(1.06)}

[dir="rtl"] .hcHeroDealsCta__arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}
[dir="rtl"] .tpSeeAll em{transform:scaleX(-1)}

/* Real fare on the hero deals card (owner brief e, 2026-08-04).
   The card used to promise "live cached fares" and show none; it now carries
   the cheapest fare actually on record, its city and the date it was checked. */
.hcHeroDealsCta__price{
  font:850 1.05rem/1.1 'Inter Tight',Inter,system-ui,sans-serif;
  letter-spacing:-.02em;
  color:var(--tgz-ui-accent,#a95c1e);
}
html[data-theme="dark"] body .hcHeroDealsCta__price,
html[data-theme-mode="dark"] body .hcHeroDealsCta__price{color:#ffd89c}
.hcHeroDealsCta.hasFare .hcHeroDealsCta__body em{
  font-style:normal;
  font-weight:650;
  line-height:1.35;
}
.hcHeroDealsCta__checked{
  display:block;
  margin-top:2px;
  font-size:.7rem;
  font-weight:600;
  opacity:.72;
  white-space:nowrap;
}