/**
 * Surcharge visuelle RelPro — tokens Calepin Parentalité
 *
 * Stratégie :
 *   1. Remappage des variables --relpro-* vers --cp-* (couvre ~80 % des overrides)
 *   2. Sélecteurs ciblés pour les valeurs hardcodées restantes
 *
 * Chargé uniquement sur is_singular('pro_profile').
 * Ne touche pas relpro-booking.css.
 *
 * @package CalepiParentalite
 */

/* ============================================================
   1. REMAPPAGE DES VARIABLES --relpro-* → --cp-*
   ============================================================ */

:root {
    --relpro-primary:      var(--cp-graphite);   /* #2C2C2A */
    --relpro-text:         var(--cp-graphite);
    --relpro-text-muted:   var(--cp-muted);      /* #888780 */
    --relpro-accent:       var(--cp-coral);      /* #D4553A */
    --relpro-accent-warm:  var(--cp-orange);     /* #E8833A */
    --relpro-verified:     var(--cp-teal);       /* #5BA8A0 */
    --relpro-bg:           var(--cp-cream);      /* #FBF6F0 */
    --relpro-surface:      var(--cp-peach);      /* #F5EDE3 */
    --relpro-border:       rgba(44, 44, 42, 0.14);
    --relpro-radius-md:    var(--cp-radius-btn); /* 8px  */
    --relpro-radius-lg:    var(--cp-radius-card);/* 12px */
    /* Suppression des ombres */
    --relpro-shadow-card:  none;
    --relpro-shadow-hover: none;
}

/* ============================================================
   2. TYPOGRAPHIE — remplacement Inter / Outfit → Lato / Caveat
   ============================================================ */

/* Corps de la fiche praticien */
.relpro-single-profile {
    font-family: 'Lato', sans-serif;
    color: var(--cp-graphite);
}

/* Nom du praticien = H1 visuel → Caveat */
.relpro-profile-hero__name {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1;
    font-size: 2rem;
}

/* Titres de section et de carte sidebar → Lato 700 */
.relpro-profile-section__title,
.relpro-profile-card__title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Widgets directory (liste / carte) */
.relpro-list-widget,
.relpro-map-widget,
.relpro-profile-widget {
    font-family: 'Lato', sans-serif;
}

/* Titres dans les widgets */
.relpro-heading {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Boutons RelPro → Lato */
.relpro-btn {
    font-family: 'Lato', sans-serif;
}

/* ============================================================
   3. COULEURS HARDCODÉES — surcharges ciblées
   ============================================================ */

/* Hero : fond blanc → peach, suppression ombre */
.relpro-profile-hero {
    background: var(--cp-peach);
    box-shadow: none;
    border-width: 0.5px;
}

/* Sections main : fond blanc → peach */
.relpro-profile-section {
    background: var(--cp-peach);
    border-width: 0.5px;
}

/* Séparateur sous titre de section */
.relpro-profile-section__title {
    border-bottom-width: 1px;
    border-bottom-color: rgba(44, 44, 42, 0.08);
}

/* Cartes sidebar : fond blanc → peach */
.relpro-profile-card {
    background: var(--cp-peach);
    border-width: 0.5px;
}

/* Carte CTA sidebar */
.relpro-profile-card--cta {
    background: var(--cp-coral);
    border-color: var(--cp-coral);
}
.relpro-profile-card--cta .relpro-btn {
    background: #fff;
    color: var(--cp-coral);
}
.relpro-profile-card--cta .relpro-btn:hover {
    opacity: 0.92;
}

/* Bio : couleur hardcodée #374151 → graphite */
.relpro-profile-bio {
    color: var(--cp-graphite);
}

/* Badge vérifié : fond bleu → teal clair */
.relpro-badge--verified {
    background: rgba(91, 168, 160, 0.12);
    color: var(--cp-teal);
}
.relpro-badge--verified svg { stroke: var(--cp-teal); }

/* Tags spécialités : fonds gris hardcodés (#f0f4f8) → cream */
.relpro-tag,
.relpro-profile-hero__tags .relpro-tag {
    background: var(--cp-cream);
    color: var(--cp-graphite);
}
.relpro-tag--neutral {
    background: var(--cp-cream);
    border-color: rgba(44, 44, 42, 0.14);
}

/* Fond des blocs service */
.relpro-profile-service {
    background: var(--cp-cream);
    border-width: 0.5px;
}

/* Photo placeholder */
.relpro-profile-hero__photo--placeholder {
    background: var(--cp-cream);
}

/* Bordure photo */
.relpro-profile-hero__photo {
    border-color: rgba(44, 44, 42, 0.14);
    border-width: 1px;
}

/* ============================================================
   4. LAYOUT GENERATEPRESS — page praticien sans sidebar
   ============================================================ */

/* Supprime le padding-top inutile du wrapper GP en mode no-sidebar */
.single-pro_profile .content-area {
    padding-top: 0;
}

/* Retire la marge classique des entries GP */
.single-pro_profile .entry-content {
    margin: 0;
    padding: 0;
}

/* Assure que le wrapper de contenu ne contraint pas la largeur du template */
.single-pro_profile .site-main {
    max-width: none;
    padding: 0;
}