/* ==== HEADER SHOP - background + overlay ==== */
/* Vérifie que la classe .rp-header-shop est bien présente dans le HTML */

.rp-header-shop {
    background-image: url('https://rapide-plomberie.fr/wp-content/uploads/2025/11/depannage-plomberie-exterieur-scaled.jpg') !important;
    background-size: cover !important;      
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 60px 20px;
    border-radius: 20px;
    color: #ffffff;
    position: relative;   /* nécessaire pour l'overlay */
    overflow: hidden;
}

/* overlay sombre pour lisibilité du texte */
.rp-header-shop::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255,255,255,0.3); /* blanc avec 30% d’opacité */
    z-index: 1;
    pointer-events: none;
}

/* place le contenu au-dessus de l'overlay */
.rp-header-shop > * {
    position: relative;
    z-index: 2;
}

/* petites adaptations responsive */
@media (max-width: 768px) {
    .rp-header-shop {
        padding: 40px 15px;
        border-radius: 12px;
    }
}
/* ==== VARIANTE POUR PAGE PLOMBERIE INTÉRIEURE ==== */
/* À ajouter après ton CSS existant */

.rp-header-interieure {
    background-image: url('https://rapide-plomberie.fr/wp-content/uploads/2025/11/pexels-hson-34574602-scaled.webp') !important;
}