:root{--page-title-display:none;}/* Start custom CSS *//* ========================================
   PROFIL EXPERT - STYLES PERSONNALISÉS
   ======================================== */


/* ========================================
   BLOC SUMMARY - LARGEUR 1200PX RESPONSIVE
   ======================================== */

.ExpertProfile__Summary,
.single-consultant__summary {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.single-consultant__header .single-consultant__summary {
    padding-top:30px !important;
    padding-bottom: 30px !important;
}

/* Tablette paysage */
@media (max-width: 1100px) {
    .ExpertProfile__Summary,
    .single-consultant__summary {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Tablette portrait */
@media (max-width: 1000px) {
    .ExpertProfile__Summary,
    .single-consultant__summary {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .ExpertProfile__Summary,
    .single-consultant__summary {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ========================================
   PHOTO DE PROFIL - TAILLE RESPONSIVE
   ======================================== */

/* Desktop (par défaut) */
.single-consultant__header .single-consultant__thumbnail,
.ExpertProfile__Thumbnail {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 50% !important;
    display: block;
}

/* Tablette paysage */
@media (max-width: 1100px) {
    .single-consultant__header .single-consultant__thumbnail,
    .ExpertProfile__Thumbnail {
        width: 90px !important;
        height: 90px !important;
        border-width: 4px !important;
    }
}

/* Tablette portrait */
@media (max-width: 1000px) {
    .single-consultant__header .single-consultant__thumbnail,
    .ExpertProfile__Thumbnail {
        width: 80px !important;
        height: 80px !important;
    }
}

/* Mobile paysage */
@media (max-width: 880px) {
    .single-consultant__header .single-consultant__thumbnail,
    .ExpertProfile__Thumbnail {
        width: 120px !important;
        height: 120px !important;
    }
}

/* Mobile portrait */
@media (max-width: 767px) {
    .single-consultant__header .single-consultant__thumbnail,
    .ExpertProfile__Thumbnail {
        width: 110px !important;
        height: 110px !important;
        border-width: 3px !important;
    }
}

/* Très petits écrans */
@media (max-width: 380px) {
    .single-consultant__header .single-consultant__thumbnail,
    .ExpertProfile__Thumbnail {
        width: 90px !important;
        height: 90px !important;
    }
}

.single-consultant__header {margin-bottom:20px !important;}

/* ========================================
   SUMMARY - PADDING MOBILE
   ======================================== */

@media (max-width: 767px) {
    .single-consultant__header .single-consultant__summary,
    .ExpertProfile__Summary {
        padding: 80px 20px 20px !important;
    }
}


/* --- 1. Bandeau de couverture en violet uni --- */
.ExpertProfile__Cover,
.single-consultant__cover {
    background-image: linear-gradient(135deg, #38234F 0%, #5e2db9 100%) !important;
    background-color: #5e2db9 !important;
}


/* --- Supprimer la partie "forfait" --- */
.single-consultant__sections > section.single-consultant__section:nth-of-type(2) {
  display: none;
}

.single-consultant__section-nav-item:has(a[href="#packages-consultant"]) {
  display: none;
}


/* --- 2. Border radius 10px sur tous les blocs --- */
.single-consultant__header,
.ExpertProfile__Header,
.single-consultant__summary,
.single-consultant__sidebar-box,
.dialotel-package__container,
.D-PackageItem,
.consultant-card__container,
.single-consultant__review,
.CallButton {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Section principale (À propos, Forfaits, Commentaires) - fond violet dégradé */
.single-consultant__section {
    border-radius: 10px !important;
    background: linear-gradient(135deg, #4A2B7A 0%, #5e2db9 100%) !important;
    color: #ffffff !important;
    padding: 30px !important;
    overflow: hidden;
}

/* Texte du bloc présentation en blanc */
.single-consultant__section-title,
.single-consultant__section-content,
.single-consultant__section-content p,
.single-consultant__presentation,
.single-consultant__presentation p {
    color: #ffffff !important;
}

/* Onglets de navigation (Présentation / Forfaits / Commentaires) sur fond violet */
.single-consultant__section-nav {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.single-consultant__section-nav .single-consultant__section-nav-item a {
    color: rgba(255, 255, 255, 0.5) !important;
}

.single-consultant__section-nav .single-consultant__section-nav-item.-active a {
    color: #ffffff !important;
    font-weight: 600;
}

/* Cas particulier : section Commentaires reste en fond blanc pour la lisibilité */
.single-consultant__section:has(#reviews-consultant) {
    background: #ffffff !important;
    color: #5b5b5b !important;
}

.single-consultant__section:has(#reviews-consultant) .single-consultant__section-title,
.single-consultant__section:has(#reviews-consultant) .single-consultant__section-content,
.single-consultant__section:has(#reviews-consultant) .single-consultant__section-content p {
    color: #5b5b5b !important;
}

.single-consultant__section:has(#reviews-consultant) .single-consultant__section-nav {
    border-bottom-color: #e0e0e0 !important;
}

.single-consultant__section:has(#reviews-consultant) .single-consultant__section-nav .single-consultant__section-nav-item a {
    color: #999 !important;
}

.single-consultant__section:has(#reviews-consultant) .single-consultant__section-nav .single-consultant__section-nav-item.-active a {
    color: #5e2db9 !important;
}

/* Header des forfaits arrondi en haut uniquement */
.dialotel-package__header {
    border-radius: 10px 10px 0 0 !important;
}

/* Cover du profil arrondie en haut */
.ExpertProfile__Cover,
.single-consultant__cover {
    border-radius: 10px 10px 0 0 !important;
    height:120px !important;
}

/* --- 3. Largeur max 1200px et centrage --- */
.single-consultant__main {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .single-consultant__main {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 1000px) {
    .single-consultant__main {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (max-width: 767px) {
    .single-consultant__main {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* --- 4. Étoiles d'avis dorées --- */
.single-consultant__rating-stars i,
.single-consultant__review-rating i,
.ExpertProfile__RatingStars i,
.consultant-card__rating-stars i {
    color: #D7AE75 !important;
}

/* --- 5. Tags catégories (sur fond violet du bloc présentation) --- */
.single-consultant__category {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 6px 12px !important;
    display: inline-block;
    margin: 3px 4px 3px 0;
    font-weight: 500;
    backdrop-filter: blur(4px);
}

.single-consultant__category i {
    color: #ffffff !important;
    margin-right: 4px;
}

/* --- 6. Fix mobile : photo de profil non coupée --- */
@media (max-width: 767px) {
    .single-consultant__header,
    .ExpertProfile__Header {
        overflow: visible !important;

    }
    
    .ExpertProfile__Cover,
    .single-consultant__cover {
        border-radius: 10px 10px 0 0 !important;
        overflow: hidden;
    }
        
    .ExpertProfile__Summary,
    .single-consultant__summary {
        border-radius: 0 0 10px 10px !important;
    }
}

.dialotel-mentions {display:none;}


@media screen and (max-width: 670px) {
    .single-consultant__header .single-consultant__name {
        text-align: center !important;
    }
}/* End custom CSS */