/* ============================================================================
   UpMyChain — pages profil publiques (prestataire et client)
   06/09/2026

   Chargee via @push('stylesheets') depuis les vues `extend`.

   ⚠️ MESURE DU 07/09 : cette feuille sort AVANT refonte.css, pas apres.
      `front-end/master.blade.php:31` reemet bien la pile dans le corps, mais
      les sections sont evaluees avant le gabarit parent : en pratique le lien
      n'apparait qu'une fois, dans le <head>, ligne 91 — refonte.css est ligne 93.
      Ce qui fait gagner cette feuille, c'est la SPECIFICITE de ses selecteurs
      (`.umc-pp .umc-card`, deux classes) face a ceux de refonte.css (`.card`).
      Verifie sur le rendu : radius, padding, couleurs et hauteurs sont bien
      les valeurs de ce fichier. Ne pas relacher la specificite en croyant que
      l'ordre protege.

   Tout est porte par `.umc-pp` : rien ne peut fuir vers le reste du site.
   Les valeurs viennent de la page d'accueil (second-index.blade.php), pas
   d'une nouvelle identite : voir docs/design-tokens.md.
   ========================================================================== */

.umc-pp{
    /* Les tokens de la home, avec repli si la page ne les a pas poses. */
    --p-accent:var(--umc-accent,#ff6300);
    --p-accent-hover:var(--umc-accent-hover,#ff7a24);
    --p-accent-soft:var(--umc-accent-soft,#fff3ea);
    --p-on-accent:#14100c;
    /* L'orange de marque ne passe pas comme encre sur fond clair
       (2,98:1). Ce jeton-ci est fait pour le texte : 5,9:1. */
    --p-accent-txt:#9a3b00;

    --p-ink:var(--umc-ink,#101114);
    --p-ink-2:var(--umc-ink-2,#3d414a);
    --p-ink-3:var(--umc-ink-3,#6b7280);

    --p-line:var(--umc-line,#e7e8ec);
    --p-line-strong:var(--umc-line-strong,#d7d9df);

    --p-bg:var(--umc-bg,#ffffff);
    --p-bg-2:var(--umc-bg-2,#fafafb);
    --p-surface:var(--umc-surface,#ffffff);

    --p-star:#f5b301;
    --p-ok:#0f7b52;
    --p-ok-soft:#e8f5ef;
    --p-warn:#8a5a00;
    --p-warn-soft:#fdf4e3;
    --p-info:#1b5fa8;
    --p-info-soft:#e9f1fa;

    --p-shadow:var(--umc-shadow,0 1px 2px rgba(16,17,20,.04),0 8px 24px rgba(16,17,20,.06));
    --p-radius:14px;
    --p-max:1180px;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--p-ink);
    font-size:16px;
    line-height:1.6;
}

html[data-theme="dark"] .umc-pp{
    --p-accent-txt:#ff9a55;
    --p-ok:#4bbd8c;        --p-ok-soft:#12271f;
    --p-warn:#e0a23c;      --p-warn-soft:#2a2113;
    --p-info:#6aa9e9;      --p-info-soft:#12202e;
    --p-line-strong:#3a3f49;
}

/* Le theme colore agressivement p/li/span dans .wt-main : on reprend la main
   a l'interieur du bloc, sinon tout le corps de page reste en gris fonce. */
.umc-pp p,.umc-pp li,.umc-pp span,.umc-pp td,.umc-pp th,.umc-pp dd,.umc-pp dt,
.umc-pp h1,.umc-pp h2,.umc-pp h3,.umc-pp h4,.umc-pp strong,.umc-pp em{
    color:inherit;
}
.umc-pp h1,.umc-pp h2,.umc-pp h3,.umc-pp h4{
    margin:0;font-weight:640;letter-spacing:-.022em;line-height:1.2;
}
.umc-pp p{margin:0;}
.umc-pp ul{margin:0;padding:0;list-style:none;}
.umc-pp a{color:inherit;text-decoration:none;}
.umc-pp img{max-width:100%;height:auto;}
.umc-pp *,.umc-pp *::before,.umc-pp *::after{box-sizing:border-box;}

/* Ancre pour la barre de navigation collante */
.umc-pp [id]{scroll-margin-top:96px;}

/* ------------------------------------------------------------------------
   Neutralisation du gabarit Worketic a l'interieur du bloc.

   Le theme fait flotter presque tout et plafonne certaines classes en dur
   (`.wt-userdetails` a 540 px, par exemple). Une seule de ces regles qui
   fuit et les cartes se chevauchent. On repart d'une page propre ici, et
   nulle part ailleurs.
   ------------------------------------------------------------------------ */
.umc-pp section,.umc-pp main,.umc-pp aside,.umc-pp header,.umc-pp nav,
.umc-pp article,.umc-pp .umc-card,.umc-pp .umc-wrap,.umc-pp .umc-cols{
    float:none;
    max-width:none;
    min-height:0;
}
.umc-pp main,.umc-pp aside{width:auto;}
/* Le theme accroche une image de fond en ::after sous les descriptions. */
.umc-pp .umc-prose::after,.umc-pp .umc-prose::before{content:none;}
/* Puces heritees. Le theme repasse `list-style: disc` sur le `li` lui-meme :
   le poser sur le `ul` ne suffit pas, et le marqueur reapparait au-dessus du
   libelle des que le `li` redevient `list-item`. */
.umc-pp li{list-style:none;}
.umc-pp li::marker{content:"";}
/* Le theme etire les `li` sur toute la largeur (`display:flex` + largeur
   pleine) : le fil d'Ariane s'empilait sur trois lignes.
   ⚠️ `flex: 0 1 auto` et non `0 0 auto` : le second interdit le
   retrecissement, et un libelle long sortait alors du cadre sur telephone. */
.umc-pp .umc-fil li,.umc-pp .umc-meta li,.umc-pp .umc-badges li,
.umc-pp .umc-anchors li,.umc-pp .umc-final li,.umc-pp .umc-mission-meta li{
    flex:0 1 auto;width:auto;max-width:100%;
}
.umc-pp .umc-meta li::before,.umc-pp .umc-badges li::before,
.umc-pp .umc-anchors li::before,.umc-pp .umc-assure li::before,
.umc-pp .umc-final li::before{content:none;display:none;}

/* Le menu principal du theme (`.navbar-collapse.wt-navigation`) est en
   `position: absolute` : il ne prend aucune hauteur et se pose sur le haut du
   contenu. Sur l'ancienne page une image de banniere passait dessous ; il n'y
   en a plus. On rend au bandeau la place que le menu occupe — mesure a 47 px,
   arrondie. Sous 992 px le menu se replie en bouton : la place n'est plus due. */
.umc-pp{clear:both;display:block;}
.umc-pp .umc-hero{clear:both;}
/* La place est rendue au BLOC ENTIER, pas au seul bandeau : le premier
   element de la page est desormais le fil d'Ariane, et c'est lui qui
   passait sous la navigation. Sous 992 px le menu se replie en bouton,
   la compensation n'a plus lieu d'etre. */
@media (min-width:992px){
    .umc-pp{padding-top:48px;}
}
/* ------------------------------------------------------------------------
   AUCUN TEXTE NE SORT DE SON CADRE.

   Regle generale : tout conteneur peut retrecir (`min-width: 0`, sans quoi un
   element de grille ou de flex garde la largeur de son contenu et deborde), et
   tout mot trop long se coupe plutot que de pousser la boite. Ce qui ne peut
   pas se couper — un tableau, une suite de pastilles — defile dans son propre
   cadre, jamais la page entiere.
   ------------------------------------------------------------------------ */
.umc-pp,.umc-pp *{min-width:0;}
.umc-pp{overflow-x:clip;}
.umc-pp p,.umc-pp li,.umc-pp dd,.umc-pp dt,.umc-pp td,.umc-pp th,
.umc-pp h1,.umc-pp h2,.umc-pp h3,.umc-pp h4,.umc-pp span,.umc-pp strong,
.umc-pp a,.umc-pp em,.umc-pp b,.umc-pp button,.umc-pp summary{
    overflow-wrap:anywhere;
    word-break:normal;
}
/* Les identifiants sans espace (SIREN, SIRET, code APE, adresses) sont les
   seuls a pouvoir depasser une colonne etroite : on les laisse se couper. */
.umc-pp .umc-legal dd{overflow-wrap:break-word;}

/* Le theme justifie les descriptions. Combine a la cesure, cela produisait
   « resi-ding » au milieu d'une phrase et des rivieres blanches sur une
   colonne etroite. Un texte au fer a gauche se lit mieux, sans cesure. */
.umc-pp .umc-prose,.umc-pp .umc-rev-text,.umc-pp .umc-mission-desc,
.umc-pp .umc-empty p,.umc-pp .umc-card > .umc-sub{
    text-align:left;
    hyphens:manual;
    overflow-wrap:break-word;
}
.umc-pp img,.umc-pp iframe,.umc-pp svg{max-width:100%;}
.umc-pp iframe{height:auto;aspect-ratio:16/9;}
/* Le QR code du theme sort en SVG de taille fixe. */
.umc-pp .umc-qr svg{width:88px;height:88px;}

/* Lecture d'ecran seul */
.umc-sr{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Un anneau de focus unique, visible sur les deux themes */
.umc-pp a:focus-visible,.umc-pp button:focus-visible,
.umc-pp [tabindex]:focus-visible,.umc-pp summary:focus-visible,
.umc-pp input:focus-visible,.umc-pp select:focus-visible,.umc-pp textarea:focus-visible{
    outline:2px solid var(--p-accent);
    outline-offset:2px;
    border-radius:6px;
}

/* ---------------------------------------------------------------- Structure */

.umc-pp .umc-wrap{max-width:var(--p-max);margin:0 auto;padding:0 24px;width:100%;}

.umc-pp .umc-cols{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:28px;
    align-items:start;
    padding:28px 0 64px;
}
.umc-pp .umc-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px;}

/* ---------------------------------------------------------- Fil d'Ariane */

.umc-pp .umc-fil{
    background:var(--p-bg-2);
    border-bottom:1px solid var(--p-line);
    font-size:13px;
}
.umc-pp .umc-fil ol{
    display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;
    margin:0;padding:11px 24px;list-style:none;
    max-width:var(--p-max);margin-inline:auto;
}
.umc-pp .umc-fil .umc-wrap{padding:0;}
.umc-pp .umc-fil li{display:inline-flex;align-items:center;gap:8px;color:var(--p-ink-3);}
.umc-pp .umc-fil li + li::before{
    content:"/";color:var(--p-line-strong);
}
.umc-pp .umc-fil a{color:var(--p-ink-2);}
.umc-pp .umc-fil a:hover{color:var(--p-accent-txt);}
.umc-pp .umc-fil [aria-current="page"]{
    color:var(--p-ink-3);
    /* Un nom long ne doit pas pousser le fil sur trois lignes. */
    max-width:min(46ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (max-width:680px){
    .umc-pp .umc-fil ol{padding:9px 16px;}
    .umc-pp .umc-fil [aria-current="page"]{max-width:22ch;}
}

/* ------------------------------------------------------------------- Bandeau */

.umc-pp .umc-hero{
    background:var(--p-bg-2);
    border-bottom:1px solid var(--p-line);
    background-image:radial-gradient(820px 420px at 88% -30%,var(--p-accent-soft) 0%,transparent 62%);
    padding:34px 0 26px;
}
.umc-pp .umc-hero-in{display:flex;gap:26px;align-items:flex-start;}

.umc-pp .umc-ava{
    flex:0 0 auto;width:128px;height:128px;border-radius:50%;
    background:var(--p-surface);border:3px solid var(--p-surface);
    box-shadow:var(--p-shadow);overflow:hidden;position:relative;
}
.umc-pp .umc-ava img{width:100%;height:100%;object-fit:cover;display:block;}
.umc-pp .umc-ava-txt{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    font-size:42px;font-weight:660;letter-spacing:-.03em;color:#fff;
}

.umc-pp .umc-hero-main{min-width:0;flex:1;}
.umc-pp .umc-name{
    font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:0 0 6px;
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.umc-pp .umc-role{font-size:16.5px;color:var(--p-ink-2);margin-bottom:12px;}

.umc-pp .umc-meta{
    display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--p-ink-3);
    margin-bottom:14px;
}
.umc-pp .umc-meta li{display:inline-flex;align-items:center;gap:6px;}
.umc-pp .umc-meta i{font-size:12.5px;opacity:.85;width:13px;text-align:center;}

/* Note en tete */
.umc-pp .umc-rate{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;}
.umc-pp .umc-rate b{font-size:17px;font-weight:660;}
.umc-pp .umc-rate a{color:var(--p-ink-2);text-decoration:underline;text-underline-offset:2px;}
.umc-pp .umc-rate a:hover{color:var(--p-accent-txt);}

/* Etoiles : une seule mecanique pour tout le site, largeur en % */
.umc-pp .umc-stars{
    position:relative;display:inline-block;width:84px;height:15px;
    font-size:15px;line-height:1;vertical-align:middle;flex:0 0 auto;
}
/* La partie doree est un calque decoupe en largeur au-dessus des etoiles
   grises. `content` ne s'applique qu'a un pseudo-element : sur le <i> lui-meme
   il n'affichait rien, et la note restait invisible. */
.umc-pp .umc-stars::before,
.umc-pp .umc-stars i::before{
    content:"★★★★★";letter-spacing:2px;
    font-style:normal;font-family:inherit;
}
.umc-pp .umc-stars::before{color:var(--p-line-strong);}
.umc-pp .umc-stars i{
    position:absolute;left:0;top:0;height:100%;overflow:hidden;white-space:nowrap;
    color:var(--p-star);display:block;
}
.umc-pp .umc-stars-sm{width:67px;height:12px;font-size:12px;}

/* Actions discretes en haut a droite */
.umc-pp .umc-hero-act{display:flex;gap:8px;flex:0 0 auto;align-items:center;}
.umc-pp .umc-icobtn{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-width:44px;height:44px;padding:0 14px;
    background:var(--p-surface);border:1px solid var(--p-line);border-radius:10px;
    color:var(--p-ink-2);font-size:14px;cursor:pointer;
    transition:border-color .15s,color .15s;
}
.umc-pp .umc-icobtn:hover{border-color:var(--p-accent);color:var(--p-accent-txt);}
.umc-pp .umc-icobtn.is-on{border-color:var(--p-accent);color:var(--p-accent-txt);background:var(--p-accent-soft);}

/* --------------------------------------------------------- Badges de confiance */

.umc-pp .umc-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.umc-pp .umc-badge{
    display:inline-flex;align-items:center;gap:7px;
    font-size:13px;font-weight:560;line-height:1.3;
    padding:6px 12px;border-radius:100px;
    border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-ink-2);
    cursor:help;
}
.umc-pp .umc-badge i{font-size:12px;}
.umc-pp .umc-badge b{font-weight:640;color:var(--p-ink);}
.umc-pp .umc-badge--ok{background:var(--p-ok-soft);border-color:transparent;color:var(--p-ok);}
.umc-pp .umc-badge--ok b{color:var(--p-ok);}
.umc-pp .umc-badge--info{background:var(--p-info-soft);border-color:transparent;color:var(--p-info);}
.umc-pp .umc-badge--info b{color:var(--p-info);}
.umc-pp .umc-badge--warn{background:var(--p-warn-soft);border-color:transparent;color:var(--p-warn);}
.umc-pp .umc-badge--new{background:var(--p-accent-soft);border-color:transparent;color:var(--p-accent-txt);}
html[data-theme="dark"] .umc-pp .umc-badge--new{color:#ffb583;}

/* Infobulle maison : pas de dependance, lisible au clavier */
.umc-pp .umc-tip{position:relative;}
.umc-pp .umc-tip .umc-tiptext{
    position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);
    width:max-content;max-width:270px;z-index:30;
    background:#16181d;color:#f2f3f5;font-size:12.5px;font-weight:400;line-height:1.45;
    padding:9px 12px;border-radius:9px;text-align:left;
    opacity:0;visibility:hidden;transition:opacity .14s;
    box-shadow:0 6px 20px rgba(0,0,0,.28);pointer-events:none;
}
.umc-pp .umc-tip .umc-tiptext::after{
    content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
    border:5px solid transparent;border-top-color:#16181d;
}
.umc-pp .umc-tip:hover .umc-tiptext,
.umc-pp .umc-tip:focus-visible .umc-tiptext,
.umc-pp .umc-tip:focus-within .umc-tiptext{opacity:1;visibility:visible;}

/* ------------------------------------------------------- Barre de navigation */

.umc-pp .umc-anchors{
    position:sticky;top:0;z-index:20;
    background:var(--p-bg);border-bottom:1px solid var(--p-line);
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.umc-pp .umc-anchors::-webkit-scrollbar{display:none;}
.umc-pp .umc-anchors ul{display:flex;gap:4px;max-width:var(--p-max);margin:0 auto;padding:0 24px;}
.umc-pp .umc-anchors a{
    display:block;padding:14px 12px;font-size:14.5px;color:var(--p-ink-3);
    white-space:nowrap;border-bottom:2px solid transparent;
}
.umc-pp .umc-anchors a:hover{color:var(--p-ink);}
.umc-pp .umc-anchors a.is-active{color:var(--p-accent-txt);border-bottom-color:var(--p-accent-txt);}

/* --------------------------------------------------------------- Sections */

.umc-pp .umc-card{
    background:var(--p-surface);border:1px solid var(--p-line);
    border-radius:var(--p-radius);padding:26px 28px;margin-bottom:20px;
}
.umc-pp .umc-card > h2{
    font-size:20px;margin:0 0 6px;
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.umc-pp .umc-card > h2 .umc-count{
    font-size:14px;font-weight:500;color:var(--p-ink-3);letter-spacing:0;
}
.umc-pp .umc-card > .umc-sub{font-size:14.5px;color:var(--p-ink-3);margin-bottom:18px;}
.umc-pp .umc-card > h2 + *:not(.umc-sub){margin-top:18px;}

/* Presentation */
.umc-pp .umc-prose{font-size:15.5px;line-height:1.75;color:var(--p-ink-2);max-width:70ch;}
.umc-pp .umc-prose p{margin:0 0 12px;}
.umc-pp .umc-prose p:last-child{margin-bottom:0;}
.umc-pp .umc-prose strong{color:var(--p-ink);font-weight:620;}
/* readmore.js du theme : on habille le lien qu'il injecte */
.umc-pp .wt-btntext{
    display:inline-block;margin-top:10px;font-size:14.5px;font-weight:560;
    color:var(--p-accent-txt)!important;
}

/* Puces cliquables */
.umc-pp .umc-chips{display:flex;flex-wrap:wrap;gap:8px;}
.umc-pp .umc-chip{
    display:inline-flex;align-items:center;gap:7px;
    font-size:14px;color:var(--p-ink-2);background:var(--p-surface);
    border:1px solid var(--p-line);border-radius:100px;padding:7px 15px;
    min-height:36px;transition:border-color .15s,color .15s;
}
.umc-pp a.umc-chip:hover{border-color:var(--p-accent);color:var(--p-accent-txt);}
.umc-pp .umc-chip i{font-size:12px;color:var(--p-ink-3);}
.umc-pp a.umc-chip:hover i{color:var(--p-accent-txt);}
.umc-pp .umc-chip--flat{border-radius:8px;}

/* Zone d'intervention */
.umc-pp .umc-zone-note{
    font-size:14.5px;color:var(--p-ink-2);margin-bottom:14px;
    display:flex;align-items:flex-start;gap:9px;
}
.umc-pp .umc-zone-note i{color:var(--p-accent-txt);margin-top:3px;}

/* --------------------------------------------------------- Carte d'action */

.umc-pp .umc-act{
    background:var(--p-surface);border:1px solid var(--p-line);
    border-radius:18px;padding:24px;box-shadow:var(--p-shadow);
}
.umc-pp .umc-price{font-size:15px;color:var(--p-ink-3);margin-bottom:2px;}
.umc-pp .umc-price b{display:block;font-size:26px;font-weight:680;color:var(--p-ink);line-height:1.2;}
.umc-pp .umc-price small{font-size:14px;font-weight:400;color:var(--p-ink-3);}

.umc-pp .umc-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:inherit;font-size:15px;font-weight:580;
    padding:13px 22px;min-height:48px;border-radius:11px;
    border:1px solid transparent;cursor:pointer;white-space:nowrap;
    transition:background .15s,border-color .15s,color .15s;
}
.umc-pp .umc-btn--solid{background:var(--p-accent);color:var(--p-on-accent);}
.umc-pp .umc-btn--solid:hover{background:var(--p-accent-hover);color:var(--p-on-accent);}
.umc-pp .umc-btn--ghost{background:var(--p-surface);border-color:var(--p-line);color:var(--p-ink-2);}
.umc-pp .umc-btn--ghost:hover{border-color:var(--p-line-strong);color:var(--p-ink);}
.umc-pp .umc-btn--block{display:flex;width:100%;}
.umc-pp .umc-act .umc-btn + .umc-btn{margin-top:9px;}
.umc-pp .umc-act .umc-btn--solid{margin-top:16px;}

.umc-pp .umc-assure{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--p-line);}
.umc-pp .umc-assure li{
    display:flex;align-items:flex-start;gap:9px;
    font-size:13.5px;line-height:1.5;color:var(--p-ink-2);margin-bottom:10px;
}
.umc-pp .umc-assure li:last-child{margin-bottom:0;}
.umc-pp .umc-assure i{color:var(--p-ok);font-size:13px;margin-top:3px;flex:0 0 14px;}

.umc-pp .umc-ministats{
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
    margin-top:18px;padding-top:16px;border-top:1px solid var(--p-line);
}
.umc-pp .umc-ministats div{text-align:center;}
.umc-pp .umc-ministats b{display:block;font-size:17px;font-weight:660;color:var(--p-ink);}
.umc-pp .umc-ministats span{font-size:12px;color:var(--p-ink-3);line-height:1.35;display:block;}

/* Barre d'action fixe sur mobile */
.umc-pp-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;
    align-items:center;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:var(--umc-surface,#fff);border-top:1px solid var(--umc-line,#e7e8ec);
    box-shadow:0 -2px 16px rgba(0,0,0,.10);
}
.umc-pp-bar .umc-bar-price{flex:1;min-width:0;font-size:12.5px;color:var(--umc-ink-3,#6b7280);line-height:1.3;}
.umc-pp-bar .umc-bar-price b{display:block;font-size:16px;font-weight:660;color:var(--umc-ink,#101114);}
.umc-pp-bar .umc-btn{flex:0 0 auto;}

/* --------------------------------------------------------------- Realisations */

.umc-pp .umc-works{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.umc-pp .umc-work{
    border:1px solid var(--p-line);border-radius:12px;overflow:hidden;
    background:var(--p-surface);transition:border-color .18s,transform .18s,box-shadow .18s;
}
.umc-pp .umc-work:hover{border-color:var(--p-line-strong);transform:translateY(-2px);box-shadow:var(--p-shadow);}
.umc-pp .umc-work figure{margin:0;aspect-ratio:16/9;background:var(--p-bg-2);overflow:hidden;}
.umc-pp .umc-work img{width:100%;height:100%;object-fit:cover;display:block;}
.umc-pp .umc-work .b{padding:13px 15px 15px;}
.umc-pp .umc-work h3{font-size:15px;line-height:1.35;margin-bottom:5px;}
.umc-pp .umc-work span{font-size:12.5px;color:var(--p-ink-3);}

/* ------------------------------------------------------------------- Avis */

.umc-pp .umc-rev-head{
    display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;
    padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--p-line);
}
.umc-pp .umc-rev-score{text-align:center;}
.umc-pp .umc-rev-score b{display:block;font-size:46px;font-weight:700;line-height:1;letter-spacing:-.03em;}
.umc-pp .umc-rev-score .umc-stars{margin:8px 0 5px;}
.umc-pp .umc-rev-score span{display:block;font-size:13.5px;color:var(--p-ink-3);}

.umc-pp .umc-hist{display:flex;flex-direction:column;gap:6px;}
.umc-pp .umc-hist-row{display:grid;grid-template-columns:34px 1fr 38px;gap:10px;align-items:center;font-size:13px;color:var(--p-ink-3);}
.umc-pp .umc-hist-bar{height:7px;border-radius:100px;background:var(--p-bg-2);overflow:hidden;border:1px solid var(--p-line);}
.umc-pp .umc-hist-bar i{display:block;height:100%;background:var(--p-star);border-radius:100px;}
.umc-pp .umc-hist-row em{font-style:normal;text-align:right;}

.umc-pp .umc-subrates{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;}
.umc-pp .umc-subrates div{
    background:var(--p-bg-2);border:1px solid var(--p-line);border-radius:10px;
    padding:12px 14px;
}
.umc-pp .umc-subrates span{display:block;font-size:12.5px;color:var(--p-ink-3);margin-bottom:4px;}
.umc-pp .umc-subrates b{font-size:16px;font-weight:640;}

.umc-pp .umc-rev-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.umc-pp .umc-seg{display:inline-flex;border:1px solid var(--p-line);border-radius:10px;overflow:hidden;}
.umc-pp .umc-seg button{
    font-family:inherit;font-size:13.5px;padding:9px 14px;min-height:38px;
    background:var(--p-surface);border:0;border-right:1px solid var(--p-line);
    color:var(--p-ink-2);cursor:pointer;
}
.umc-pp .umc-seg button:last-child{border-right:0;}
.umc-pp .umc-seg button[aria-pressed="true"]{background:var(--p-accent-soft);color:var(--p-accent-txt);font-weight:580;}

.umc-pp .umc-rev{display:flex;gap:15px;padding:20px 0;border-top:1px solid var(--p-line);}
.umc-pp .umc-rev:first-child{border-top:0;padding-top:0;}
.umc-pp .umc-rev-ava{flex:0 0 44px;}
.umc-pp .umc-rev-ava img,.umc-pp .umc-rev-ava .umc-ava-txt{
    width:44px;height:44px;border-radius:50%;object-fit:cover;font-size:16px;
}
.umc-pp .umc-rev-body{min-width:0;flex:1;}
.umc-pp .umc-rev-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:3px;}
.umc-pp .umc-rev-top strong{font-size:15px;font-weight:620;}
.umc-pp .umc-rev-date{font-size:13px;color:var(--p-ink-3);}
.umc-pp .umc-rev-job{font-size:13.5px;color:var(--p-ink-3);margin-bottom:9px;}
.umc-pp .umc-rev-job b{color:var(--p-ink-2);font-weight:560;}
.umc-pp .umc-rev-text{font-size:15px;line-height:1.65;color:var(--p-ink-2);}
.umc-pp .umc-verified{
    display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:580;
    color:var(--p-ok);background:var(--p-ok-soft);border-radius:100px;padding:3px 9px;
}
.umc-pp .umc-rev-reply{
    margin-top:12px;padding:13px 15px;border-left:3px solid var(--p-line);
    background:var(--p-bg-2);border-radius:0 10px 10px 0;
}
.umc-pp .umc-rev-reply strong{display:block;font-size:13.5px;margin-bottom:4px;}
.umc-pp .umc-rev-reply p{font-size:14px;color:var(--p-ink-2);line-height:1.6;}

.umc-pp .umc-more{
    display:block;width:100%;margin-top:18px;padding:12px;min-height:46px;
    font-family:inherit;font-size:14.5px;font-weight:560;
    background:var(--p-surface);border:1px solid var(--p-line);border-radius:11px;
    color:var(--p-ink-2);cursor:pointer;transition:border-color .15s,color .15s;
}
.umc-pp .umc-more:hover{border-color:var(--p-accent);color:var(--p-accent-txt);}

/* ---------------------------------------------------------------- Parcours */

.umc-pp .umc-tl{position:relative;padding-left:26px;}
.umc-pp .umc-tl::before{
    content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--p-line);
}
.umc-pp .umc-tl-item{position:relative;padding-bottom:24px;}
.umc-pp .umc-tl-item:last-child{padding-bottom:0;}
.umc-pp .umc-tl-item::before{
    content:"";position:absolute;left:-26px;top:5px;width:11px;height:11px;border-radius:50%;
    background:var(--p-surface);border:2px solid var(--p-accent);
}
.umc-pp .umc-tl-item.is-edu::before{border-color:var(--p-line-strong);}
.umc-pp .umc-tl-date{font-size:12.5px;color:var(--p-ink-3);margin-bottom:3px;}
.umc-pp .umc-tl-item h3{font-size:15.5px;margin-bottom:2px;}
.umc-pp .umc-tl-org{font-size:14px;color:var(--p-ink-2);margin-bottom:6px;}
.umc-pp .umc-tl-item p{font-size:14.5px;color:var(--p-ink-2);line-height:1.6;}

/* ------------------------------------------------------------ Competences */

.umc-pp .umc-skills{display:flex;flex-direction:column;gap:13px;}
.umc-pp .umc-skill span{display:flex;justify-content:space-between;font-size:14px;color:var(--p-ink-2);margin-bottom:5px;}
.umc-pp .umc-skill em{font-style:normal;color:var(--p-ink-3);font-size:13px;}
.umc-pp .umc-skill .umc-bar{height:6px;border-radius:100px;background:var(--p-bg-2);border:1px solid var(--p-line);overflow:hidden;}
.umc-pp .umc-skill .umc-bar i{display:block;height:100%;background:var(--p-accent);border-radius:100px;}

/* ------------------------------------------------------- Informations legales */

.umc-pp .umc-legal{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:2px;
    border:1px solid var(--p-line);border-radius:12px;overflow:hidden;
}
.umc-pp .umc-legal div{background:var(--p-bg-2);padding:14px 16px;}
.umc-pp .umc-legal dt{font-size:12.5px;color:var(--p-ink-3);margin-bottom:3px;}
.umc-pp .umc-legal dd{margin:0;font-size:15px;font-weight:560;color:var(--p-ink);}
.umc-pp .umc-legal-note{font-size:13px;color:var(--p-ink-3);margin-top:12px;line-height:1.55;}

/* ------------------------------------------------------- Profils similaires */

.umc-pp .umc-sims{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.umc-pp .umc-sim{
    display:flex;gap:13px;padding:16px;background:var(--p-surface);
    border:1px solid var(--p-line);border-radius:12px;
    transition:border-color .18s,box-shadow .18s;
}
.umc-pp .umc-sim:hover{border-color:var(--p-line-strong);box-shadow:var(--p-shadow);}
.umc-pp .umc-sim img,.umc-pp .umc-sim .umc-ava-txt{
    width:52px;height:52px;border-radius:11px;object-fit:cover;flex:0 0 52px;font-size:19px;
}
.umc-pp .umc-sim h3{font-size:14.5px;line-height:1.3;margin-bottom:3px;}
.umc-pp .umc-sim p{font-size:13px;color:var(--p-ink-3);line-height:1.4;}

/* ------------------------------------------------------------- CTA de fin */

.umc-pp .umc-final{
    background:#16181d;color:#f2f3f5;border-radius:20px;padding:40px 40px;
    display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
    margin-bottom:20px;
}
.umc-pp .umc-final h2{font-size:clamp(21px,2.6vw,28px);max-width:22ch;margin-bottom:10px;color:#fff;}
.umc-pp .umc-final ul{display:flex;flex-wrap:wrap;gap:8px 22px;}
.umc-pp .umc-final li{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#b6b9c0;}
.umc-pp .umc-final i{color:var(--p-accent-txt);}

/* ------------------------------------------------------------ Certifications */

.umc-pp .umc-award{
    display:flex;gap:12px;align-items:flex-start;
    padding:12px 0;border-top:1px solid var(--p-line);
}
.umc-pp .umc-award:first-child{border-top:0;padding-top:0;}
.umc-pp .umc-award img{
    width:40px;height:40px;flex:0 0 40px;object-fit:contain;
    border-radius:8px;background:var(--p-bg-2);
}
.umc-pp .umc-award > i{
    width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;
    border-radius:8px;background:var(--p-accent-soft);color:var(--p-accent-txt);font-size:16px;
}
.umc-pp .umc-award div{min-width:0;}
/* Le libelle d'une certification peut etre long : il passe a la ligne au lieu
   de sortir de la colonne. */
.umc-pp .umc-award strong{
    display:block;font-size:14.5px;line-height:1.35;font-weight:600;
    overflow-wrap:anywhere;
}
.umc-pp .umc-award span{display:block;font-size:12.5px;color:var(--p-ink-3);margin-top:2px;}

/* -------------------------------------------------- Profil client (employeur) */

/* Banniere d'entreprise : elle existe deja en base, on lui donne un cadre
   plutot que de l'etirer en pleine largeur. */
.umc-pp .umc-banner{
    margin:0 0 22px;border-radius:14px;overflow:hidden;
    border:1px solid var(--p-line);background:var(--p-bg-2);
    aspect-ratio:1180/240;
}
.umc-pp .umc-banner img{width:100%;height:100%;object-fit:cover;display:block;}

/* Un profil signale : l'information est defavorable, elle reste lisible. */
.umc-pp .umc-alerte{
    display:flex;align-items:flex-start;gap:10px;margin-top:14px;
    background:var(--p-warn-soft);border:1px solid transparent;border-radius:10px;
    padding:11px 14px;font-size:13.5px;line-height:1.55;color:var(--p-warn);
}
.umc-pp .umc-alerte i{margin-top:3px;flex:0 0 auto;}

/* Demande publiee */
.umc-pp .umc-mission{
    border:1px solid var(--p-line);border-radius:12px;padding:20px;
    margin-bottom:14px;background:var(--p-surface);
    transition:border-color .18s,box-shadow .18s;
}
.umc-pp .umc-mission:last-of-type{margin-bottom:0;}
.umc-pp .umc-mission:hover{border-color:var(--p-line-strong);box-shadow:var(--p-shadow);}
.umc-pp .umc-mission.is-featured{border-color:var(--p-accent);}
.umc-pp .umc-mission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.umc-pp .umc-mission h3{font-size:17px;line-height:1.3;}
.umc-pp .umc-mission h3 a:hover{color:var(--p-accent-txt);}
.umc-pp .umc-mission-desc{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--p-ink-2);}
.umc-pp .umc-mission-meta{
    display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:12px;
    font-size:13.5px;color:var(--p-ink-3);
}
.umc-pp .umc-mission-meta li{display:inline-flex;align-items:center;gap:6px;}
.umc-pp .umc-mission-meta b{font-size:16px;font-weight:660;color:var(--p-accent-txt);}
.umc-pp .umc-mission-act{display:flex;align-items:center;gap:9px;margin-top:16px;flex-wrap:wrap;}
.umc-pp .umc-mission-act .umc-btn{padding:10px 18px;min-height:44px;font-size:14.5px;}

/* Pagination du theme, remise en charte. */
.umc-pp .umc-pagination{margin-top:22px;}
.umc-pp .umc-pagination ul,.umc-pp .umc-pagination .pagination{
    display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
}
.umc-pp .umc-pagination li{list-style:none;}
.umc-pp .umc-pagination a,.umc-pp .umc-pagination span{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;min-height:40px;padding:0 12px;
    border:1px solid var(--p-line);border-radius:9px;
    background:var(--p-surface);color:var(--p-ink-2);font-size:14px;
}
.umc-pp .umc-pagination a:hover{border-color:var(--p-accent);color:var(--p-accent-txt);}
.umc-pp .umc-pagination .active span,.umc-pp .umc-pagination li.active a{
    background:var(--p-accent-soft);border-color:transparent;color:var(--p-accent-txt);font-weight:600;
}

/* ----------------------------------------------------------- Etats vides */

.umc-pp .umc-empty{
    text-align:center;padding:34px 24px;
    background:var(--p-bg-2);border:1px dashed var(--p-line-strong);border-radius:12px;
}
.umc-pp .umc-empty i{font-size:26px;color:var(--p-ink-3);margin-bottom:12px;display:block;}
.umc-pp .umc-empty h3{font-size:16.5px;margin-bottom:7px;}
.umc-pp .umc-empty p{font-size:14.5px;color:var(--p-ink-2);max-width:46ch;margin:0 auto 16px;line-height:1.6;}
.umc-pp .umc-empty p:last-child{margin-bottom:0;}

/* Vue du proprietaire : completer son profil */
.umc-pp .umc-owner{
    background:var(--p-accent-soft);border:1px solid transparent;
    border-radius:var(--p-radius);padding:22px 24px;margin-bottom:20px;
}
html[data-theme="dark"] .umc-pp .umc-owner{border-color:#3a2617;}
.umc-pp .umc-owner h2{font-size:17.5px;margin-bottom:6px;}
.umc-pp .umc-owner > p{font-size:14.5px;color:var(--p-ink-2);margin-bottom:14px;}
.umc-pp .umc-prog{height:8px;border-radius:100px;background:rgba(0,0,0,.08);overflow:hidden;margin-bottom:16px;}
html[data-theme="dark"] .umc-pp .umc-prog{background:rgba(255,255,255,.12);}
.umc-pp .umc-prog i{display:block;height:100%;background:var(--p-accent);border-radius:100px;}
.umc-pp .umc-todo{display:flex;flex-direction:column;gap:8px;}
.umc-pp .umc-todo a{
    display:flex;align-items:center;gap:11px;
    background:var(--p-surface);border:1px solid var(--p-line);border-radius:10px;
    padding:12px 15px;min-height:48px;font-size:14.5px;color:var(--p-ink);
    transition:border-color .15s;
}
.umc-pp .umc-todo a:hover{border-color:var(--p-accent);}
.umc-pp .umc-todo a i:first-child{color:var(--p-accent-txt);width:16px;text-align:center;}
.umc-pp .umc-todo em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--p-ok);font-weight:580;white-space:nowrap;}

/* -------------------------------------------------------------- Partage */

.umc-pp .umc-share{display:flex;flex-direction:column;gap:8px;}
.umc-pp .umc-share a,.umc-pp .umc-share button{
    display:flex;align-items:center;gap:11px;width:100%;
    font-family:inherit;font-size:14px;text-align:left;
    background:var(--p-surface);border:1px solid var(--p-line);border-radius:10px;
    padding:11px 14px;min-height:46px;color:var(--p-ink-2);cursor:pointer;
    transition:border-color .15s,color .15s;
}
.umc-pp .umc-share a:hover,.umc-pp .umc-share button:hover{border-color:var(--p-accent);color:var(--p-accent-txt);}
.umc-pp .umc-share i{width:17px;text-align:center;font-size:15px;}

/* Bloc repliable de la colonne laterale */
.umc-pp .umc-fold{
    background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);
    overflow:hidden;
}
.umc-pp .umc-fold > summary{
    list-style:none;cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;
    display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;
}
.umc-pp .umc-fold > summary::-webkit-details-marker{display:none;}
.umc-pp .umc-fold > summary::after{
    content:"\f078";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;
    font-size:11px;color:var(--p-ink-3);transition:transform .18s;
}
.umc-pp .umc-fold[open] > summary::after{transform:rotate(180deg);}
.umc-pp .umc-fold-body{padding:0 20px 20px;}

/* Le formulaire de signalement du theme, remis en charte */
.umc-pp .umc-fold-body select,
.umc-pp .umc-fold-body textarea,
.umc-pp .umc-fold-body input[type=submit]{
    width:100%;font-family:inherit;font-size:14.5px;border-radius:10px;
}
.umc-pp .umc-fold-body select,
.umc-pp .umc-fold-body textarea{
    background:var(--p-bg-2);border:1px solid var(--p-line);color:var(--p-ink);
    padding:11px 13px;margin-bottom:10px;min-height:46px;
}
.umc-pp .umc-fold-body textarea{min-height:96px;resize:vertical;}
.umc-pp .umc-fold-body input[type=submit]{
    background:var(--p-accent);color:var(--p-on-accent);border:0;
    padding:12px;min-height:46px;font-weight:580;cursor:pointer;
}
.umc-pp .umc-fold-body .wt-select{display:block;position:relative;}

/* Le QR code du theme */
.umc-pp .umc-qr{display:flex;align-items:center;gap:15px;}
.umc-pp .umc-qr figure{margin:0;flex:0 0 auto;background:#fff;padding:7px;border-radius:9px;line-height:0;}
.umc-pp .umc-qr p{font-size:13.5px;color:var(--p-ink-3);line-height:1.5;}

/* ------------------------------------------------------------ Responsive */

@media (max-width:1080px){
    .umc-pp .umc-cols{grid-template-columns:minmax(0,1fr) 320px;gap:22px;}
    .umc-pp .umc-works,.umc-pp .umc-sims{grid-template-columns:repeat(2,1fr);}
    .umc-pp .umc-subrates{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:900px){
    .umc-pp .umc-cols{grid-template-columns:minmax(0,1fr);padding-bottom:96px;}
    .umc-pp .umc-side{position:static;}
    /* La carte d'action laterale cede la place a la barre fixe */
    .umc-pp .umc-side .umc-act{display:none;}
    .umc-pp-bar{display:flex;}
    .umc-pp .umc-anchors{display:none;}
}

@media (max-width:680px){
    .umc-pp .umc-wrap{padding:0 16px;}
    .umc-pp .umc-anchors ul{padding:0 16px;}
    .umc-pp .umc-hero{padding:24px 0 20px;}
    .umc-pp .umc-hero-in{flex-wrap:wrap;gap:16px;}
    .umc-pp .umc-ava{width:88px;height:88px;}
    .umc-pp .umc-ava-txt{font-size:30px;}
    .umc-pp .umc-hero-act{order:3;width:100%;}
    .umc-pp .umc-hero-act .umc-icobtn{flex:1;}
    .umc-pp .umc-card{padding:20px 18px;border-radius:12px;}
    .umc-pp .umc-works,.umc-pp .umc-sims,.umc-pp .umc-subrates{grid-template-columns:1fr;}
    .umc-pp .umc-rev-head{grid-template-columns:1fr;gap:20px;text-align:center;}
    .umc-pp .umc-rev-score b{font-size:38px;}
    .umc-pp .umc-rev-score .umc-stars{margin-inline:auto;}
    .umc-pp .umc-final{padding:28px 22px;border-radius:16px;}
    .umc-pp .umc-legal{grid-template-columns:1fr;}
}

/* ------------------------------------------------------------------------
   Blocs qui ne peuvent pas se replier : ils defilent DANS leur cadre.
   Jamais la page : un defilement horizontal du corps de page est un defaut,
   pas une solution.
   ------------------------------------------------------------------------ */
.umc-pp .umc-scroll-x,
.umc-pp .umc-prose table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
}
/* Une ombre de bord dit qu'il reste du contenu a droite. */
.umc-pp .umc-scroll-x{
    background:
        linear-gradient(to right,var(--p-surface) 30%,rgba(255,255,255,0)) left center/32px 100% no-repeat,
        linear-gradient(to left,var(--p-surface) 30%,rgba(255,255,255,0)) right center/32px 100% no-repeat;
    background-attachment:local,local;
}

/* Le segment de tri passe a la ligne plutot que de deborder de la carte. */
@media (max-width:520px){
    .umc-pp .umc-seg{flex-wrap:wrap;width:100%;}
    .umc-pp .umc-seg button{flex:1 1 auto;border-right:0;border-top:1px solid var(--p-line);}
    .umc-pp .umc-seg button:first-child{border-top:0;}
}

/* Les rangees de chiffres se recomposent au lieu de se serrer illisiblement. */
.umc-pp .umc-ministats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));}
.umc-pp .umc-subrates{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.umc-pp .umc-works,.umc-pp .umc-sims{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

/* Sur un telephone etroit, l'infobulle sortait de l'ecran : ancree sur un
   badge place a droite, sa largeur fixe la poussait hors du cadre. On la
   rattache alors a la rangee entiere, qui fait la largeur utile. */
.umc-pp .umc-badges,.umc-pp .umc-ministats{position:relative;}
@media (max-width:560px){
    .umc-pp .umc-badges .umc-tip,
    .umc-pp .umc-ministats .umc-tip{position:static;}
    .umc-pp .umc-badges .umc-tiptext,
    .umc-pp .umc-ministats .umc-tiptext{
        left:0;right:0;width:auto;max-width:none;transform:none;
    }
    .umc-pp .umc-tiptext::after{display:none;}
}

/* 360 px : la plus petite largeur testee. Rien ne doit y depasser. */
@media (max-width:400px){
    .umc-pp .umc-wrap{padding:0 12px;}
    .umc-pp .umc-card{padding:18px 14px;}
    .umc-pp .umc-name{font-size:22px;}
    .umc-pp .umc-act{padding:18px 16px;}
    .umc-pp .umc-final{padding:24px 16px;}
    .umc-pp .umc-legal div{padding:12px 13px;}
    .umc-pp .umc-rev{gap:11px;}
    .umc-pp .umc-tl{padding-left:20px;}
    .umc-pp .umc-tl-item::before{left:-20px;}
    /* Le bouton de la barre fixe ne doit jamais chasser le prix hors du cadre. */
    .umc-pp-bar{gap:8px;padding-inline:12px;}
    .umc-pp-bar .umc-btn{padding:12px 14px;font-size:14px;}
    .umc-pp-bar .umc-bar-price{font-size:11.5px;}
}

@media (prefers-reduced-motion:reduce){
    .umc-pp *,.umc-pp-bar *{transition:none!important;animation:none!important;}
    .umc-pp .umc-work:hover{transform:none;}
}

@media print{
    .umc-pp-bar,.umc-pp .umc-anchors,.umc-pp .umc-hero-act,
    .umc-pp .umc-share,.umc-pp .umc-fold{display:none!important;}
}

/* --------------------------------------------- Bouton « Lire la suite » */
/* ⭐ Un <button> et non un <a href="#"> : c'est une commande, pas une
      destination. Il porte `aria-expanded`, donc son etat est annonce. */
.umc-pp .umc-readmore-lien{
    display:inline-block;margin-top:10px;padding:0;
    font:inherit;font-size:14.5px;font-weight:600;
    color:var(--p-accent-txt);background:none;border:0;cursor:pointer;
    text-decoration:underline;text-underline-offset:3px;
}
.umc-pp .umc-readmore-lien:hover{color:var(--p-accent-hover);}
.umc-pp .umc-readmore-lien:focus-visible{
    outline:2px solid var(--p-accent);outline-offset:3px;border-radius:4px;
}

/* Le repli de la presentation est un ETAT porte par le balisage, pas une
   hauteur calculee en JavaScript : une valeur posee en style inline ne survit
   pas a un noeud recree par le theme, un attribut si. */
.umc-pp .umc-prose[data-umc-repli="pret"]{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;
    overflow:hidden;
}
.umc-pp .umc-prose[data-umc-repli="ouvert"]{
    display:block;overflow:visible;
}