/* Feuille de widget « sk-basket » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-basket{max-width:1100px;margin:1.5rem auto;padding:0 1.2rem}
.sk-basket h1{font-size:1.75rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.sk-clear-btn{border:1px solid var(--sk-border);background:var(--sk-surface);color:var(--sk-muted);padding:.45rem .9rem;border-radius:var(--sk-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit}
.sk-clear-btn:hover{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger)}
.sk-basket-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}
@media(max-width:860px){.sk-basket-grid{grid-template-columns:1fr}}
.sk-basket-lines{display:flex;flex-direction:column;gap:.7rem}
.sk-basket-line{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:.9rem;display:grid;grid-template-columns:88px 1fr auto;gap:1rem;align-items:center}
.sk-basket-line-img{width:88px;height:88px;border-radius:var(--sk-radius-sm);background:var(--sk-bg) center/cover no-repeat}
.sk-basket-line-body{min-width:0}
.sk-basket-line-title{font-weight:600;color:var(--sk-fg);text-decoration:none;display:block;margin-bottom:.25rem}
.sk-basket-line-title:hover{color:var(--sk-primary)}
.sk-basket-line-kind{display:inline-block;background:var(--sk-primary-soft);color:var(--sk-primary);padding:.15rem .55rem;border-radius:var(--sk-radius-pill);font-size:.7rem;font-weight:600;margin-right:.4rem;text-transform:capitalize}
.sk-basket-line-store{color:var(--sk-muted);font-size:.8rem;display:inline-flex;align-items:center;gap:.3rem}
.sk-basket-line-store i{color:var(--sk-primary)}
.sk-tag-flash{display:inline-flex;align-items:center;gap:.25rem;background:var(--sk-danger);color:var(--sk-on-primary);padding:.18rem .55rem;border-radius:var(--sk-radius-pill);font-size:.68rem;font-weight:700;margin-left:.4rem;text-transform:uppercase;letter-spacing:.04em}
.sk-tag-flash i{font-size:.6rem}
.sk-basket-line-ctrl{display:flex;align-items:center;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.sk-qty{display:inline-flex;align-items:center;border:1px solid var(--sk-border);border-radius:var(--sk-radius-sm);overflow:hidden}
.sk-qty button{width:30px;height:30px;border:0;background:var(--sk-surface);cursor:pointer;color:var(--sk-primary);font-weight:600;font-family:inherit}
.sk-qty button:hover{background:var(--sk-primary-soft)}
.sk-qty input{width:40px;height:30px;border:0;text-align:center;font-weight:600;font-family:inherit}
.sk-qty input:focus{outline:0}
.sk-line-price{font-weight:700;color:var(--sk-primary);font-size:1.05rem;min-width:90px;text-align:right}
.sk-line-remove{background:transparent;border:0;color:var(--sk-danger);cursor:pointer;font-size:1rem;padding:.3rem}
.sk-summary{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:1.3rem;align-self:start;position:sticky;top:1rem}
.sk-summary h2{font-size:1rem;font-weight:700;margin:0 0 1rem}
.sk-summary-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.92rem;color:var(--sk-fg-soft)}
.sk-summary-row.total{border-top:1px solid var(--sk-border);margin-top:.5rem;padding-top:.8rem;font-size:1.1rem;font-weight:700;color:var(--sk-fg)}
.sk-summary-row.total span:last-child{color:var(--sk-primary)}
.sk-summary-cta{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}
.sk-btn-primary{background:var(--sk-primary);color:var(--sk-on-primary);border:0;padding:.75rem 1.2rem;font-weight:600;border-radius:var(--sk-radius-sm);cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;display:block}
.sk-btn-primary:hover{background:var(--sk-primary-hover);color:var(--sk-on-primary)}
.sk-btn-outline{background:var(--sk-surface);color:var(--sk-primary);border:1px solid var(--sk-border);padding:.65rem 1.2rem;font-weight:600;border-radius:var(--sk-radius-sm);cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;display:block}
.sk-btn-outline:hover{border-color:var(--sk-primary)}
.sk-empty{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:3rem 1rem;text-align:center;color:var(--sk-muted)}
.sk-empty i{font-size:3rem;color:var(--sk-subtle);display:block;margin-bottom:.8rem}
.sk-empty h3{font-weight:600;color:var(--sk-fg-soft);margin:0 0 .4rem}
.sk-empty p{margin:0 0 1.2rem;font-size:.92rem}