.elementor-1121 .elementor-element.elementor-element-9ced148{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b5d5866 *//* CSS SPÉCIFIQUE POUR LA PAGE DE SERVICE CORNROWS (TITRES DE TABLEAU EN NOIR) */

.service-detail-container {
    max-width: 1100px; 
    margin: 40px auto; 
    padding: 20px;
}
.service-detail-container h1, .service-detail-container h2 { 
    color: #000000; /* NOIR PUR */
}
.service-detail-container h1 { font-size: 2.5em; margin-bottom: 0.5em; }
.service-detail-container h2 { 
    font-size: 1.8em; 
    margin-top: 40px; 
    border-bottom: 2px solid #e0e0e0; 
    padding-bottom: 5px;
}

/* --- Responsive et Image --- */
.service-header-content {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
    align-items: center;
}
.service-text { flex: 1; }
.service-image { flex-shrink: 0; width: 40%; max-width: 400px; }
.service-image img { 
    width: 100%; 
    height: auto; 
    border-radius: 8px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
}

/* --- Styles pour les Tableaux de Prix --- */
.pricing-table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 20px;
}
.pricing-table th, .pricing-table td {
    border: 1px solid #eee;
    padding: 15px;
    text-align: left;
}
/* FOND CLAIR POUR LES EN-TÊTES DE TABLEAU ET TEXTE EN NOIR */
.pricing-table thead th { 
    background-color: #f9f9f9; /* Fond très clair, pas de couleur de marque pour le texte noir */
    color: #000000; /* TEXTE EN NOIR PUR */
    vertical-align: top;
    font-weight: bold;
}
/* ------------------------------------------ */

.price-col { width: 120px; text-align: right; font-weight: bold; color: #D4AF37; } /* Couleur or pour le prix */

/* --- Style pour les Enfants --- */
.kids-section {
    background-color: #FFF8F0; 
    padding: 20px;
    border-left: 5px solid #D4AF37;
    margin-top: 30px;
}
.kids-section table th {
    background-color: #f9f9f9; 
    color: #000000; /* Texte en noir pour la section enfants aussi */
}


/* --- Styles du Bouton CTA --- */
.cta-button-container {
    text-align: center;
    margin: 50px 0;
}
.cta-button {
    display: inline-block;
    background-color: #D4AF37; 
    color: white !important; 
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 30px; 
    font-size: 1.1em;
    font-weight: bold;
    transition: background-color 0.3s;
}
.cta-button:hover {
    background-color: #b59530; 
}

/* --- Responsive pour les Tableaux (Mobile First) --- */
@media (max-width: 768px) {
    .service-header-content { flex-direction: column; }
    .service-image { width: 100%; max-width: 100%; }
    .pricing-table th, .pricing-table td { display: block; width: 100%; }
    .pricing-table thead { display: none; } 
    .pricing-table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }
    .pricing-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #5D3A7E; /* L'étiquette mobile revient à la couleur de marque */
    }
    .price-col { text-align: right; }
}/* End custom CSS */