/* V101.966 — bouton et panneau du service client. */
.yf-support-svg{width:1em;height:1em;display:block}
/* V101.969 — verre premium, sans halo : fond translucide, reflet clair,
   liseré fin et flou d'arrière-plan, comme le bouton Réels. */
.yf-support-entry{
  position:relative;isolation:isolate;flex:0 0 auto;display:inline-grid;place-items:center;
  width:40px;height:40px;padding:0;border-radius:50%;cursor:pointer;font-size:18px;
  border:1px solid rgba(255,255,255,.42);color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 45%,rgba(95,232,255,.16) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:var(--ombre);
  transition:transform .18s ease;-webkit-tap-highlight-color:transparent
}
.yf-support-entry .yf-support-svg{position:relative;z-index:1}
.yf-support-entry:hover{transform:translateY(-1px)}
.yf-support-entry:active{transform:scale(.93)}
.yf-support-entry:focus-visible{outline:3px solid #5fe8ff;outline-offset:3px}
@media(max-width:430px){.yf-support-entry{width:36px;height:36px;font-size:16px}}

.yf-support-dialog{border:0;padding:0;margin:auto auto 0;width:100%;max-width:100%;max-height:none;background:transparent;color:var(--encre,#031b3a);font-family:Manrope,Arial,sans-serif}
.yf-support-dialog::backdrop{background:rgba(3,27,58,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.yf-support-sheet{position:relative;background:#fff;border-radius:26px 26px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--ombre-haute);animation:yfSupportUp .28s cubic-bezier(.2,.8,.2,1)}
@keyframes yfSupportUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.yf-support-grip{display:block;width:42px;height:5px;margin:0 auto 14px;border-radius:99px;background:var(--trait,#dbe3ec)}
.yf-support-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;margin-bottom:16px}
.yf-support-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:radial-gradient(circle at 32% 26%,#9ef6ff 0%,#5fe8ff 22%,var(--marque,#3FA9F5) 55%,#1565a0 100%);color:#fff;font-size:22px;box-shadow:var(--ombre)}
.yf-support-head h2{margin:2px 0 4px;font-size:18px;font-weight:850;letter-spacing:-.2px}
.yf-support-head p{margin:0;color:var(--encre-douce,#4b5d73);font-size:13px;line-height:1.5}
.yf-support-close{width:36px;height:36px;border:1px solid var(--trait,#dbe3ec);border-radius:50%;background:#fff;color:var(--encre,#031b3a);cursor:pointer;display:grid;place-items:center}
.yf-support-close:focus-visible{outline:3px solid #5fe8ff;outline-offset:2px}
.yf-support-actions{display:grid;gap:10px}
.yf-support-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:68px;padding:12px 14px;border:1px solid var(--trait,#dbe3ec);border-radius:18px;background:#fff;color:var(--encre,#031b3a);text-decoration:none;box-shadow:var(--ombre);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.yf-support-action:hover{transform:translateY(-1px);box-shadow:var(--ombre-haute)}
.yf-support-action:active{transform:scale(.985)}
.yf-support-action:focus-visible{outline:3px solid #5fe8ff;outline-offset:2px}
.yf-support-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:19px}
.yf-support-call .yf-support-ico{background:var(--encre,#031b3a);color:#fff}
.yf-support-wa .yf-support-ico{background:#25d366;color:#fff;font-size:22px}
.yf-support-text{display:grid;gap:3px;min-width:0}
.yf-support-text b{font-size:14.5px;font-weight:850}
.yf-support-text small{font-size:12.5px;color:var(--encre-douce,#4b5d73);font-weight:600}
.yf-support-go{color:var(--encre-douce,#4b5d73);font-size:12px}
.yf-support-note{display:flex;align-items:center;gap:8px;margin:14px 2px 0;color:var(--encre-douce,#4b5d73);font-size:12px;line-height:1.45}
.yf-support-note i{color:var(--sur,#087f96)}
@media(min-width:700px){
  .yf-support-dialog{margin:auto;width:min(440px,calc(100vw - 32px))}
  .yf-support-sheet{border-radius:26px;padding:22px 22px 20px}
  .yf-support-grip{display:none}
}
/* Section « Service client » de Mon compte (deux espaces). */
.yf-support-panel .yf-support-actions{margin-top:14px}
/* V101.971 */
.yf-support-mail .yf-support-ico{background:var(--marque-fond,#EAF4FB);color:var(--marque-sombre,#0D7EA4)}
.yf-support-panel-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.yf-support-panel-head h2{margin:0 0 3px}
#serviceClient .yf-support-panel-head p{margin:0;font:500 13.5px/1.5 Manrope,Arial,sans-serif;color:var(--encre-douce,#4b5d73)}
#serviceClient .yf-support-panel-head h2{font:800 17px/1.25 Manrope,Arial,sans-serif}
.yf-support-panel .yf-support-text b{font-size:14px}
.yf-support-panel .yf-support-text small{font-size:12.5px}
@media(prefers-reduced-motion:reduce){.yf-support-sheet{animation:none}.yf-support-entry,.yf-support-action{transition:none}}
