/* GÉNÉRÉ par scripts/ajout-plat-css.py depuis Refontes/design_handoff_ajout_plat/ajout-plat.html.
   Ne pas modifier à la main : modifier le script, puis le relancer. Classes préfixées ah-, tout sous .es .ht. */
.es{--green-line:#BFE0C9;--sun-d:#B07800;--pw:400px}
@media (max-width:1240px){.es{--pw:340px}}
.es .ht .ah-ph{position:relative;padding:18px 18px 0}
.es .ht .ah-ph .ah-hd{display:flex;align-items:center;gap:12px;padding-right:46px}
.es .ht .ah-ph .ah-hi{flex:none;width:44px;height:44px;border-radius:14px;background:var(--orange-bg);color:var(--orange-d);display:grid;place-items:center;transform:rotate(-5deg)}
.es .ht .ah-ph h2{margin:0;font:800 19px var(--fd)}
.es .ht .ah-ph p{margin:1px 0 0;font-size:12.5px;color:var(--muted)}
.es .ht .ah-ph .ah-x{position:absolute;right:14px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:var(--cream2);display:grid;place-items:center;color:var(--ink2);transition:transform .35s var(--spring)}
.es .ht .ah-ph .ah-x:hover{transform:rotate(90deg)}
.es .ht .ah-srch{position:relative;display:block;margin-top:22px}
.es .ht .ah-srch input{width:100%;min-height:46px;padding:0 40px 0 42px;border-radius:15px;border:1.5px solid var(--line);background:var(--cream);font:500 14.5px var(--fb);color:var(--ink)}
.es .ht .ah-srch input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px var(--orange-bg)}
.es .ht .ah-srch input::placeholder{color:var(--muted)}
.es .ht .ah-srch .ah-si{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.es .ht .ah-srch .ah-sc{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:none;color:var(--muted);display:grid;place-items:center}
.es .ht .ah-src{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;padding:4px;border-radius:16px;background:var(--cream2)}
.es .ht .ah-src .ah-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:12px;background:var(--dark);transition:transform .45s var(--spring)}
.es .ht .ah-src button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:50px;border:0;border-radius:12px;background:none;font:800 13px var(--fd);color:var(--ink2);transition:color .25s}
.es .ht .ah-src button small{font:700 11px var(--fb);color:var(--muted);transition:color .25s}
.es .ht .ah-src button[aria-selected="true"]{color:#fff}
.es .ht .ah-src button[aria-selected="true"] small{color:#D9CBB8}
.es .ht .ah-flt{display:flex;gap:6px;margin:10px 0 12px;flex-wrap:wrap}
.es .ht .ah-flt button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:700 12.5px var(--fb);color:var(--ink2);transition:all .2s}
.es .ht .ah-flt button[aria-pressed="true"]{background:var(--green-bg);border-color:var(--green-line);color:var(--green-d)}
.es .ht .ah-list{flex:1;min-height:0;overflow:auto;padding:0 12px 16px;border-top:1.5px solid var(--line);scrollbar-width:thin;overscroll-behavior:contain}
.es .ht .ah-lnote{margin:12px 6px 8px;font:700 19px/1 var(--fh);color:var(--orange-d)}
.es .ht .ah-wk{margin-top:8px}
.es .ht .ah-wh{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left}
.es .ht .ah-wh:hover{background:var(--cream)}
.es .ht .ah-wh .ah-wt{flex:1;min-width:0}
.es .ht .ah-wh b{display:block;font:800 14.5px var(--fd)}
.es .ht .ah-wh small{font-size:12px;color:var(--muted)}
.es .ht .ah-wh .ah-stk{display:flex}
.es .ht .ah-wh .ah-stk i{width:26px;height:26px;margin-left:-8px;border-radius:9px;background:var(--t);border:2px solid #fff;display:grid;place-items:center}
.es .ht .ah-wh .ah-stk i svg{width:18px;height:18px}
.es .ht .ah-wh .ah-nb{font:800 12px var(--fd);padding:3px 8px;border-radius:999px;background:var(--cream2);color:var(--ink2)}
.es .ht .ah-wh .ah-cv{color:var(--muted);transition:transform .35s var(--spring)}
.es .ht .ah-wk.ah-open .ah-wh .ah-cv{transform:rotate(90deg)}
.es .ht .ah-wk.ah-open .ah-wh .ah-stk{display:none}
.es .ht .ah-wb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--spring)}
.es .ht .ah-wk.ah-open .ah-wb{grid-template-rows:1fr}
.es .ht .ah-wb>div{overflow:hidden;display:flex;flex-direction:column;gap:6px}
.es .ht .ah-wk.ah-open .ah-wb>div{padding:4px 0 6px}
.es .ht .ah-it{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 40px;gap:12px;align-items:center;padding:8px;border-radius:16px;border:1.5px solid var(--line);background:#fff;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:border-color .2s,transform .3s var(--spring),opacity .2s}
.es .ht .ah-it:hover{border-color:var(--line2);transform:translateX(-2px)}
.es .ht .ah-it.ah-sel{border-color:var(--orange);background:#FFF6F1}
.es .ht .ah-it.ah-drag{opacity:.35}
.es .ht .ah-it .ah-t{width:52px;height:52px;border-radius:15px;background:var(--t);display:grid;place-items:center;transform:rotate(-4deg);transition:transform .4s var(--spring)}
.es .ht .ah-it:hover .ah-t{transform:rotate(4deg) scale(1.05)}
.es .ht .ah-it .ah-t svg{width:38px;height:38px}
.es .ht .ah-it b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 14px/1.28 var(--fb)}
.es .ht .ah-it .ah-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:12px;color:var(--muted)}
.es .ht .ah-it .ah-m span{display:inline-flex;align-items:center;gap:3px}
.es .ht .ah-tag{font:800 10.5px var(--fb);padding:2px 7px;border-radius:999px}
.es .ht .ah-tag.ah-x{background:var(--orange-bg);color:var(--orange-d)}
.es .ht .ah-tag.ah-bk{background:var(--sun-bg);color:var(--sun-d)}
.es .ht .ah-tag.ah-ok{background:var(--green-bg);color:var(--green-d)}
.es .ht .ah-tag.ah-now{background:var(--cream2);color:var(--ink2)}
.es .ht .ah-it .ah-ad{width:40px;height:40px;border:0;border-radius:50%;background:var(--orange-bg);color:var(--orange-d);display:grid;place-items:center;transition:transform .35s var(--spring),background .2s}
.es .ht .ah-it .ah-ad:hover{transform:rotate(90deg);background:var(--orange);color:#fff}
.es .ht .ah-it.ah-sel .ah-ad{background:var(--orange);color:#fff;transform:rotate(45deg)}
.es .ht mark{background:#FFE08A;color:inherit;border-radius:3px;padding:0 1px}
.es .ht .ah-empty-s{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;text-align:center;font-size:14px;color:var(--ink2)}
.es .ht .ah-empty-s .ah-ef{width:72px;height:72px}
.es .ht .ah-empty-s .ah-ef svg{width:100%;height:100%}
.es .ht .ah-empty-s button{min-height:40px;padding:0 14px;border:1.5px solid var(--line2);border-radius:999px;background:#fff;font:700 13px var(--fb)}
.es .ht .ah-more{display:flex;justify-content:center;margin:10px 0 2px}
.es .ht .ah-more button{min-height:40px;padding:0 16px;border:1.5px dashed var(--line2);border-radius:999px;background:none;font:700 13px var(--fb);color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.es .ht *{animation:none!important;transition-duration:.01ms!important}}

/* ---------- propres à l'appli (scripts/ajout-plat-css.py, EXTRA) ---------- */
/* Le panneau garde son cadre (.ht) ; ses outils se cachent pendant le choix du jour. */
.es .ht .ah-ph{flex:none}
.es .ht .ah-ph h2{line-height:1.15}
.es .ht .ah-list{padding-top:2px}
/* La vignette : le dessin de l'aliment vedette (art() de popotam-semaine-ui.js). */
.es .ht .ah-it .ah-t svg,.es .ht .ah-stk i svg{display:block}
/* « déjà cette semaine » suit la semaine affichée sans redessiner la liste (htMaj). */
.es .ht .ah-it:not(.ah-deja) .ah-tag.ah-now{display:none}
/* La main sur tout ce qui se touche (.es ne pose pas de curseur sur ses boutons) ; un plat se
   saisit (grab, règle de la maquette, plus précise). */
.es .ht button{cursor:pointer}
/* Le « + » de la rangée de filtres, et le menu de tous les filtres (13/10/2026). */
.es .ht .ah-flt .ah-fplus{width:34px;justify-content:center;padding:0;border-style:dashed;color:var(--orange-d);transition:transform .35s var(--spring),background .2s,border-color .2s}
.es .ht .ah-flt .ah-fplus svg{width:15px;height:15px}
.es .ht .ah-flt .ah-fplus:hover{border-color:var(--orange);background:var(--orange-bg);transform:rotate(90deg)}
.es .ht .ah-flt .ah-fplus[aria-expanded="true"]{background:var(--orange);border-color:var(--orange);border-style:solid;color:#fff;transform:rotate(45deg)}
.es .ht .ah-fm{padding:12px 4px 4px}
.es .ht .ah-fmh b{display:block;font:800 16px var(--fd)}
.es .ht .ah-fmh small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.es .ht .ah-fg .ah-lnote{margin:14px 2px 8px}
.es .ht .ah-fos{display:flex;flex-wrap:wrap;gap:6px}
.es .ht .ah-fo{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px 0 11px;border:1.5px solid var(--line);border-radius:999px;background:#fff;
  font:700 13px var(--fb);color:var(--ink2);transition:border-color .2s,background .2s,color .2s,transform .3s var(--spring)}
.es .ht .ah-fo:hover{border-color:var(--line2);transform:translateY(-1px)}
.es .ht .ah-fo[aria-pressed="true"]{background:var(--green-bg);border-color:var(--green-line);color:var(--green-d)}
.es .ht .ah-fok{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;border:2px solid #fff;transform:scale(0);transition:transform .3s var(--spring)}
.es .ht .ah-fo[aria-pressed="true"] .ah-fok{transform:none}
.es .ht .ah-fdone{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:18px;border:0;border-radius:16px;background:var(--dark);color:#fff;font:800 15px var(--fd);box-shadow:0 3px 0 #1C140D;transition:transform .3s var(--spring)}
.es .ht .ah-fdone:hover{transform:translateY(-2px)}
/* Les listes des classiques et du livre : le même écart entre les plats que dans une semaine. */
.es .ht .ah-col{display:flex;flex-direction:column;gap:6px}
/* Une fiche du livre écrite pour un autre nombre de personnes (ses quantités arrivent telles quelles). */
.es .ht .ah-tag.ah-pour{background:var(--cream2);color:var(--ink2)}
/* Un plat touché : la ligne passe en orange pendant le choix du jour (le comportement d'avant). */
.es .ht .ah-it{text-align:left;width:100%;font:inherit;color:inherit}
.es .ht .ah-it.lifted{opacity:.35}
.es .ht .ah-it .ah-ad{pointer-events:none}
/* Le chargement et l'historique vide gardent les classes ht- (historique-tiroir.css). */
.es .ht .ah-list>.ht-ld,.es .ht .ah-list>.ht-sk,.es .ht .ah-list>.ht-vide{margin-top:12px}
/* Le choix du jour s'affiche dans la liste : pas de bordure de séparation au-dessus des outils cachés. */
.es .ht.ah-choix .ah-list{border-top:0;padding-top:12px}
@media (max-width:760px){
  .es .ht .ah-ph{padding:20px 16px 0}
  .es .ht .ah-srch{margin-top:16px}
  .es .ht .ah-it{grid-template-columns:56px minmax(0,1fr) 40px}
  .es .ht .ah-it:hover{transform:none}
}