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

/* Heros des pages prestations, un par slug de data/prestations.php */
.hero-reparation-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(27,58,92,0.5), rgba(15,37,64,0.55)),
                url('/images/hero/hero-reparation-toiture.jpg') center/cover no-repeat;
}

.hero-recherche-fuite-toiture .hero-bg {
    background: linear-gradient(135deg, rgba(27,58,92,0.5), rgba(15,37,64,0.55)),
                url('/images/hero/hero-recherche-fuite-toiture.jpg') center/cover no-repeat;
}

.hero-intervention-urgence .hero-bg {
    background: linear-gradient(135deg, rgba(27,58,92,0.5), rgba(15,37,64,0.55)),
                url('/images/hero/hero-intervention-urgence.jpg') center/cover no-repeat;
}

.hero-remplacement-gouttiere .hero-bg {
    background: linear-gradient(135deg, rgba(27,58,92,0.5), rgba(15,37,64,0.55)),
                url('/images/hero/hero-remplacement-gouttiere.jpg') center/cover no-repeat;
}

/* ===== HEROS DES PAGES SATELLITES =====
   Les pages satellites ont leur PROPRE image de hero, prise dans
   /images/interventions/hero/. Sans ces règles, elles réutilisaient la classe
   des pages prestations et affichaient donc exactement la même image : le
   dossier /images/interventions/hero/ était rempli à chaque migration et
   n'était appelé par rien.
   Montrer la même grande image sur la page prestation et sur ses pages
   communes renforce l'impression de duplication, y compris pour un visiteur.
   Classe portee par la cle hero_class de data/prestations.php. */

/* Une seule prestation declinee par commune : couvreur-<commune>-<cp> */
.hero-ville-couvreur .hero-bg {
    background: linear-gradient(135deg, rgba(27,58,92,0.5), rgba(15,37,64,0.55)),
                url('/images/interventions/hero/hero-couvreur.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;
}