/* sector.css — Pages sectorielles */

/* --- Hero sectoriel --- */
.sector-hero{min-height:50vh;display:flex;align-items:flex-end;background:var(--gradient-sector, var(--gradient-hero));color:#fff;position:relative;overflow:hidden;padding:100px 0 60px}
.sector-hero::before{content:'';position:absolute;inset:0;background:var(--sector-bg-image) center/cover no-repeat;opacity:.25;pointer-events:none;mix-blend-mode:soft-light}
.sector-hero::after{content:'';position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}

/* Sector background images */
.sector-hero--boulangerie{--sector-bg-image:url('/assets/img/sector-boulangerie.webp')}
.sector-hero--hotel{--sector-bg-image:url('/assets/img/sector-hotel.webp')}
.sector-hero--supermarche{--sector-bg-image:url('/assets/img/sector-supermarche.webp')}
.sector-hero--restaurant{--sector-bg-image:url('/assets/img/sector-restaurant.webp')}
.sector-hero--bureau{--sector-bg-image:url('/assets/img/sector-bureau.webp')}
.sector-hero--garage{--sector-bg-image:url('/assets/img/sector-garage.webp')}
.sector-hero--boucherie{--sector-bg-image:url('/assets/img/sector-boucherie.webp')}
.sector-hero--pharmacie{--sector-bg-image:url('/assets/img/sector-pharmacie.webp')}
.sector-hero--coiffeur{--sector-bg-image:url('/assets/img/sector-coiffeur.webp')}
.sector-hero--salle-de-sport{--sector-bg-image:url('/assets/img/sector-salle-de-sport.webp')}
.sector-hero--laverie{--sector-bg-image:url('/assets/img/sector-laverie.webp')}
.sector-hero--clinique{--sector-bg-image:url('/assets/img/sector-clinique.webp')}
.sector-hero--entrepot{--sector-bg-image:url('/assets/img/sector-entrepot.webp')}
.sector-hero--camping{--sector-bg-image:url('/assets/img/sector-camping.webp')}
.sector-hero--brasserie{--sector-bg-image:url('/assets/img/sector-brasserie.webp')}
.sector-hero--fleuriste{--sector-bg-image:url('/assets/img/sector-fleuriste.webp')}
.sector-hero .breadcrumb{margin-bottom:16px}
.sector-hero .breadcrumb__list{display:flex;gap:8px;align-items:center;list-style:none;padding:0;margin:0}
.sector-hero .breadcrumb__item{font-size:.8125rem;color:rgba(255,255,255,.7)}
.sector-hero .breadcrumb__item a{color:rgba(255,255,255,.8);text-decoration:none}
.sector-hero .breadcrumb__item a:hover{color:#fff}
.sector-hero .breadcrumb__item:not(:last-child)::after{content:'/';margin-left:8px;color:rgba(255,255,255,.4)}
.sector-hero__eyebrow{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.8);margin-bottom:12px}
.sector-hero__title{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.1;color:#fff;margin-bottom:16px}
.sector-hero__title strong{color:#fff}
.sector-hero__subtitle{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:24px;max-width:640px}
.sector-hero__actions{margin-bottom:16px}
.sector-hero__badges{display:flex;flex-wrap:wrap;gap:12px}
.sector-hero__badge{font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);padding:4px 12px;border-radius:999px;backdrop-filter:blur(4px)}

/* --- KPIs sectoriels --- */
.sector-kpis{padding:48px 0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}
.sector-kpis__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto}
@media(max-width:640px){.sector-kpis__grid{grid-template-columns:1fr;gap:12px}}
.sector-kpis__card{text-align:center;padding:24px 16px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border)}
.sector-kpis__value{display:block;font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1.2}
.sector-kpis__unit{display:block;font-size:.8125rem;color:var(--color-text-muted);margin-top:2px}
.sector-kpis__label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:6px}
.sector-kpis__source{text-align:center;font-size:.6875rem;color:#94a3b8;font-style:italic;margin-top:16px}

/* --- Pain points --- */
.sector-pains{padding:80px 0}
.sector-pains__title{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:40px;color:var(--color-text)}
.sector-pains__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:768px){.sector-pains__grid{grid-template-columns:1fr;gap:16px}}
.sector-pains__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px;transition:box-shadow var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out-back)}
.sector-pains__card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.sector-pains__icon{margin-bottom:16px}
.sector-pains__card-title{font-size:1.0625rem;font-weight:700;color:var(--color-text);margin-bottom:8px}
.sector-pains__card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}

/* --- Comprendre votre facture --- */
.sector-understand{padding:80px 0;background:var(--color-bg-alt);position:relative;overflow:hidden}
.sector-understand::before{content:'';position:absolute;top:0;right:0;width:300px;height:100%;background:url('/assets/img/illus-facture.webp') right center/contain no-repeat;opacity:.06;pointer-events:none}
@media(max-width:768px){.sector-understand::before{display:none}}
.sector-understand__title{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:40px;color:var(--color-text)}
.sector-understand__content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:768px){.sector-understand__content{grid-template-columns:1fr;gap:24px}}
.sector-understand__text p{font-size:.9375rem;color:var(--color-text-body);line-height:1.7;margin-bottom:16px}
.sector-understand__text p:last-child{margin-bottom:0}
.sector-understand__text small{font-size:.75rem;color:#94a3b8;font-style:italic}
.sector-understand__tips{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px}
.sector-understand__tips h3{font-size:1.0625rem;font-weight:700;color:var(--color-primary);margin-bottom:16px}
.sector-understand__tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.sector-understand__tips li{font-size:.9rem;color:var(--color-text-body);line-height:1.5;padding-left:20px;position:relative}
.sector-understand__tips li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--color-secondary)}
.sector-understand__tips li strong{color:var(--color-text);font-weight:600}

/* --- Section formulaire sectoriel --- */
.sector-form{padding:80px 0;background:var(--color-bg-alt)}
.sector-form__title{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:8px;color:var(--color-text)}
.sector-form__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:32px;font-size:1rem}