
/* Hide access button outside commercial routes. */
.sales-a11y-header-trigger{display:none}
/* Accessibility center • Pimenta de Cheiro • public storefront only.
   Scoped to sales pages and the accessibility dialog, never backoffice. */
.sales-a11y-dialog-open{overflow:hidden!important}
.sales-a11y-layer{position:fixed;inset:0;z-index:100090;display:grid;place-items:center;padding:14px;isolation:isolate;color:#282322;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
.sales-a11y-backdrop{position:absolute;inset:0;background:rgba(20,15,15,.72)}
.sales-a11y-dialog{position:relative;z-index:1;background:#fff;width:min(600px,100%);max-height:min(92dvh,860px);border:2px solid #2b2827;border-radius:19px;box-shadow:0 15px 65px #0005;display:flex;flex-direction:column;overflow:hidden}
.sales-a11y-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:24px 25px 16px;background:#fff}
.sales-a11y-eyebrow{display:block;color:#9e2634;font-size:10px;font-weight:900;letter-spacing:.12em}
.sales-a11y-heading h2{font-size:25px;line-height:1.19;letter-spacing:-.035em;margin:7px 0;color:#241b1b}
.sales-a11y-heading p{font-size:13px;color:#5e5352;line-height:1.56;margin:6px 0 0}
.sales-a11y-close{flex:none;border:2px solid #e1d7d6;color:#372c2c;background:#fff;width:44px;height:44px;border-radius:12px;cursor:pointer;font-size:27px;line-height:1}
.sales-a11y-scroll{padding:0 25px 16px;overflow-y:auto;min-height:0}
.sales-a11y-fieldset{border:0;padding:0;margin:7px 0 17px;min-width:0}
.sales-a11y-fieldset legend{display:grid;gap:4px;padding:0;margin-bottom:12px}
.sales-a11y-fieldset legend strong{font-size:16px}
.sales-a11y-fieldset legend span{font-size:12px;color:#655b59}
.sales-a11y-size-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.sales-a11y-size-group button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0;min-height:67px;padding:10px 8px;border:2px solid #ded5d4;background:#fff;border-radius:12px;color:#2b2424;font-size:12px;font-weight:800;cursor:pointer}
.sales-a11y-size-group button span{font-size:19px;color:#77202e}
.sales-a11y-option-list{display:grid;gap:9px}
.sales-a11y-option{width:100%;display:flex;gap:12px;align-items:center;padding:12px 14px;border:2px solid #e4dcda;border-radius:12px;background:#fff;text-align:left;color:#292121;cursor:pointer;min-height:70px}
.sales-a11y-option-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#f9f0f0;border-radius:11px;color:#8b2331;font-size:22px}
.sales-a11y-option-description{display:grid;gap:4px;min-width:0;flex:1}
.sales-a11y-option-description strong{font-size:14px}
.sales-a11y-option-description small{font-size:11px;line-height:1.44;color:#746866}
.sales-a11y-switch-value{min-width:70px;text-align:center;padding:8px 7px;border-radius:99px;background:#f2eeee;color:#675958;font-size:10px;font-weight:850}
.sales-a11y-option.is-selected,.sales-a11y-size-group .is-selected{border-color:#80232f;background:#fff3f4}
.sales-a11y-option.is-selected .sales-a11y-switch-value{background:#e6f5e9;color:#14653c}
.sales-a11y-information{background:#f7f5f2;border-radius:12px;padding:12px 14px;margin:17px 0 6px}
.sales-a11y-information strong{font-size:12px}
.sales-a11y-information p{font-size:11px;line-height:1.6;color:#514949;margin:6px 0 0}
.sales-a11y-status{font-size:11px;line-height:1.5;color:#1c663b;min-height:18px;margin:8px 0}
.sales-a11y-footer{padding:13px 25px 20px;border-top:1px solid #ece5e3;background:#fff;display:grid;grid-template-columns:1fr 1.45fr;gap:10px}
.sales-a11y-footer button{min-height:47px;border:2px solid #8a2736;border-radius:12px;font-size:13px;font-weight:850;cursor:pointer}
.sales-a11y-reset{background:#fff;color:#78202e}
.sales-a11y-done{background:#902335;color:#fff}
.sales-a11y-layer button:focus-visible{outline:3px solid #f9cf4b;outline-offset:3px;box-shadow:0 0 0 5px #292324}
.sales-a11y-layer button:hover{filter:brightness(.96)}
/* Discoverability on home and persistent access in navigation. */
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger{
 border:1.5px solid #923042;background:#fff;color:#702333;
 border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
 padding:9px 11px;min-height:43px;min-width:43px;
 font-size:11px;font-weight:850;line-height:1.2;cursor:pointer;white-space:nowrap;flex:none
}
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger[aria-pressed=true]{background:#fff1f3;box-shadow:inset 0 0 0 1px #8a2434}
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger .a11y-trigger-glyph{font-size:20px;line-height:1}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-callout{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 border:1px solid #e8d1d3;border-radius:15px;padding:17px 20px;margin:16px 0 18px;
 background:linear-gradient(110deg,#fff8f8,#fff);box-shadow:0 4px 19px #4d111008
}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-title{display:flex;align-items:flex-start;gap:13px;min-width:0}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-icon{display:grid;place-items:center;font-size:24px;color:#9b2334;background:#f7e3e6;border-radius:12px;min-width:48px;height:48px}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-callout strong{display:block;font-size:15px;line-height:1.4;color:#342727}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-callout p{font-size:12px;line-height:1.45;color:#6c605d;margin:4px 0 0}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-button{
 border:2px solid #9b2534;color:#fff;background:#922536;border-radius:10px;
 min-height:47px;padding:10px 18px;font-weight:850;cursor:pointer;flex:none
}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-button:hover{background:#6e1624}
html[data-pimenta-sales-a11y="1"] .sales-a11y-home-button:focus-visible,
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger:focus-visible{
 outline:3px solid #efbf31;outline-offset:2px
}
@media(max-width:840px){
 html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger{width:43px;padding:7px}
 html[data-pimenta-sales-a11y="1"] .sales-a11y-trigger-label{display:none}
 html[data-pimenta-sales-a11y="1"] .sales-a11y-home-callout{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}
 html[data-pimenta-sales-a11y="1"] .sales-a11y-home-button{width:100%}
}
@media(max-width:490px){
 .sales-a11y-layer{padding:6px}
 .sales-a11y-dialog{border-radius:12px;max-height:96dvh}
 .sales-a11y-heading{padding:16px 15px 12px}
 .sales-a11y-heading h2{font-size:21px}
 .sales-a11y-scroll{padding:0 15px 12px}
 .sales-a11y-footer{padding:11px 15px 15px}
 .sales-a11y-option{gap:8px;padding:9px}
 .sales-a11y-option-icon{width:35px;height:35px}
 .sales-a11y-option-description strong{font-size:12px}
 .sales-a11y-switch-value{min-width:63px}
}
/* Only data-pimenta-sales-a11y="1" applies changes, removed on every admin route. */
html[data-pimenta-sales-a11y="1"][data-pimenta-text="large"]{--pimenta-a11y-reading:18px;--pimenta-a11y-heading:29px}
html[data-pimenta-sales-a11y="1"][data-pimenta-text="xlarge"]{--pimenta-a11y-reading:21px;--pimenta-a11y-heading:33px}
html[data-pimenta-sales-a11y="1"][data-pimenta-text="large"] :is(.app-shell,#cartDrawer,#productModal) :is(p,li,label,input,textarea,select,button,a,small),
html[data-pimenta-sales-a11y="1"][data-pimenta-text="xlarge"] :is(.app-shell,#cartDrawer,#productModal) :is(p,li,label,input,textarea,select,button,a,small){font-size:var(--pimenta-a11y-reading)!important;line-height:1.52!important;letter-spacing:normal!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-text="large"] :is(.app-shell,#cartDrawer,#productModal) :is(h1,h2,h3),
html[data-pimenta-sales-a11y="1"][data-pimenta-text="xlarge"] :is(.app-shell,#cartDrawer,#productModal) :is(h1,h2,h3){font-size:var(--pimenta-a11y-heading)!important;line-height:1.27!important;overflow-wrap:anywhere}
html[data-pimenta-sales-a11y="1"][data-pimenta-text="large"] :is(.app-shell,#cartDrawer,#productModal) :is(.sales-a11y-header-trigger,.sales-a11y-home-button),
html[data-pimenta-sales-a11y="1"][data-pimenta-text="xlarge"] :is(.app-shell,#cartDrawer,#productModal) :is(.sales-a11y-header-trigger,.sales-a11y-home-button){font-size:14px!important}
/* Consistent strong contrast without invert filters that could corrupt food photos. */
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal){--a11y-foreground:#101010;--a11y-background:#fff;color:#101010!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) :is(p,small,label,li,h1,h2,h3,strong){color:#111!important;text-shadow:none!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) :is(input,textarea,select){background:#fff!important;color:#101010!important;border:2px solid #151515!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) :is(button,.product-card,.if-store-card){border-color:#171717!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) button.primary,
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) .club-conversion-cta{background:#75102b!important;color:#fff!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-contrast="true"] :is(.app-shell,#cartDrawer,#productModal) :is(.topbar,.bottom-nav){background:#fff!important;color:#111!important}
/* Motor accessibility — big targets, no forced horizontal scroll. */
html[data-pimenta-sales-a11y="1"][data-pimenta-targets="true"] :is(.app-shell,#cartDrawer,#productModal) :is(button,a,input,select,textarea){min-height:48px!important;touch-action:manipulation}
html[data-pimenta-sales-a11y="1"][data-pimenta-targets="true"] :is(.app-shell,#cartDrawer,#productModal) button{padding-block:12px}
html[data-pimenta-sales-a11y="1"][data-pimenta-targets="true"] :is(.app-shell,#cartDrawer,#productModal) .bottom-nav button{min-height:60px!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-spacing="true"] :is(.app-shell,#cartDrawer,#productModal) :is(p,li,small,label){line-height:1.85!important;letter-spacing:.02em!important;word-spacing:.06em!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-spacing="true"] :is(.app-shell,#cartDrawer,#productModal) :is(.product-card,.if-store-card,.field){margin-bottom:12px!important}
/* Precise keyboard focus on the storefront. */
html[data-pimenta-sales-a11y="1"] :is(.app-shell,#cartDrawer,#productModal) :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #e4b300!important;outline-offset:3px!important;box-shadow:0 0 0 5px #1a1a1a!important}
html[data-pimenta-sales-a11y="1"][data-pimenta-motion="true"] :is(.app-shell,#cartDrawer,#productModal),
html[data-pimenta-sales-a11y="1"][data-pimenta-motion="true"] :is(.app-shell,#cartDrawer,#productModal) *,
html[data-pimenta-sales-a11y="1"][data-pimenta-motion="true"] :is(.app-shell,#cartDrawer,#productModal) *::before,
html[data-pimenta-sales-a11y="1"][data-pimenta-motion="true"] :is(.app-shell,#cartDrawer,#productModal) *::after{
 animation:none!important;transition:none!important;scroll-behavior:auto!important
}
@media(prefers-reduced-motion:reduce){
 .sales-a11y-dialog,.sales-a11y-dialog *{animation:none!important;transition:none!important}
}


/* Compact, discoverable accessibility icon at ALL viewport sizes. */
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger{
 width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;
 border-radius:12px!important;padding:4px!important;gap:0!important;
 flex:0 0 40px!important;white-space:nowrap;overflow:hidden;
}
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger .sales-a11y-trigger-label{display:none!important}
html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger .a11y-trigger-glyph{font-size:23px!important}
@media(max-width:580px){
 html[data-pimenta-sales-a11y="1"] .sales-a11y-header-trigger{width:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important}
}


/* COMPACT SALES A11Y HOME V2 — smaller visible callout, touch-safe controls. */
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 13px!important;
  margin:10px 0 12px!important;
  min-height:64px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-icon{
  display:grid!important;
  place-items:center!important;
  min-width:36px!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  font-size:19px!important;
  flex:0 0 36px!important;
}
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout strong{
  font-size:13px!important;
  line-height:1.25!important;
}
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout p{
  font-size:11px!important;
  line-height:1.35!important;
  margin:3px 0 0!important;
}
html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
@media(max-width:840px){
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout{
   flex-direction:row!important;
   align-items:center!important;
   padding:8px 10px!important;
   gap:8px!important;
   min-height:58px!important;
 }
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-button{
   width:auto!important;
   min-width:44px!important;
   max-width:45%!important;
   padding:7px 10px!important;
 }
}
@media(max-width:520px){
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout{
   padding:7px 9px!important;
   min-height:55px!important;
   margin:8px 0 10px!important;
 }
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout p{display:none!important}
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-icon{
   min-width:32px!important;width:32px!important;height:32px!important;
   flex-basis:32px!important;font-size:17px!important;
 }
 html[data-pimenta-sales-a11y="1"] .app-shell .sales-a11y-home-callout strong{
   font-size:12px!important;
 }
}
