/* « Séances préfaites » — refonte visuelle (l'écran IA est dans ai-hero.css).
   Habillage uniquement : mêmes séances, mêmes boutons, mêmes gestionnaires.
   Le bouton « Ajouter » garde background-color = accent du thème (vérifié
   par les tests) ; le dégradé passe par background-image. */

/* ════════ SÉANCES PRÉFAITES ════════ */
#presets-overlay .tpl-modal-box{position:relative;isolation:isolate;background:radial-gradient(90% 34% at 50% 0%,rgba(var(--accent-rgb),.22),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/28px 50px,linear-gradient(180deg,#121216,#09090b 40%)}
#presets-overlay .tpl-modal-title{font:900 32px/.95 'Barlow Condensed',sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#f7f3ee;margin:6px 50px 10px}
#presets-overlay .tpl-modal-box>p{color:#bdb8b4!important}

/* Raccourcis : une pastille par séance, défilement horizontal */
#presets-overlay .preset-jump{position:sticky;z-index:4;top:calc(-28px - env(safe-area-inset-top));display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;margin:0 -18px 18px;padding:12px 18px;background:linear-gradient(180deg,rgba(9,9,11,.96),rgba(9,9,11,.82));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
#presets-overlay .preset-jump::-webkit-scrollbar{display:none}
#presets-overlay .preset-jump button{flex:0 0 auto;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e7e2dc;font:700 13px/1 'Barlow',sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}
#presets-overlay .preset-jump button:active{background:rgba(var(--accent-rgb),.2);border-color:var(--accent)}

/* Carte programme : bannière photo + liste */
#presets-overlay .preset-card{position:relative;overflow:hidden;margin:0 0 22px;scroll-margin-top:72px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(180deg,#141418,#0e0e11);box-shadow:0 20px 44px rgba(0,0,0,.4)}
#presets-overlay .preset-card-h{position:relative;isolation:isolate;align-items:flex-end;min-height:178px;margin:0;padding:20px 18px 18px;background:linear-gradient(180deg,rgba(9,9,11,.15),rgba(9,9,11,.6) 45%,#0e0e11 96%),var(--preset-cover,none) center 30%/cover no-repeat,radial-gradient(80% 90% at 80% 0%,rgba(var(--accent-rgb),.35),transparent 70%)}
#presets-overlay .preset-card-h::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(var(--accent-rgb),.28),transparent 55%);mix-blend-mode:screen}
#presets-overlay .preset-card-name{font:900 34px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}
#presets-overlay .preset-card-meta{gap:6px;margin-top:10px;font-size:11.5px}
#presets-overlay .preset-card-meta>span{padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#e7e2dc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#presets-overlay .preset-card-meta>.preset-card-focus{background:rgba(var(--accent-rgb),.28);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.6);color:#fff;font-weight:700}
#presets-overlay .preset-add-btn{position:relative;overflow:hidden;align-self:flex-end;min-height:48px;padding:0 18px;border:0;border-radius:14px;background-color:var(--accent);background-image:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.3),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 60%);color:#fff;font:800 15px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;box-shadow:0 10px 24px rgba(var(--accent-rgb),.45),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s cubic-bezier(.16,1,.3,1)}
#presets-overlay .preset-add-btn::before{content:'+';display:inline-block;margin-right:5px;font-size:20px;vertical-align:-2px}
#presets-overlay .preset-add-btn:active{transform:scale(.95)}
.preset-beginner-note{margin:12px 18px 0;padding:10px 12px;border-radius:12px;background:rgba(34,197,94,.08);box-shadow:inset 0 0 0 1px rgba(34,197,94,.25);color:#a7e9be}

/* Lignes d'exercice : plus compactes */
#presets-overlay .preset-card-exs{gap:0;padding:6px 10px 10px}
#presets-overlay .preset-ex-row{min-height:0;border:0;border-radius:16px;background:transparent}
#presets-overlay .preset-ex-row+.preset-ex-row{border-top:1px solid rgba(255,255,255,.05);border-radius:0 0 16px 16px}
#presets-overlay .preset-ex-open{grid-template-columns:72px minmax(0,1fr) auto 12px;grid-template-rows:auto auto;gap:4px 12px;min-height:0;padding:10px 6px;border-radius:16px}
#presets-overlay .preset-ex-open:active{background:rgba(var(--accent-rgb),.1)}
#presets-overlay .preset-ex-image{width:72px;height:72px;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 16px rgba(0,0,0,.4)}
#presets-overlay .preset-ex-image .preset-ex-number{top:auto;bottom:4px;left:4px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 3px 8px rgba(0,0,0,.4);font-size:11px}
#presets-overlay .preset-ex-copy{align-self:end}
#presets-overlay .preset-ex-copy strong{font-size:18px;line-height:1.05}
#presets-overlay .preset-ex-copy small{margin-top:4px;padding:0;background:none;color:#a29d9a;font-size:11px}
#presets-overlay .preset-ex-anatomy{display:none}
#presets-overlay .preset-ex-muscles{grid-column:2;grid-row:2;align-self:start;margin-left:0;flex-direction:row;flex-wrap:wrap;gap:4px 10px;font-size:11.5px}
#presets-overlay .preset-ex-muscle i{margin-top:3px;width:6px;height:6px;flex-basis:6px}
#presets-overlay .preset-ex-open>b{align-self:center;min-width:52px;padding:7px 8px;border:0;border-radius:12px;background:rgba(var(--accent-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4);color:#fff;font-size:18px}
#presets-overlay .preset-ex-chevron{color:#6f6a67}

@media(min-width:600px){
  #presets-overlay .preset-ex-open{grid-template-columns:96px minmax(0,1fr) minmax(0,1fr) 70px 16px;grid-template-rows:1fr}
  #presets-overlay .preset-ex-image{width:96px;height:96px}
  #presets-overlay .preset-ex-muscles{grid-column:3;grid-row:1;align-self:center}
  #presets-overlay .preset-ex-copy{align-self:center}
  #presets-overlay .preset-ex-open>b{grid-column:4}
  #presets-overlay .preset-ex-chevron{grid-column:5}
}
@media(max-width:370px){
  #presets-overlay .preset-card-name{font-size:28px}
  #presets-overlay .preset-ex-open{grid-template-columns:62px minmax(0,1fr) auto 10px;gap:4px 9px}
  #presets-overlay .preset-ex-image{width:62px;height:62px}
}

/* Entrée en scène */
#presets-overlay.show .preset-card{animation:mhRise .55s cubic-bezier(.16,1,.3,1) both}
#presets-overlay.show .preset-card:nth-of-type(2){animation-delay:.07s}
#presets-overlay.show .preset-card:nth-of-type(n+3){animation-delay:.12s}
@keyframes mhRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  #presets-overlay *{animation:none!important;transition:none!important}
}