/**
 * Homepage sections — bright gradient shells (each section keeps its own colour, light at the
 * top-left to vivid at the bottom-right) with dark headings, and white cards whose image sits
 * inset inside a white border. Overrides the dark per-section gradients and white heading text
 * set in each section's own stylesheet; load after them.
 */

.homepage-root {
  --hp-section-text: #0f1111;
  --hp-section-muted: rgba(15, 17, 17, 0.78);
}

/* Featured businesses row (tablet + desktop): bright green panel behind the image cards */
@media (min-width: 768px) {
  .homepage-root .homepage-desktop-panels .homepage-showcase-panel--businesses {
    background: linear-gradient(115deg, #dcfce7 0%, #86efac 45%, #22c55e 100%);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  }
}

/* Per-section palette: --hp-section-bg (shell) and --hp-section-accent (highlighted title word) */
.homepage-root .homepage-marketplace-promo--offers {
  --hp-section-bg: linear-gradient(115deg, #ffd0a8 0%, #ff9a62 45%, #ff5a36 100%);
  --hp-section-accent: #b42318;
}

.homepage-root .homepage-marketplace-promo--ads {
  --hp-section-bg: linear-gradient(115deg, #cffafe 0%, #67e8f9 45%, #06b6d4 100%);
  --hp-section-accent: #155e75;
}

.homepage-root .homepage-popular-near {
  --hp-section-bg: linear-gradient(115deg, #bbf7d0 0%, #4ade80 50%, #16a34a 100%);
  --hp-section-accent: #14532d;
}

.homepage-root .homepage-popular-services {
  --hp-section-bg: linear-gradient(115deg, #ecfccb 0%, #a3e635 45%, #65a30d 100%);
  --hp-section-accent: #365314;
}

.homepage-root .homepage-education-knowledge {
  --hp-section-bg: linear-gradient(115deg, #bfdbfe 0%, #60a5fa 45%, #2563eb 100%);
  --hp-section-accent: #1e3a8a;
}

.homepage-root .homepage-study-library {
  --hp-section-bg: linear-gradient(115deg, #ddd6fe 0%, #a78bfa 45%, #7c3aed 100%);
  --hp-section-accent: #4c1d95;
}

.homepage-root .homepage-consultants {
  --hp-section-bg: linear-gradient(115deg, #c7d2fe 0%, #818cf8 45%, #4f46e5 100%);
  --hp-section-accent: #312e81;
}

.homepage-root .homepage-community-hub {
  --hp-section-bg: linear-gradient(115deg, #fed7aa 0%, #fb923c 45%, #ea580c 100%);
  --hp-section-accent: #7c2d12;
}

/* ── Section shells ── */
.homepage-root .homepage-marketplace-promo__shell,
.homepage-root .homepage-popular-near__shell,
.homepage-root .homepage-popular-services__shell,
.homepage-root .homepage-education-knowledge__shell,
.homepage-root .homepage-study-library__shell,
.homepage-root .homepage-consultants__shell,
.homepage-root .homepage-community-hub__shell {
  background: var(--hp-section-bg);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

/* ── Headings ── */
.homepage-root .homepage-marketplace-promo__title,
.homepage-root .homepage-popular-near__title,
.homepage-root .homepage-popular-services__title,
.homepage-root .homepage-education-knowledge__title,
.homepage-root .homepage-study-library__title,
.homepage-root .homepage-consultants__title,
.homepage-root .homepage-community-hub__title {
  color: var(--hp-section-text);
  /* Longer titles ("… Near You") wrap into two even lines instead of leaving one word alone */
  text-wrap: balance;
}

.homepage-root .homepage-marketplace-promo__title-accent,
.homepage-root .homepage-popular-near__title-accent,
.homepage-root .homepage-popular-services__title-accent,
.homepage-root .homepage-education-knowledge__title-accent,
.homepage-root .homepage-study-library__title-accent,
.homepage-root .homepage-consultants__title-accent,
.homepage-root .homepage-community-hub__title-accent {
  color: var(--hp-section-accent);
}

.homepage-root .homepage-marketplace-promo__subtitle,
.homepage-root .homepage-popular-near__subtitle,
.homepage-root .homepage-popular-services__subtitle,
.homepage-root .homepage-education-knowledge__subtitle,
.homepage-root .homepage-consultants__subtitle,
.homepage-root .homepage-community-hub__subtitle {
  color: var(--hp-section-muted);
}

.homepage-root .homepage-marketplace-promo__head-icon,
.homepage-root .homepage-popular-near__pin,
.homepage-root .homepage-popular-services__head-icon,
.homepage-root .homepage-education-knowledge__head-icon,
.homepage-root .homepage-study-library__head-icon,
.homepage-root .homepage-consultants__head-icon,
.homepage-root .homepage-community-hub__head-icon,
.homepage-root .homepage-marketplace-promo__see-all,
.homepage-root .homepage-popular-near__see-all,
.homepage-root .homepage-popular-services__see-all,
.homepage-root .homepage-education-knowledge__see-all,
.homepage-root .homepage-study-library__see-all,
.homepage-root .homepage-consultants__see-all,
.homepage-root .homepage-community-hub__see-all {
  color: var(--hp-section-text);
}

.homepage-root .homepage-popular-near__pin-wave {
  background: var(--hp-section-text);
}

.homepage-root .homepage-marketplace-promo__spark,
.homepage-root .homepage-education-knowledge__spark,
.homepage-root .homepage-study-library__spark {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
}

.homepage-root .homepage-consultants__enquiry {
  background: #fff;
  color: var(--hp-section-text);
}

.homepage-root .homepage-study-library__nav a {
  color: var(--hp-section-text);
}

.homepage-root .homepage-study-library__nav-dot {
  color: rgba(15, 17, 17, 0.45);
}

/* ── Cards: image inset inside a white border ── */
.homepage-root .homepage-marketplace-promo-card__media,
.homepage-root .homepage-popular-near-card__media,
.homepage-root .homepage-popular-services-card__media,
.homepage-root .homepage-education-knowledge-card__media,
.homepage-root .homepage-study-library-card__media,
.homepage-root .homepage-consultants-card__media,
.homepage-root .homepage-community-hub-card__media {
  width: auto;
  margin: 8px 8px 0;
  border-radius: 8px;
  overflow: hidden;
}