/* =========================================================
   SOURIRE PRESTIGE — Pages Prestations (overview + single)
   ========================================================= */

/* ---- Hero prestation (single) ---- */
.sp-service-hero { position: relative; height: 72vh; min-height: 480px; display: flex; align-items: flex-end; color: var(--sp-white); overflow: hidden; }
.sp-service-hero__media { position: absolute; inset: 0; }
.sp-service-hero__media img, .sp-service-hero__media .sp-placeholder { width: 100%; height: 100%; object-fit: cover; }
.sp-service-hero__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,10,9,0.85) 0%, rgba(10,10,9,0.15) 60%); }
.sp-service-hero__content { position: relative; padding-bottom: var(--space-10); }
.sp-service-hero .sp-breadcrumbs__list, .sp-service-hero .sp-breadcrumbs a, .sp-service-hero .sp-breadcrumbs span { color: rgba(255,255,255,0.75); }
.sp-service-hero .sp-breadcrumbs a:hover { color: var(--sp-white); }
.sp-service-hero h1 { color: var(--sp-white); margin-top: var(--space-2); }
.sp-service-hero__meta { display: flex; gap: var(--space-3); margin-block: var(--space-5); flex-wrap: wrap; }
.sp-service-hero__meta .sp-badge--outline { color: var(--sp-white); border-color: rgba(255,255,255,0.35); }

/* ---- Présentation ---- */
.sp-service-intro__content { font-size: var(--fs-body-lg); color: var(--sp-text); margin-top: var(--space-5); }
.sp-service-intro__content p { color: inherit; }

/* ---- Avantages ---- */
.sp-service-benefits__item { display: flex; align-items: flex-start; gap: var(--space-4); background: var(--sp-white); padding: var(--space-6); border-radius: var(--radius-md); }
.sp-service-benefits__icon { flex-shrink: 0; width: 22px; height: 22px; color: var(--sp-accent); }
.sp-service-benefits__item p { color: var(--sp-text); margin: 0; }