/* ============================================================
   PAGE: gift.css — vertical-specific accents for gift & festival hamper pages
   Canonical path: css/pages/gift.css (repo root)

   Stack: fonts → slp-critical → slp-deferred → pickles.css → THIS file
   pickles.css provides ALL layout, components, and responsive rules.
   This file adds ONLY the gift vertical's hero tint and accent colour overrides.
   Do NOT redefine header, nav, footer, or any shared component here.
   ============================================================ */

/* ----- Hero tint: warm gold/saffron for festival gifting vertical ----- */
.hero--gift {
  background-image:
    linear-gradient(135deg, #7a3500 0%, #b35000 42%, #e07020 100%),
    var(--hero-img, url('../../photos/hero-main.webp'));
  background-size: cover;
  background-position: center;
  background-color: #7a3500;
}

/* When a hero image is set via --hero-img, overlay with a warm tint */
.hero--gift[style*="--hero-img"] {
  background-image:
    linear-gradient(rgba(122, 53, 0, 0.78), rgba(179, 80, 0, 0.72)),
    var(--hero-img);
  background-size: cover;
  background-position: center;
}

/* ----- Gift chip row: reuse pickle-chip layout, warm accent border ----- */
/* No override needed — .pickle-chip-row and .pickle-chip from pickles.css
   are used verbatim. The class names are shared layout tokens, not content. */

/* ----- Packing layer accent: gold top border for gift pages ----- */
.hero--gift ~ * .packing-layer {
  border-top-color: #e07020;
}

/* ----- Section heading accent line colour for gift pages ----- */
/* Applied only when .hero--gift is present as a sibling signal via
   body[data-slp-vertical="gift"] scoping instead. */
body[data-slp-vertical="gift"] .section-head::after {
  background: linear-gradient(90deg, #e07020, #ffd54f);
}

/* ----- Gift vertical: carrier band top border warm accent ----- */
body[data-slp-vertical="gift"] .carrier-band {
  border-top-color: #e07020;
}

/* ----- Gift vertical: segment card left border warm accent ----- */
body[data-slp-vertical="gift"] .segment-card {
  border-left-color: #e07020;
}

/* ----- Gift vertical: best-rate banner accent strip ----- */
body[data-slp-vertical="gift"] .best-rate-banner::before {
  background: #e07020;
}

/* ----- Gift vertical: live-rate card top gradient ----- */
body[data-slp-vertical="gift"] .live-rate-card::before {
  background: linear-gradient(90deg, #7a3500, #e07020);
}

/* ----- Gift vertical: FAQ toggle colour ----- */
body[data-slp-vertical="gift"] .faq-toggle {
  color: #e07020;
}

/* ----- Responsive: no new breakpoints needed (pickles.css handles all) ----- */