/* סרגל נגישות של התבנית (sby-a11y.js). כפתור צף בפינה הימנית-תחתונה (הוואטסאפ משמאל), פאנל קטן, בלי פינות מעוגלות ובלי צללים.
   המצבים מוחלים על <html> כמחלקות. */
/* RTL: inline-start = ימין. הוואטסאפ צף ב-inline-end (שמאל), הנגישות מולו בימין */
.sby-a11y { position: fixed; inset-inline-start: 1rem; inset-inline-end: auto; inset-block-end: 1.25rem; z-index: 95; font-family: var(--sby-font-body); }
.sby-a11y__open { display: inline-grid; place-items: center; inline-size: 48px; block-size: 48px; background: var(--sby-charcoal); color: var(--sby-champagne); border: 1px solid var(--sby-champagne); cursor: pointer; }
.sby-a11y__open:hover, .sby-a11y__open:focus-visible { background: var(--sby-champagne); color: var(--sby-black); }
.sby-a11y__open.is-active { background: var(--sby-gold-dark); color: var(--sby-black); }
.sby-a11y__open svg { inline-size: 26px; block-size: 26px; }
.sby-a11y__panel { position: absolute; inset-inline-start: 0; inset-block-end: calc(48px + 0.75rem); inline-size: min(20rem, calc(100vw - 2rem)); background: var(--sby-charcoal); border: 1px solid var(--sby-champagne); padding: 1rem; color: var(--sby-ivory); }
.sby-a11y__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: 0.75rem; }
.sby-a11y__title { font-size: 1.0625rem; font-weight: 400; color: var(--sby-white); margin: 0; }
.sby-a11y__close { background: none; border: 1px solid var(--sby-line-strong); color: var(--sby-ivory); inline-size: 36px; block-size: 36px; cursor: pointer; display: inline-grid; place-items: center; }
.sby-a11y__close:hover, .sby-a11y__close:focus-visible { border-color: var(--sby-champagne); color: var(--sby-champagne); }
.sby-a11y__row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-block: 0.5rem; border-block-start: 1px solid var(--sby-line); }
.sby-a11y__row:first-of-type { border-block-start: 0; }
.sby-a11y__label { font-size: 0.9375rem; }
.sby-a11y__font { display: inline-flex; align-items: center; gap: 0.5rem; }
.sby-a11y__step, .sby-a11y__toggle { min-inline-size: 44px; min-block-size: 36px; background: none; border: 1px solid var(--sby-line-strong); color: var(--sby-ivory); cursor: pointer; font: inherit; padding-inline: 0.75rem; }
.sby-a11y__step:hover, .sby-a11y__toggle:hover, .sby-a11y__step:focus-visible, .sby-a11y__toggle:focus-visible { border-color: var(--sby-champagne); color: var(--sby-champagne); }
.sby-a11y__toggle[aria-pressed="true"] { background: var(--sby-champagne); color: var(--sby-black); border-color: var(--sby-champagne); }
.sby-a11y__value { min-inline-size: 3.5ch; text-align: center; font-variant-numeric: tabular-nums; }
.sby-a11y__foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: 0.75rem; padding-block-start: 0.75rem; border-block-start: 1px solid var(--sby-line); font-size: 0.875rem; }
.sby-a11y__foot a { color: var(--sby-champagne); }
.sby-a11y__reset { background: none; border: 0; color: var(--sby-champagne); cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; padding: 0; }
@media (max-width: 1023.98px) {
	/* מעל הסרגל התחתון של המובייל (60px) */
	.sby-a11y { inset-block-end: calc(60px + 0.75rem); inset-inline-start: 0.75rem; }
	.sby-a11y__open { inline-size: 44px; block-size: 44px; }
}

/* ---- המצבים ---- */
html.sby-a11y-font { font-size: var(--sby-a11y-font, 100%); }
html.sby-a11y-contrast body { background: #000 !important; color: #fff !important; }
html.sby-a11y-contrast :is(.sby-section, .sby-header, .sby-footer, .sby-card, .sby-filters, .sby-hero__content, .sby-product__summary, .sby-drawer, dialog) { background-color: #000 !important; color: #fff !important; }
html.sby-a11y-contrast :is(p, li, td, th, dd, dt, label, span, small, figcaption, summary) { color: #fff !important; }
html.sby-a11y-contrast :is(h1, h2, h3, h4) { color: #fff !important; }
html.sby-a11y-contrast a { color: #ffe38a !important; text-decoration: underline !important; }
html.sby-a11y-contrast :is(.sby-button--primary, .sby-btn--primary, button[type="submit"]) { background: #ffe38a !important; color: #000 !important; border-color: #ffe38a !important; }
html.sby-a11y-contrast :is(input, select, textarea) { background: #000 !important; color: #fff !important; border: 2px solid #fff !important; }
html.sby-a11y-contrast img, html.sby-a11y-contrast video { filter: contrast(1.15); }
html.sby-a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; }
html.sby-a11y-cursor, html.sby-a11y-cursor * { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l16 10-7 1.5L16.5 21l-3-1.5L10 14l-6 5z' fill='%23fff' stroke='%23000' stroke-width='1.2'/></svg>") 4 2, auto !important; }
html.sby-a11y-motion *, html.sby-a11y-motion *::before, html.sby-a11y-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.sby-a11y-motion video { display: none !important; }
html.sby-a11y-readable body, html.sby-a11y-readable :is(h1, h2, h3, h4, p, li, a, button, input, select, textarea) { font-family: Arial, "Segoe UI", system-ui, sans-serif !important; letter-spacing: 0 !important; }

/* באנר ההסכמה לעוגיות פתוח (html.sby-consent-open): הכפתור עולה מעל הבאנר כמו הסרגל, אחרת הוא מכסה את "מאשרים גם מדידה" ב-390 (QA 26.10) */
html.sby-consent-open .sby-a11y { inset-block-end: calc(1.25rem + var(--sby-consent-height, 0px)); }
@media (max-width: 1023.98px) {
	html.sby-consent-open .sby-a11y { inset-block-end: calc(60px + 0.75rem + var(--sby-consent-height, 0px)); }
}