/* ==========================================================================
   UpMyChain — FAQ dépliables + textes longs (30/09/2026)
   Composant unique : <details class="umc-acc-it"> natif, groupé dans .umc-acc.
   Rendu par App\Support\Accordeon (pages, articles) ou écrit dans le gabarit
   (landings, annuaire). Texte toujours présent dans le HTML : Google, lecteurs
   d'écran, navigation sans JS et Ctrl+F (Chrome déplie tout seul).
   Couleurs : jetons de refonte.css (clair / sombre via html[data-theme]).
   ========================================================================== */

.umc-acc{
  --acc-accent:var(--umc-accent,#ff6300);
  --acc-ink:var(--umc-ink,#101114);
  --acc-ink2:var(--umc-ink-2,#3d414a);
  --acc-line:var(--umc-line,#e7e8ec);
  --acc-surface:var(--umc-surface,#fff);
  --acc-soft:var(--umc-accent-soft,#fff3ea);
  --acc-lien:var(--umc-accent-txt,#9a3b00);
  --acc-ease:cubic-bezier(.22,1,.36,1);
  display:flex;flex-direction:column;gap:10px;
  margin:14px 0 26px;max-width:820px;
}
.umc-acc-outils{display:flex;justify-content:flex-end;margin:-4px 0 2px}
.umc-acc-outils[hidden]{display:flex;visibility:hidden}   /* CLS-20260930 : place réservée */
.umc-acc-tout{
  appearance:none;border:1px solid var(--acc-line);background:transparent;color:var(--acc-ink2);
  font:inherit;font-size:13.5px;font-weight:600;border-radius:999px;padding:6px 14px;cursor:pointer;
  transition:border-color .2s,color .2s,background .2s;
}
.umc-acc-tout:hover{border-color:var(--acc-accent);color:var(--acc-ink)}
.umc-acc-tout:focus-visible{outline:2px solid var(--acc-accent);outline-offset:2px}

.umc-acc-it{
  background:var(--acc-surface);border:1px solid var(--acc-line);border-radius:14px;
  transition:border-color .25s,box-shadow .25s;
  margin:0!important;padding:0!important;
}
.umc-acc-it:hover{border-color:color-mix(in srgb,var(--acc-accent) 45%,var(--acc-line))}
.umc-acc-it[open]{border-color:color-mix(in srgb,var(--acc-accent) 60%,var(--acc-line));box-shadow:0 1px 2px rgba(16,17,20,.04),0 10px 26px -18px rgba(16,17,20,.35)}

.umc-acc-q{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;
  padding:16px 18px;min-height:56px;border-radius:14px;
  -webkit-tap-highlight-color:transparent;user-select:none;
}
.umc-acc-q::-webkit-details-marker{display:none}
.umc-acc-q::marker{content:none}
.umc-acc-q:focus{outline:none}
.umc-acc-q:focus-visible{outline:2px solid var(--acc-accent);outline-offset:2px}
.umc-acc .umc-acc-q h3,.umc-acc-q h3{
  flex:1;margin:0!important;padding:0!important;border:0!important;
  font-size:16.5px!important;line-height:1.4!important;font-weight:700;color:var(--acc-ink)!important;
  letter-spacing:-.005em;transition:color .2s;scroll-margin-top:96px;
}
.umc-acc-it:hover .umc-acc-q h3,.umc-acc-it[open] .umc-acc-q h3{color:var(--acc-lien)!important}

/* Chevron dans une pastille ronde : tourne à l'ouverture */
.umc-acc-ic{
  position:relative;flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  border:1px solid var(--acc-line);background:transparent;
  transition:transform .35s var(--acc-ease),background .25s,border-color .25s;
}
.umc-acc-ic::before{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;
  border-right:2px solid var(--acc-ink2);border-bottom:2px solid var(--acc-ink2);
  transform:rotate(45deg);transition:border-color .25s;
}
.umc-acc-it:hover .umc-acc-ic{border-color:var(--acc-accent)}
.umc-acc-it[open] > summary .umc-acc-ic{transform:rotate(180deg);background:var(--acc-accent);border-color:var(--acc-accent)}
.umc-acc-it[open] > summary .umc-acc-ic::before{border-color:var(--umc-on-accent,#14100c)}

.umc-acc-r{padding:0 18px 18px;color:var(--acc-ink2);font-size:15.5px;line-height:1.7}
.umc-acc-r > :first-child{margin-top:0!important}
.umc-acc-r > :last-child{margin-bottom:0!important}
.umc-acc-r p{margin:0 0 .8em!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;max-width:72ch}
.umc-acc-r ul,.umc-acc-r ol{margin:0 0 .8em 1.2em!important;padding:0!important}
.umc-acc-r li{margin:.25em 0;line-height:1.6}
.umc-acc-r a{color:var(--acc-lien);text-decoration:underline;text-underline-offset:3px}
.umc-acc-it[open] .umc-acc-r{animation:umc-acc-in .35s var(--acc-ease) both}
@keyframes umc-acc-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Ouverture/fermeture en hauteur, sans JS, là où le navigateur sait le faire (Chrome/WebView ≥ 131) */
@supports (interpolate-size:allow-keywords){
  .umc-acc{interpolate-size:allow-keywords}
  .umc-acc-it::details-content{
    block-size:0;overflow:hidden;
    transition:block-size .38s var(--acc-ease),content-visibility .38s allow-discrete;
  }
  .umc-acc-it[open]::details-content{block-size:auto}
}

@media (max-width:600px){
  .umc-acc{gap:8px}
  .umc-acc-q{padding:15px 14px;gap:12px}
  .umc-acc .umc-acc-q h3,.umc-acc-q h3{font-size:16px!important}
  .umc-acc-r{padding:0 14px 16px;font-size:15.5px;line-height:1.62}
}

@media (prefers-reduced-motion:reduce){
  .umc-acc-it,.umc-acc-ic,.umc-acc-ic::before{transition:none!important}
  .umc-acc-it::details-content{transition:none!important}
  .umc-acc-it[open] .umc-acc-r{animation:none!important}
}

/* ==========================================================================
   Textes longs : pages de contenu (CGU, confidentialité, aide…) et articles
   ========================================================================== */
.umc-lecture{
  --lec-accent:var(--umc-accent,#ff6300);
  --lec-ink:var(--umc-ink,#101114);
  --lec-ink2:var(--umc-ink-2,#3d414a);
  --lec-ink3:var(--umc-ink-3,#6b7280);
  --lec-line:var(--umc-line,#e7e8ec);
  --lec-surface:var(--umc-surface,#fff);
  --lec-surface2:var(--umc-bg-2,#f6f7f9);
  --lec-lien:var(--umc-accent-txt,#9a3b00);
}
.umc-lecture-corps{max-width:760px;font-size:16px;line-height:1.72;color:var(--lec-ink2)}
.umc-lecture-corps p,.umc-lecture-corps li{font-size:16px;line-height:1.72}
.umc-lecture-corps p{margin:0 0 1em}
.umc-lecture-corps > h1{line-height:1.2;letter-spacing:-.015em;margin-bottom:.5em}
.umc-lecture-corps h2{
  scroll-margin-top:96px;line-height:1.3;letter-spacing:-.01em;
  margin:2.1em 0 .6em;padding-top:.2em;
}
.umc-lecture-corps h3{scroll-margin-top:96px;line-height:1.35;margin:1.5em 0 .4em}
.umc-lecture-corps ul,.umc-lecture-corps ol{padding-left:1.3em;margin:0 0 1.1em}
.umc-lecture-corps li{margin:.3em 0}
.umc-lecture-corps li::marker{color:var(--lec-accent)}
.umc-lecture-corps table{font-size:15px}
.umc-lecture-corps .lede{font-size:18px;line-height:1.6;color:var(--lec-ink)}
.umc-lecture-corps :target{animation:umc-cible 1.8s ease-out}
@keyframes umc-cible{0%{background:color-mix(in srgb,var(--lec-accent) 22%,transparent)}100%{background:transparent}}

/* Sommaire : repliable en tête sur mobile, colonne collante sur grand écran */
.umc-sommaire{
  border:1px solid var(--lec-line);border-radius:14px;background:var(--lec-surface);
  margin:0 0 26px;padding:0;
}
.umc-sommaire > summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
  padding:14px 16px;font-weight:700;color:var(--lec-ink);font-size:15px;min-height:52px;
  -webkit-tap-highlight-color:transparent;
}
.umc-sommaire > summary::-webkit-details-marker{display:none}
.umc-sommaire > summary::marker{content:none}
.umc-sommaire > summary:focus-visible{outline:2px solid var(--lec-accent);outline-offset:2px;border-radius:14px}
.umc-sommaire-nb{font-weight:500;color:var(--lec-ink3);font-size:13.5px;margin-right:auto}
.umc-sommaire .umc-acc-ic{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid var(--lec-line);position:relative;transition:transform .3s}
.umc-sommaire .umc-acc-ic::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-5px 0 0 -3.5px;border-right:2px solid var(--lec-ink2);border-bottom:2px solid var(--lec-ink2);transform:rotate(45deg)}
.umc-sommaire[open] > summary .umc-acc-ic{transform:rotate(180deg)}
.umc-sommaire nav{padding:0 10px 12px}
.umc-sommaire ol{list-style:none;margin:0;padding:0;counter-reset:none}
.umc-sommaire li{margin:0!important;padding:0!important;list-style:none!important}
.umc-sommaire li::marker{content:none}
.umc-sommaire li::before,.umc-sommaire li::after{content:none!important;display:none!important}
.umc-sommaire a{
  display:block;padding:8px 10px;border-radius:9px;border-left:2px solid transparent;
  color:var(--lec-ink2)!important;text-decoration:none!important;font-size:14.5px;line-height:1.4;
  transition:background .2s,color .2s,border-color .2s;
}
.umc-sommaire a:hover{background:var(--lec-surface2);color:var(--lec-ink)!important}
.umc-sommaire a.actif{border-left-color:var(--lec-accent);color:var(--lec-ink)!important;font-weight:600;background:var(--lec-surface2)}
.umc-sommaire a:focus-visible{outline:2px solid var(--lec-accent);outline-offset:1px}

@media (min-width:1180px){
  /* Le thème coupe .wt-wrapper en overflow:hidden, ce qui empêche tout « sticky » :
     clip rogne pareil sans créer de conteneur de défilement. Et la colonne de texte
     du thème (820 px) s'élargit pour loger le sommaire à côté. */
  .wt-wrapper:has(.umc-lecture--sommaire){overflow:clip}
  .dc-main-section:has(> .umc-lecture--sommaire){max-width:1100px!important}
  .umc-lecture--sommaire{display:grid;grid-template-columns:250px minmax(0,760px);gap:48px;align-items:start;justify-content:center}
  .umc-lecture--sommaire > .umc-sommaire{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;margin:6px 0 0;order:0}
  .umc-lecture--sommaire > .umc-lecture-corps{order:1;min-width:0}
  .umc-lecture--sommaire > .umc-sommaire > summary{cursor:default;pointer-events:none}
  .umc-lecture--sommaire > .umc-sommaire .umc-acc-ic{display:none}
}
@media (max-width:600px){
  .umc-lecture-corps,.umc-lecture-corps p,.umc-lecture-corps li{font-size:16px}
  .umc-lecture-corps h2{margin-top:1.8em}
  .umc-lecture-corps table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (prefers-reduced-motion:reduce){
  .umc-lecture-corps :target{animation:none}
  .umc-sommaire .umc-acc-ic{transition:none}
}

/* Impression : tout est déplié, pas de sommaire ni de boutons */
@media print{
  .umc-sommaire,.umc-acc-outils,.umc-acc-ic{display:none!important}
  .umc-acc-it{border:0!important;box-shadow:none!important}
  .umc-acc-it::details-content{block-size:auto!important;content-visibility:visible!important}
  .umc-lecture--sommaire{display:block!important}
}

/* FIN0110-20261001 — /page/faq-entreprises sans saut de mise en page (CLS 0 à 390 px).
   1) Ces règles n'étaient que dans css/umc-chat.css, chargé en BAS de page : le chapô passait de 16 à 17,6 px
      au DOMContentLoaded et poussait le sommaire (~24 px). Elles sont désormais dans la feuille du <head>.
   2) Quicksand arrive en « swap » (main.css, Google Fonts) : la police de secours, plus étroite, donnait une ligne
      de moins au chapô, puis le texte reprenait sa ligne (~27 px). Polices de secours à la même chasse (size-adjust,
      mesuré sur le texte de la page : Quicksand = Arial × 1,035 = Roboto × 1,146). La hauteur de ligne est fixe. */
@font-face{font-family:"UMC Quicksand Repli R";src:local("Roboto"),local("Roboto-Regular"),local("Roboto Regular");size-adjust:114.6%}
@font-face{font-family:"UMC Quicksand Repli A";src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");size-adjust:103.5%}
.umc-faq-ent{font-family:Quicksand,"UMC Quicksand Repli R","UMC Quicksand Repli A",sans-serif}
.umc-faq-ent .umc-faq-chapo{font-size:1.1em}
.umc-faq-ent .umc-faq-sommaire ul{columns:2 260px;padding-left:1.2em}
.umc-faq-ent h2.umc-faq-rubrique{margin-top:2em;padding-bottom:.3em;border-bottom:2px solid #FF6300}
.umc-faq-ent h3{margin-top:1.4em;scroll-margin-top:90px}
.umc-faq-ent .umc-faq-humain{margin-top:2em;padding:14px 16px;border-left:4px solid #FF6300;background:rgba(255,99,0,.07)}