/* LIA — interface de commande (site + application) */
:root{--lia-t:#A34B3A;--lia-t2:#8A3D2F;--lia-n:#0F0F0F;--lia-g:#2A2A2A;--lia-c:#F5EFE8;--lia-b:#E7DDD2;--lia-r:14px}
.lia-commande{--gap:16px;font-family:Montserrat,system-ui,sans-serif;color:var(--lia-g)}
.lia-cats{position:sticky;top:var(--lia-cats-top,0);z-index:20;display:flex;gap:8px;overflow-x:auto;padding:12px 2px;margin:0 0 8px;background:var(--lia-c);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lia-cats::-webkit-scrollbar{display:none}
.lia-cat{flex:0 0 auto;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--lia-b);color:var(--lia-n);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:.2s}
.lia-cat:hover,.lia-cat.is-actif{background:var(--lia-n);color:#fff;border-color:var(--lia-n)}
.lia-section{scroll-margin-top:calc(var(--lia-cats-top,0px) + 70px);padding:18px 0 8px}
.lia-section__titre{font-family:"Playfair Display",Georgia,serif;font-size:clamp(24px,3.4vw,34px);color:var(--lia-n);margin:0 0 6px;text-transform:none;letter-spacing:0}
.lia-section__desc{margin:0 0 16px;color:#6b625b;font-size:15px;max-width:70ch}
.lia-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--gap)}
.lia-plat{display:flex;gap:12px;background:#fff;border-radius:var(--lia-r);padding:10px;border:1px solid var(--lia-b);box-shadow:0 1px 2px rgba(15,15,15,.04);transition:box-shadow .2s,transform .2s}
.lia-plat:hover{box-shadow:0 8px 24px rgba(15,15,15,.08);transform:translateY(-2px)}
.lia-plat__img{width:104px;height:104px;flex:0 0 104px;object-fit:cover;border-radius:10px;background:var(--lia-c)}
.lia-plat__corps{display:flex;flex-direction:column;min-width:0;flex:1}
.lia-plat__nom{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;margin:2px 0 4px;color:var(--lia-n);text-transform:none;letter-spacing:0;line-height:1.25}
.lia-plat__desc{font-size:13px;line-height:1.4;color:#6b625b;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lia-plat__sup{font-size:12px;font-weight:600;color:var(--lia-t,#A34B3A);margin:-4px 0 8px}
.lia-plat__bas{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lia-plat__prix{font-weight:700;color:var(--lia-t);font-size:15px}
.lia-plat__prix del{color:#9a918a;font-weight:500;margin-right:4px}
.lia-plat--sansimg .lia-plat__corps{padding-left:4px}
.lia-ajout{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:0;background:var(--lia-t);color:#fff;font-size:26px;line-height:1;font-weight:500;cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .2s;padding:0}
.lia-ajout:hover{background:var(--lia-n)}
.lia-ajout:active,.lia-ajout.is-ajoute{transform:scale(.88)}
.lia-ajout.is-ajoute{background:#2e7d32}
.lia-carte-note{font-size:13px;color:#6b625b;margin:24px 0 0}

/* Barre panier */
.lia-barre{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:9990;width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:14px 18px;border:0;border-radius:16px;background:var(--lia-n);color:#fff;font:700 16px Montserrat,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.28);cursor:pointer;animation:lia-up .3s ease}
.lia-barre[hidden]{display:none}
.lia-barre__nb{min-width:28px;height:28px;border-radius:8px;background:var(--lia-t);display:grid;place-items:center;font-size:14px}
.lia-barre__txt{flex:1;text-align:left}
@keyframes lia-up{from{transform:translate(-50%,120%)}to{transform:translate(-50%,0)}}

/* Feuilles */
.lia-f{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center}
.lia-f__fond{position:absolute;inset:0;background:rgba(15,15,15,.55);opacity:0;transition:opacity .25s}
.lia-f__boite{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .25s ease;font-family:Montserrat,sans-serif;color:var(--lia-g)}
.lia-f.is-ouverte .lia-f__fond{opacity:1}.lia-f.is-ouverte .lia-f__boite{transform:none}
@media(min-width:700px){.lia-f{align-items:center}.lia-f__boite{border-radius:20px}}
.lia-f__x{position:absolute;top:10px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--lia-c);font-size:24px;line-height:1;cursor:pointer;color:var(--lia-n);padding:0}
.lia-f__titre{font-family:"Playfair Display",Georgia,serif;font-size:24px;margin:0 40px 6px 0;color:var(--lia-n);text-transform:none;letter-spacing:0}
.lia-f__desc{font-size:14px;color:#6b625b;margin:0 0 12px}
.lia-f fieldset{border:0;padding:0;margin:0 0 14px}.lia-f legend{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--lia-n)}
.lia-chips{display:flex;flex-wrap:wrap;gap:8px}
.lia-chip input,.lia-mode input{position:absolute;opacity:0;pointer-events:none}
.lia-chip span{display:block;padding:9px 14px;border-radius:999px;border:1.5px solid var(--lia-b);font-size:14px;cursor:pointer;background:#fff}
.lia-chip input:checked+span{border-color:var(--lia-t);background:#fbf0ec;color:var(--lia-t2);font-weight:700}
.lia-chip input:focus-visible+span,.lia-mode input:focus-visible+span{outline:2px solid var(--lia-t);outline-offset:2px}
.lia-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:12px;border:2px solid var(--lia-n);background:transparent;color:var(--lia-n);font:700 15px Montserrat,sans-serif;text-decoration:none;cursor:pointer;transition:.2s}
.lia-btn:hover{background:var(--lia-n);color:#fff}
.lia-btn--plein{width:100%;background:var(--lia-t);border-color:var(--lia-t);color:#fff;font-size:16px;padding:16px}
.lia-btn--plein:hover{background:var(--lia-t2);border-color:var(--lia-t2)}
.lia-btn--plein:disabled{opacity:.6;cursor:wait}
.lia-btn--uber{background:#06C167;border-color:#06C167;color:#fff}.lia-btn--deliveroo{background:#00CCBC;border-color:#00CCBC;color:#fff}
.lia-lignes{list-style:none;margin:8px 0 16px;padding:0}
.lia-l{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--lia-b)}
.lia-l__info{flex:1;min-width:0}.lia-l__info strong{display:block;font-size:15px;color:var(--lia-n)}.lia-l__info small{color:#6b625b;font-size:12.5px}
.lia-l__prix{font-weight:700;min-width:72px;text-align:right}
.lia-qte{display:flex;align-items:center;gap:8px}.lia-qte button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--lia-b);background:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0;color:var(--lia-n)}
.lia-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.lia-mode span{display:block;text-align:center;padding:12px 6px;border-radius:12px;border:1.5px solid var(--lia-b);font-weight:600;font-size:14px;cursor:pointer}
.lia-mode input:checked+span{border-color:var(--lia-n);background:var(--lia-n);color:#fff}
.lia-livr{background:var(--lia-c);border-radius:12px;padding:14px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px}.lia-livr p{width:100%;margin:0 0 4px;font-size:14px}.lia-livr[hidden]{display:none}
.lia-champs{display:grid;gap:10px}.lia-champs[hidden]{display:none}
.lia-champs label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--lia-n)}
.lia-champs input:not([type=checkbox]),.lia-champs select,.lia-champs textarea{width:100%;padding:12px;border:1.5px solid var(--lia-b);border-radius:10px;font:500 16px Montserrat,sans-serif;background:#fff;color:var(--lia-n);box-sizing:border-box}
.lia-champs input:focus,.lia-champs select:focus,.lia-champs textarea:focus{outline:none;border-color:var(--lia-t)}
.lia-plus summary{cursor:pointer;font-size:14px;color:var(--lia-t);font-weight:600;padding:4px 0}.lia-plus label{margin-top:8px}
.lia-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;font-weight:500!important}
.lia-hp{position:absolute!important;left:-9999px!important;height:0!important}
.lia-erreur{background:#fdecea;color:#a12622;padding:10px 12px;border-radius:10px;font-size:14px;margin:12px 0 0}
.lia-valider{margin-top:14px}.lia-valider[hidden]{display:none}
.lia-paiement{text-align:center;font-size:12.5px;color:#6b625b;margin:8px 0 0}.lia-paiement[hidden]{display:none}
.lia-ferme{background:#fff4e5;padding:10px;border-radius:10px;font-size:14px}
.lia-ok{text-align:center;padding:10px 0}.lia-ok h3{font-family:"Playfair Display",serif;font-size:26px;margin:10px 0;color:var(--lia-n);text-transform:none}
.lia-ok__ico{width:64px;height:64px;margin:0 auto;border-radius:50%;background:#2e7d32;color:#fff;font-size:34px;display:grid;place-items:center}
.lia-ok__total{font-size:20px;font-weight:800;color:var(--lia-t)}.lia-ok__pts{color:#2e7d32;font-weight:600}
.lia-ok .lia-btn{margin-top:8px}
.lia-toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translate(-50%,-150%);z-index:100000;background:var(--lia-n);color:#fff;padding:10px 18px;border-radius:999px;font:600 14px Montserrat,sans-serif;transition:transform .25s;box-shadow:0 6px 20px rgba(0,0,0,.25);pointer-events:none}
.lia-toast.is-vu{transform:translate(-50%,0)}
html.lia-f-ouverte{overflow:hidden}
html.lia-a-panier body{padding-bottom:80px}
@media(max-width:480px){.lia-grille{grid-template-columns:1fr}.lia-plat__img{width:92px;height:92px;flex-basis:92px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Fidélité */
.lia-fid__carte{background:linear-gradient(135deg,#0F0F0F 0%,#2A2A2A 60%,#A34B3A 140%);color:#fff;border-radius:18px;padding:22px;position:relative;overflow:hidden}
.lia-fid__carte:after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;border:2px solid rgba(232,131,111,.35)}
.lia-fid__label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#d6cbc2}
.lia-fid__pts{display:block;font-family:"Playfair Display",serif;font-size:56px;line-height:1.1;margin:4px 0 10px}
.lia-fid__barre{height:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;margin-bottom:12px}.lia-fid__barre span{display:block;height:100%;background:#E8836F;border-radius:4px}
.lia-fid__carte p{margin:0;font-size:14px}
.lia-fid__regle{font-size:13px;color:#6b625b;margin:12px 0}
.lia-fid__hist{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:14px}
.lia-fid__hist td{padding:9px 12px;border-bottom:1px solid #E7DDD2}.lia-fid__hist .plus{color:#2e7d32;font-weight:700;text-align:right}.lia-fid__hist .moins{color:#a12622;font-weight:700;text-align:right}
.lia-fid--invite{background:#fff;border:1px solid #E7DDD2;border-radius:16px;padding:18px}
/* Installation de l'application */
.lia-inst__tete{display:flex;gap:12px;align-items:center;margin:0 40px 14px 0}.lia-inst__tete img{border-radius:14px}
.lia-inst__tete strong{display:block;font-size:17px;color:#0F0F0F}.lia-inst__tete span{font-size:13px;color:#6b625b}
.lia-inst__etapes{padding-left:20px;line-height:1.7;font-size:15px}.lia-inst__ico{display:inline-block;padding:0 6px;border:1px solid #ccc;border-radius:6px}
.lia-inst__qr{text-align:center}.lia-inst__qr img{border-radius:12px;border:1px solid #E7DDD2;padding:8px;background:#fff}
.lia-bandeau-app{position:fixed;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:9995;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0F0F0F;color:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-family:Montserrat,sans-serif;animation:lia-down .35s ease}
.lia-bandeau-app img{border-radius:10px}.lia-bandeau-app div{flex:1;line-height:1.2}.lia-bandeau-app strong{display:block;font-size:14px}.lia-bandeau-app span{font-size:12px;color:#d6cbc2}
.lia-bandeau-app__ok{border:0;background:#A34B3A;color:#fff;font:700 13px Montserrat,sans-serif;padding:9px 14px;border-radius:10px;cursor:pointer}
.lia-bandeau-app__x{border:0;background:none;color:#aaa;font-size:22px;cursor:pointer;padding:0 4px}
@keyframes lia-down{from{transform:translateY(-140%)}to{transform:none}}
html.lia-standalone [data-lia-install]{display:none!important}

.lia-commande .lia-ajout,.lia-app .lia-ajout{background:var(--lia-t)!important;color:#fff!important;border:0!important}
.lia-commande .lia-ajout:hover{background:var(--lia-n)!important}
.lia-plat__prix small{font-weight:500;color:#9a918a;font-size:12px}

/* Commande via la boutique Arpelin */
.lia-commande__cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 14px}
.lia-commande__cta .lia-btn--plein{width:auto;padding:14px 26px}
.lia-commande__cta span{font-size:13px;color:#6b625b}
a.lia-ajout{text-decoration:none!important;line-height:42px}
.lia-commander-produit{margin:18px 0}.lia-commander-produit .lia-btn--plein{width:auto;padding:15px 30px}

/* Boutique Arpelin intégrée (si Arpelin autorise liafood.fr) */
.lia-boutique iframe{display:block;width:100%;height:calc(100vh - 160px);min-height:640px;border:0;border-radius:14px;background:#fff}
.lia-boutique--app iframe{height:calc(100vh - 64px - 76px - env(safe-area-inset-bottom));min-height:0;border-radius:0;margin:0 -16px;width:calc(100% + 32px)}
.lia-boutique__secours{font-size:13px;text-align:center;color:#6b625b;margin:8px 0}
.lia-inst__un{font-size:17px;line-height:1.6;margin:6px 0 10px;color:#0F0F0F}
.lia-inst__note{font-size:13px;color:#6b625b;text-align:center}
.lia-inst__partager{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#EEF4FF;color:#0A66E8;vertical-align:middle;margin:0 2px}
.lia-inst__fleche{text-align:center;font-size:42px;line-height:1;color:#A34B3A;animation:lia-rebond 1s ease-in-out infinite}
@keyframes lia-rebond{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.lia-inst__attente{display:flex;align-items:center;gap:10px;font-size:16px;padding:14px 0;color:#0F0F0F}
.lia-inst__spin{width:20px;height:20px;border:3px solid #E7DDD2;border-top-color:#A34B3A;border-radius:50%;animation:lia-tourne .8s linear infinite;flex:0 0 auto}
@keyframes lia-tourne{to{transform:rotate(360deg)}}
.lia-inst__go[hidden]{display:none}