.aieo-compl{margin:16px 0;padding:14px 16px;border:var(--aieo-compl-border-w, 1px) solid var(--aieo-compl-border, #e2e2e2);border-radius:var(--aieo-compl-border-r, 8px);background:var(--aieo-compl-bg, #fafafa);--aieo-compl-fg: #222;--aieo-compl-muted: #6b7280;--aieo-compl-divider: #e9e9e9;--aieo-compl-picked: rgba(0, 0, 0, .035);--aieo-compl-pad-x: 8px;--aieo-compl-check-w: 20px;--aieo-compl-col-gap: 14px}.aieo-compl-title{margin:0 0 6px;font-size:var(--aieo-compl-title-size, 15px);font-weight:600;color:var(--aieo-compl-fg)}.aieo-compl-list{list-style:none;margin:0;padding:0}.aieo-compl-item{margin:0;padding:12px var(--aieo-compl-pad-x);display:grid;grid-template-columns:auto 72px minmax(0,1fr) auto;align-items:center;column-gap:var(--aieo-compl-col-gap);border-radius:var(--aieo-shape-control, 6px);transition:background .15s ease}.aieo-compl-item{position:relative}.aieo-compl-item+.aieo-compl-item:before{content:"";position:absolute;top:0;left:var(--aieo-compl-pad-x);right:var(--aieo-compl-pad-x);height:1px;background:var(--aieo-compl-divider)}.aieo-compl-item:has(.aieo-compl-check:checked){background:var(--aieo-compl-picked)}.aieo-compl-check{width:var(--aieo-compl-check-w);height:var(--aieo-compl-check-w);margin:0;cursor:pointer}.aieo-compl-thumb{width:72px;height:72px;overflow:hidden;border-radius:var(--aieo-shape-media, 4px);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.aieo-compl-thumb img{width:100%;height:100%;object-fit:contain;display:block}.aieo-compl-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.aieo-compl-item--variable .aieo-compl-body{align-self:stretch;justify-content:space-between;gap:4px}.aieo-compl .aieo-compl-item label.aieo-compl-thumb,.aieo-compl .aieo-compl-item label.aieo-compl-name{margin:0}.aieo-compl .aieo-compl-item label.aieo-compl-name{display:-webkit-box}.aieo-compl-item--variable .aieo-compl-name{line-height:1.25}.aieo-compl-name{font-size:var(--aieo-compl-text-size, 14px);line-height:1.35;color:var(--aieo-compl-fg);cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.aieo-compl-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.aieo-compl-item--variable .aieo-compl-side{align-self:start}.aieo-compl-price{font-size:var(--aieo-compl-text-size, 14px);font-weight:600;color:var(--aieo-compl-fg);white-space:nowrap;font-variant-numeric:tabular-nums}.aieo-compl-price del{color:var(--aieo-compl-muted);font-weight:400;margin-inline-end:4px}.aieo-compl-price ins{text-decoration:none}.aieo-compl-variation{width:min(100%,260px);margin:0;font-size:13px;line-height:1.4}.aieo-compl .aieo-compl-variation{height:32px;min-height:32px;padding-block:0}html:not([data-rooster-design=theme]) .aieo-compl-variation{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#1f2937}html:not([data-rooster-design=theme]) .aieo-compl-variation:focus{outline:2px solid #2563eb;outline-offset:1px}.aieo-compl-variation--error{border-color:#c62828;box-shadow:0 0 0 2px #c6282826}.aieo-compl-novar{font-size:12px;color:#9a3412}.aieo-compl-visit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-inline-end:-6px;border-radius:var(--aieo-shape-control, 6px);color:var(--aieo-compl-muted);text-decoration:none;transition:background .15s ease,color .15s ease}.aieo-compl-visit:hover{background:#f467671a;color:#f46767}.aieo-compl-visit:focus-visible{outline:2px solid #f46767;outline-offset:1px}.aieo-compl-visit svg{display:block}.aieo-compl .aieo-compl-add.button{margin-top:14px;cursor:pointer;background:var(--aieo-compl-btn-bg, #222);color:var(--aieo-compl-btn-text, #fff);border:var(--aieo-compl-btn-border-w, 0) solid var(--aieo-compl-btn-border, #222);border-radius:var(--aieo-compl-btn-border-r, 4px);transition:filter .2s ease}html:not([data-rooster-design=theme]) .aieo-compl .aieo-compl-add.button{width:100%;padding:10px 14px;font-size:var(--aieo-compl-text-size, 14px)}html[data-rooster-design=theme] .aieo-compl .aieo-compl-add.button{width:auto;min-width:200px;margin-inline-start:calc(var(--aieo-compl-pad-x) + var(--aieo-compl-check-w) + var(--aieo-compl-col-gap));padding:10px 20px}.aieo-compl-add:hover{filter:brightness(.92)}.aieo-compl-add[disabled]{opacity:.6;cursor:not-allowed}.aieo-compl-status{display:inline-block;margin-top:6px;font-size:13px;color:#2e7d32;min-height:18px}.aieo-compl-status.error{color:#c62828}@media(max-width:600px){.aieo-compl{padding:10px 12px}.aieo-compl{--aieo-compl-pad-x: 4px;--aieo-compl-col-gap: 10px}.aieo-compl-item{grid-template-columns:auto 64px minmax(0,1fr) auto;padding-block:10px}.aieo-compl-thumb{width:64px;height:64px}.aieo-compl-name,.aieo-compl-price{font-size:13px}.aieo-compl-variation{width:100%}}html[data-rooster-design=theme] .aieo-compl{--aieo-compl-fg: var(--wp--preset--color--fg);--aieo-compl-muted: var(--wp--preset--color--muted, color-mix(in srgb, var(--wp--preset--color--fg) 60%, transparent));--aieo-compl-divider: var(--wp--preset--color--border);--aieo-compl-picked: color-mix(in srgb, var(--wp--preset--color--fg) 6%, transparent)}html[data-rooster-design=theme] .aieo-compl-thumb{background:#fff}html[data-rooster-design=theme] .aieo-compl-visit:hover{background:color-mix(in srgb,var(--wp--preset--color--fg) 8%,transparent);color:var(--wp--preset--color--fg)}html[data-rooster-design=theme] .aieo-compl-visit:focus-visible{outline-color:var(--wp--preset--color--fg)}html[data-rooster-design=theme] .aieo-compl-novar{color:var(--wp--preset--color--warning, #9a3412)}html[data-rooster-design=theme] .aieo-compl-status{color:var(--wp--preset--color--success, #2e7d32)}html[data-rooster-design=theme] .aieo-compl-status.error{color:var(--wp--preset--color--error, #c62828)}html[data-rooster-design=theme] select.aieo-compl-variation{min-height:revert-layer;height:revert-layer;padding:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;box-shadow:revert-layer;color:revert-layer;font-size:revert-layer;font-weight:revert-layer;line-height:revert-layer;-webkit-appearance:revert-layer;-moz-appearance:revert-layer;appearance:revert-layer}
