/* Shoco Site Essentials: תפריט נגישות, באנר עוגיות, קישורי פוטר */
/* הצבעים והגופן מגיעים מההגדרות (--sse-ink, --sse-muted, --sse-line, --sse-surface, --sse-font) ומודפסים כ-CSS מוטבע */

/* ---------- קישורי פוטר (מתחת לשורת הזכויות של התבנית) ---------- */
.sse-legal { text-align: center; font-size: clamp(12px, 1.05vw, 16px); color: var(--sse-muted); padding: 0 16px 1.2vw; direction: rtl; }
.sse-legal a { color: var(--sse-muted); text-decoration: underline; margin: 0 .4em; }
.sse-legal a:hover, .sse-legal a:focus-visible { color: var(--sse-ink); }
@media (max-width: 768px) { .sse-legal { font-size: 14px; padding: 8px 16px 18px; } }

/* ---------- באנר עוגיות ---------- */
.sse-cookie { position: fixed; inset: auto 0 0 0; z-index: 99990; display: flex; justify-content: center; padding: 0 12px 16px; pointer-events: none; direction: rtl; }
/* מוצג כברירת מחדל; מוסתר כשהגולש כבר בחר (המחלקה על <html> מגיעה מסקריפט ב-head), ונפתח מחדש מ"הגדרות עוגיות" */
html.sse-consented .sse-cookie { display: none; }
html.sse-consented .sse-cookie.sse-cookie--open { display: flex; }
.sse-cookie__box { pointer-events: auto; width: 100%; max-width: 640px; background: #fff; color: var(--sse-ink); border: 1px solid var(--sse-line); border-radius: 4px; box-shadow: 0 6px 30px rgba(0, 0, 0, .25); padding: 20px 24px 18px; font-family: var(--sse-font, inherit); font-size: 15px; text-align: right; }
.sse-cookie__title { margin: 0 0 8px; font-size: 20px; font-weight: 600; color: var(--sse-ink); }
.sse-cookie__text { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: var(--sse-ink); }
.sse-cookie__text a { color: var(--sse-ink); text-decoration: underline; }
.sse-cookie__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.sse-cookie__btn { font: inherit; font-size: 15px; font-weight: 600; padding: 9px 18px; border-radius: 3px; cursor: pointer; border: 1px solid var(--sse-ink); }
.sse-cookie__btn--accept { background: var(--sse-ink); color: #fff; }
.sse-cookie__btn--accept:hover, .sse-cookie__btn--accept:focus-visible { background: #000; }
.sse-cookie__btn--reject { background: #fff; color: var(--sse-ink); }
.sse-cookie__btn--reject:hover, .sse-cookie__btn--reject:focus-visible { background: var(--sse-surface); }

/* ---------- תפריט נגישות: כפתור צף למטה משמאל, ---------- */
.sse-a11y { position: fixed; bottom: 22px; left: 18px; z-index: 99980; font-family: var(--sse-font, inherit); direction: rtl; }
.sse-a11y__toggle { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6); background: rgba(46, 46, 46, .88); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 3px 10px rgba(0, 0, 0, .25); padding: 0; }
.sse-a11y__toggle svg { width: 24px; height: 24px; }
.sse-a11y__toggle:hover, .sse-a11y__toggle:focus-visible { background: #000; border-color: #fff; }
.sse-a11y__panel { position: absolute; bottom: 54px; left: 0; width: 240px; background: #fff; border: 1px solid var(--sse-line); border-radius: 4px; box-shadow: 0 8px 30px rgba(0, 0, 0, .3); padding: 10px; direction: rtl; text-align: right; font-size: 15px; }
.sse-a11y__head { display: flex; justify-content: space-between; align-items: center; padding: 4px 6px 8px; font-size: 18px; color: var(--sse-ink); border-bottom: 1px solid var(--sse-line); margin-bottom: 6px; }
.sse-a11y__close { background: none; border: 0; font-size: 24px; line-height: 1; cursor: pointer; color: var(--sse-ink); padding: 0 4px; }
.sse-a11y__list { list-style: none; margin: 0; padding: 0; max-height: 60vh; overflow: auto; }
.sse-a11y__list li { margin: 0; }
.sse-a11y__item { display: block; width: 100%; text-align: right; background: var(--sse-surface); border: 1px solid var(--sse-line); border-radius: 3px; padding: 8px 10px; margin: 4px 0; font: inherit; font-size: 15px; color: var(--sse-ink) !important; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.sse-a11y__item:hover, .sse-a11y__item:focus-visible { background: #e9e9e8; }
.sse-a11y__item[aria-pressed="true"] { background: var(--sse-ink); color: #fff !important; border-color: var(--sse-ink); }
.sse-a11y__item--reset, .sse-a11y__item--link { background: #fff; }
.sse-a11y__item--link { text-decoration: underline; }
@media (max-width: 600px) { .sse-a11y { bottom: 16px; left: 12px; } .sse-a11y__toggle { width: 40px; height: 40px; } .sse-a11y__toggle svg { width: 22px; height: 22px; } .sse-a11y__panel { width: 220px; } }

/* ---------- מצבי הנגישות (מחלקות על <html>) ---------- */
/* גודל הטקסט (font-size או zoom) נקבע בהגדרות ומודפס כ-CSS מוטבע */
/* הפילטרים יושבים על <html> ולא על body: פילטר על אלמנט השורש לא מנתק position:fixed, כך שכפתור הנגישות, הבאנר וההדר נשארים דביקים */
html.sse-a11y-contrast { filter: contrast(1.35); }
html.sse-a11y-grayscale { filter: grayscale(1); }
html.sse-a11y-contrast.sse-a11y-grayscale { filter: contrast(1.35) grayscale(1); }
html.sse-a11y-invert { filter: invert(1) hue-rotate(180deg); background: #000; }
html.sse-a11y-invert.sse-a11y-grayscale { filter: invert(1) hue-rotate(180deg) grayscale(1); }
html.sse-a11y-invert body img, html.sse-a11y-invert body video, html.sse-a11y-invert body [style*="background-image"] { filter: invert(1) hue-rotate(180deg); }
html.sse-a11y-links a { text-decoration: underline !important; outline: 1px solid currentColor; outline-offset: 1px; }
html.sse-a11y-readable body, html.sse-a11y-readable body * { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: .02em; }
html.sse-a11y-motion *, html.sse-a11y-motion *::before, html.sse-a11y-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.sse-a11y-cursor, html.sse-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 11-7 1 4 7-3 2-4-7-6 5z' fill='%23000' stroke='%23fff' stroke-width='1.5'/></svg>") 4 2, auto !important; }