/* wsa.css — the ONE cookie card for every closo.co surface (leave-Shopify P3, 2026-10-28).
   Rendered by modules/shop/views/market/_wsa.php on the Yii hosts and by the apex snippet
   (scripts/admin-deploy/closo-apex/wsa-snippet.html) on the static closo.co pages. The .ccb rules
   are the ones web/css/wholesale-chrome.css carried since 2026-09-10 — moved here so a page
   without the marketplace chrome (the cabinet, the blog, the apex) gets the same card. */
.ccb{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;max-width:560px;margin:0 auto;
  background:#fff;border:1px solid #E2E8F0;border-radius:16px;
  box-shadow:0 18px 48px rgba(20,20,43,.18);padding:20px 22px;
  transform:translateY(12px);opacity:0;pointer-events:none;transition:.28s ease;
  font-family:Inter, Inter Fallback,-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;color:#1A202C}
.ccb.show{transform:translateY(0);opacity:1;pointer-events:auto}
.ccb h4{margin:0 0 6px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}
.ccb .ccb-icon{width:18px;height:18px;flex:0 0 18px;color:#452b90}
.ccb p{margin:0 0 14px;font-size:13.5px;color:#556070;line-height:1.5}
.ccb p a{color:#452b90;font-weight:600;text-decoration:none}
.ccb p a:hover{text-decoration:underline}
.ccb .ccb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ccb button{font-family:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;transition:background .15s}
.ccb .ccb-accept{background:#452b90;color:#fff;border:1px solid #452b90}
.ccb .ccb-accept:hover{background:#321f69}
.ccb .ccb-outline{background:#fff;color:#452b90;border:1.5px solid rgba(69,43,144,.35)}
.ccb .ccb-outline:hover{background:rgba(69,43,144,.06)}
.ccb button:focus-visible{outline:2px solid #452b90;outline-offset:2px}
/* «Preferences» is a plain link behind the two answers (Faire: mechanics behind a link, never a third button). */
.ccb .ccb-manage{margin-left:auto;font-size:13.5px;font-weight:600;color:#452b90;text-decoration:none;padding:6px 2px}
.ccb .ccb-manage:hover{text-decoration:underline}
.ccb .ccb-manage:focus-visible{outline:2px solid #452b90;outline-offset:2px;border-radius:6px}
/* On a phone the banner stood three stacked buttons tall and covered the
   lower third of a checkout (measured 2026-09-10: 504 of 664 px). Same
   words — Accept keeps the full width, the refusal and the link share one row,
   and the type tightens. */
@media (max-width:560px){
  .ccb{left:10px;right:10px;bottom:10px;padding:14px 16px}
  .ccb h4{font-size:15px;margin-bottom:4px}
  .ccb p{font-size:12.5px;margin-bottom:10px}
  .ccb .ccb-row{gap:8px}
  .ccb button{flex:1 1 40%;padding:8px 10px;font-size:13.5px}
  .ccb .ccb-accept{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.ccb{transition:none}}