/* Accessibility widget — Betzalel Group */ .baw-toggle { position: fixed; bottom: 20px; right: 20px; z-index: 95; width: 54px; height: 54px; border-radius: 50%; background: #1b4332; color: white; border: 0; cursor: pointer; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,0.18); transition: transform .28s ease, background .28s ease; } .baw-toggle:hover, .baw-toggle:focus-visible { transform: scale(1.08); background: #2d6a4f; outline: 3px solid #b8763e; outline-offset: 3px; } .baw-toggle svg { width: 28px; height: 28px; } .baw-panel { position: fixed; top: 0; right: -360px; width: 340px; max-width: 92vw; height: 100vh; background: white; z-index: 100; box-shadow: -10px 0 40px rgba(0,0,0,0.18); transition: right .35s cubic-bezier(0.2, 0.8, 0.2, 1); overflow-y: auto; font-family: "Rubik", "Arial Hebrew", system-ui, sans-serif; direction: rtl; } .baw-panel.is-open { right: 0; } .baw-panel[aria-hidden="false"] { right: 0; } .baw-panel__header { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; background: #1b4332; color: white; } .baw-panel__header h2 { margin: 0; font-size: 1.1rem; font-family: "Heebo", sans-serif; font-weight: 800; color: white; } .baw-close { background: transparent; border: 0; color: white; font-size: 2rem; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; line-height: 1; display: grid; place-items: center; } .baw-close:hover, .baw-close:focus-visible { background: rgba(255,255,255,0.12); outline: 2px solid white; } .baw-panel__body { padding: 1.25rem 1.5rem; } .baw-group { margin-bottom: 1.5rem; } .baw-group h3 { margin: 0 0 .65rem; font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; color: #5a6b62; font-family: "Heebo", sans-serif; font-weight: 700; } .baw-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .45rem; } .baw-row button { padding: .65rem .35rem; background: #f1faf4; border: 1.5px solid #d8f3dc; border-radius: 8px; font-family: "Rubik", sans-serif; font-size: .85rem; color: #1b4332; cursor: pointer; transition: all .2s ease; font-weight: 500; } .baw-row button:hover, .baw-row button:focus-visible { background: #1b4332; color: white; border-color: #1b4332; outline: none; } .baw-row button.is-active { background: #1b4332; color: white; border-color: #1b4332; } .baw-reset .baw-reset-btn { width: 100%; padding: .85rem; background: #b8763e; color: white; border: 0; border-radius: 8px; font-family: "Heebo", sans-serif; font-weight: 700; font-size: .95rem; cursor: pointer; } .baw-reset .baw-reset-btn:hover, .baw-reset .baw-reset-btn:focus-visible { background: #8b4513; outline: 2px solid #1b4332; } .baw-panel__footer { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d8f3dc; text-align: center; } .baw-panel__footer a { color: #1b4332; font-size: .9rem; text-decoration: underline; } /* ---- States applied to ---- */ body.baw-font-larger { font-size: 1.15em !important; } body.baw-font-larger-2 { font-size: 1.3em !important; } body.baw-font-smaller { font-size: 0.92em !important; } body.baw-contrast-high { background: #000 !important; color: #fff !important; } body.baw-contrast-high *, body.baw-contrast-high h1, body.baw-contrast-high h2, body.baw-contrast-high h3, body.baw-contrast-high p { background: transparent !important; color: #ffff00 !important; border-color: #ffff00 !important; } body.baw-contrast-high a { color: #00ffff !important; text-decoration: underline !important; } body.baw-contrast-dark { background: #1a1a1a !important; color: #f0f0f0 !important; } body.baw-contrast-dark * { background-color: transparent !important; color: #f0f0f0 !important; } body.baw-contrast-dark a { color: #95d5b2 !important; } body.baw-contrast-bw, body.baw-contrast-bw * { filter: grayscale(100%) contrast(1.2) !important; } body.baw-highlight-links a { background: #ffff00 !important; color: #000 !important; padding: 0 4px; text-decoration: underline !important; } body.baw-highlight-headings h1, body.baw-highlight-headings h2, body.baw-highlight-headings h3 { background: #ffff99 !important; color: #000 !important; padding: 4px 8px; border-right: 4px solid #b8763e; } body.baw-font-readable, body.baw-font-readable * { font-family: "Arial", "Tahoma", sans-serif !important; letter-spacing: 0.04em !important; word-spacing: 0.1em !important; } body.baw-pause-animations *, body.baw-pause-animations *::before, body.baw-pause-animations *::after { animation: none !important; transition: none !important; } body.baw-big-cursor, body.baw-big-cursor * { cursor: url("data:image/svg+xml;utf8,") 4 4, auto !important; } @media (max-width: 480px) { .baw-panel { width: 100vw; right: -100vw; max-width: 100vw; } .baw-row { grid-template-columns: 1fr 1fr; } }