/* ===== PAGES PRESTATIONS ===== */

.hero-renovation-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-renovation-toiture.jpg') center/cover no-repeat;
}

.hero-urgence-fuite-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-urgence-fuite-toiture.jpg') center/cover no-repeat;
}

.hero-demoussage-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-demoussage-toiture.jpg') center/cover no-repeat;
}

.hero-zinguerie .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-zinguerie.jpg') center/cover no-repeat;
}

.hero-fenetre-de-toit .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-fenetre-de-toit.jpg') center/cover no-repeat;
}

/* ===== HERO DES PAGES COMMUNES =====
   Image propre, prise dans /images/interventions/hero/ et differente de celle
   de la page prestation. Une seule famille satellite sur ce site :
   couvreur-[commune], rattachee a la renovation de toiture. */

.hero-ville-renovation-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/interventions/hero/hero-renovation-toiture.jpg') center/cover no-repeat;
}

/* Hero du hub zone d'intervention. zone-intervention.php charge ce fichier,
   pas realisations.css. */
.hero-zone .hero-bg {
    background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,12,36,0.6)),
                url('/images/hero/hero-accueil.jpg') center/cover no-repeat;
}

/* Lien maillage interne */
.prestation-links {
    margin-top: 40px;
}

/* Grille realisations sur page prestation (2 colonnes) */
.realisations-grid-small {
    grid-template-columns: repeat(2, 1fr);
}

/* Lien centre sous realisations */
.prestation-realisations-cta {
    text-align: center;
    margin-top: 24px;
}

/* Sidebar */
.prestation-sidebar hr {
    margin: 20px 0;
    border-color: var(--border);
}

.prestation-sidebar p {
    font-size: 0.9rem;
    color: var(--text-light);
}

.prestation-sidebar .btn {
    width: 100%;
}

.prestation-sidebar .btn-primary {
    margin-bottom: 10px;
}