/* n 3597 : la liste rapide. Maquette validee : docs/mockups/quick-list/index.html. Aucune couleur en dur. */
.shopping-list-action-quick svg.qa-bolt,.qa-badge svg.qa-bolt{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
.qa-card{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:18px;padding:1rem 1.1rem 1.15rem;background:linear-gradient(180deg,var(--mint2),var(--card));margin-bottom:1rem;display:grid;gap:.85rem;box-shadow:var(--soft-shadow)}
.qa-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.qa-head p{margin:0;flex:1 1 16rem;min-width:0}
.qa-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--green);color:var(--card);font-weight:850;font-size:.78rem;padding:.3rem .7rem;border-radius:999px}
.qa-label{display:block;font-size:.74rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.qa-shops{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}
.qa-shop{border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:.5rem .8rem;font-weight:750;font-size:.86rem;color:var(--ink);display:inline-flex;align-items:center;gap:.45rem;box-shadow:none;cursor:pointer}
.qa-shop .qa-mk{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.72rem;font-weight:900;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.qa-shop.is-sel{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}
.qa-shop.is-sel .qa-mk{background:var(--green);color:var(--card)}
.qa-text{display:block;width:100%;min-height:128px;line-height:1.9;font-size:1rem;resize:vertical;margin-top:.4rem;font-family:inherit}
.qa-hint{font-size:.76rem;color:var(--muted);margin:.35rem 0 0}
.qa-go{justify-self:start}
.qa-error{margin:0;color:var(--red);font-weight:750;font-size:.86rem}
.qa-notice{margin:0;color:var(--green);font-weight:750;font-size:.86rem}
.qa-reco-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.2rem .1rem .55rem}
.qa-reco-head b{font-size:1.02rem;color:var(--ink)}
.qa-rows{display:grid;gap:.5rem}
.list-item-card.qa-row{grid-template-columns:52px minmax(130px,1fr) auto auto auto auto}
.qa-row .qa-typed{display:block;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.1rem}
.qa-row .qa-typed b{display:inline;font-size:inherit;color:var(--ink)}
.qa-why{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:750;color:var(--green);margin-top:.15rem}
.qa-why::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex:0 0 auto}
.qa-why.cheap{color:var(--muted)}
.qa-why.cheap::before{background:var(--muted)}
.qa-price{flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right;max-width:11rem}
.qa-price .lic-price-main{font-size:1.05rem;font-weight:900;color:var(--ink)}
.qa-price .lic-price-sub{font-size:.72rem;color:var(--muted);font-weight:650}
.qa-price .lic-no-price{max-width:7.5rem;line-height:1.25}
.qa-media{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 16%,var(--card)),color-mix(in srgb,var(--green) 6%,var(--card)));border:1px solid var(--line);display:grid;place-items:center}
.qa-media svg{width:24px;height:24px;stroke:color-mix(in srgb,var(--green) 70%,var(--muted));fill:none;stroke-width:1.6;opacity:.8}
.qa-row .lic-media .product-media{width:52px;height:52px;border-radius:14px}
.qa-link{display:block;background:none;border:0;box-shadow:none;padding:0;margin:.15rem 0 0;color:var(--green);font-weight:750;font-size:.74rem;text-decoration:underline;cursor:pointer;min-height:0}
.list-item-card.qa-ask,.list-item-card.qa-none{grid-template-columns:52px minmax(0,1fr) auto;align-items:start}
.list-item-card.qa-ask{border-color:color-mix(in srgb,var(--amber) 55%,var(--line));background:color-mix(in srgb,var(--amber) 18%,var(--card))}
.qa-askq{font-weight:750;color:color-mix(in srgb,var(--ink) 78%,var(--amber));font-size:.9rem;margin:.1rem 0 .55rem}
.qa-choices{display:flex;gap:.45rem;flex-wrap:wrap;min-width:0}
.qa-choice{border:1px solid color-mix(in srgb,var(--amber) 60%,var(--line));background:var(--card);border-radius:999px;padding:.42rem .85rem;font-size:.82rem;font-weight:800;color:var(--ink);display:inline-flex;gap:.45rem;align-items:center;max-width:100%;min-width:0;text-align:left;box-shadow:none;cursor:pointer}
.qa-choice:hover,.qa-choice:focus-visible{border-color:var(--green)}
.qa-choice.is-long{border-radius:18px}
.qa-choice-label{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;overflow-wrap:anywhere}
.qa-choice small{color:var(--muted);font-weight:650;white-space:nowrap;flex:0 0 auto}
.qa-no-price{margin:.5rem 0 0}
.qa-row .lic-info p.qa-no-price{white-space:normal}
.qa-retry{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;min-width:0}
.qa-retry .field{flex:1 1 10rem;min-width:0;max-width:20rem}
.qa-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin:.6rem 0 1rem;padding-top:.9rem;border-top:1px solid var(--line)}
.qa-footer-note{display:grid;gap:.15rem;font-size:.82rem;flex:1 1 14rem;min-width:0}
.qa-footer .primary{min-width:0;max-width:100%}
.qa-footer .primary:disabled{opacity:.55;cursor:default}
@media(max-width:699px){
  .shopping-list-top-actions .shopping-list-action-quick{grid-column:1/-1}
  .shopping-list-top-actions .shopping-list-action-add{grid-column:auto}
  .qa-card{padding:.85rem}
  .qa-go,.qa-footer .primary{width:100%;justify-self:stretch}
}
/* La colonne depend de la barre laterale et du resume, pas seulement de l ecran : on empile selon SA largeur. */
.qa-rows{container-type:inline-size}
@container (max-width:640px){
  .list-item-card.qa-row{grid-template-columns:52px auto minmax(0,1fr) auto;grid-template-areas:"media info info menu" "qty qty price price" "best best best best"}
  .list-item-card.qa-ask,.list-item-card.qa-none{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"media info menu"}
  .qa-row .lic-media{grid-area:media;align-self:start}
  .qa-row .lic-info{grid-area:info;align-self:start}
  .qa-row .lic-menu{grid-area:menu;align-self:start}
  .qa-row .lic-qty{grid-area:qty;justify-content:flex-start}
  .qa-row .lic-price{grid-area:price;justify-self:end}
  .qa-row .lic-best{grid-area:best;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.45rem}
  .qa-price{max-width:none}
  .qa-price .lic-no-price{max-width:none}
}