/* Pesto — Dodatki do produktu „Uzupełnij zakup” (moduł product-addons). WYGLĄD PRZYWRÓCONY do wersji 0.8.28 (decyzja właściciela 13.10.2026: wygląd sprzed „płaskiej” przebudowy feel).
   Reguły pochodzą 1:1 ze starej wtyczki (dawniej <style> drukowany w PHP); wartości zapasowe var(--pesto-*, …) zostały jak były, więc wygląd domyślny jest identyczny.
   Architektura zostaje: CSS w pliku (bez <style> w treści strony), dostępność (fokus, ARIA) i nazwy klas dla JS/motywu. */
.pesto-addons{margin:.4rem 0 1.1rem;display:flex;flex-direction:column;gap:.55rem}
.pesto-addons__head{display:flex;align-items:center;gap:.45rem;font-weight:800;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--pesto-ink,#191c1f)}
.pesto-addons__head::before{content:"+";flex:none;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--pesto-accent,#c8a24a);color:var(--pesto-accent-ink,#1a1a17);font-size:.9rem;font-weight:800;line-height:1}
.pesto-addon{display:flex;align-items:center;gap:.75rem;min-height:56px;border:1.5px solid var(--pesto-line,#e7e3da);border-radius:var(--pesto-radius,14px);padding:.5rem .7rem;cursor:pointer;background:var(--pesto-base,#fff);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease;margin:0}
.pesto-addon:hover{border-color:var(--pesto-accent,#c8a24a);box-shadow:0 4px 14px rgba(20,24,29,.07)}
.pesto-addon:active{transform:scale(.99)}
.pesto-addon input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;cursor:pointer;border:2px solid var(--pesto-line,#cbd0d6);border-radius:7px;background:var(--pesto-base,#fff);position:relative;transition:border-color .15s ease,background .15s ease}
.pesto-addon input:checked{border-color:var(--pesto-accent,#c8a24a);background:var(--pesto-accent,#c8a24a)}
.pesto-addon input:checked::after{content:"";position:absolute;left:8px;top:3px;width:5px;height:10px;border:solid var(--pesto-accent-ink,#1a1a17);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.pesto-addon input:focus-visible{outline:2px solid var(--pesto-accent,#c8a24a);outline-offset:2px}
.pesto-addon__img{width:48px;height:48px;flex:none;border-radius:10px;overflow:hidden;background:var(--pesto-surface,#f3efe7);border:1px solid var(--pesto-line,#e7e3da)}
.pesto-addon__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.pesto-addon__name{flex:1;min-width:0;font-size:.9rem;line-height:1.3;font-weight:600;color:var(--pesto-body,#2b2c30);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pesto-addon__price{flex:none;font-weight:800;font-size:.92rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--pesto-ink,#121316)}
.pesto-addon__price del{opacity:.5;font-weight:400;margin-right:.25rem;font-size:.82em}
.pesto-addon:has(input:checked){border-color:var(--pesto-accent,#c8a24a);background:color-mix(in srgb,var(--pesto-accent,#c8a24a) 9%,transparent);box-shadow:0 4px 14px rgba(20,24,29,.06)}
@media(prefers-reduced-motion:reduce){
	.pesto-addon{transition:none}
	.pesto-addon:active{transform:none}
}

/* Grupa a11y: <fieldset class="pesto-addons"><legend class="pesto-addons__head"> — wygląd jak dawny <div> z <span>. */
fieldset.pesto-addons{border:0;padding:0;min-width:0;margin-inline:0}
legend.pesto-addons__head{padding:0;margin:0 0 .55rem;float:none;width:100%}