/* Zestrero Accessibility — stiluri widget frontend */ #zestrero-a11y-btn { position: fixed; z-index: 999999; width: 52px; height: 52px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); background-color: var(--zestrero-primary, #1a56db); color: #fff; transition: transform 0.15s ease; } #zestrero-a11y-btn:hover, #zestrero-a11y-btn:focus-visible { transform: scale(1.06); outline: 3px solid #fff; outline-offset: 2px; } #zestrero-a11y-btn svg { width: 26px; height: 26px; fill: currentColor; } .zestrero-pos-bottom-right { bottom: 20px; right: 20px; } .zestrero-pos-bottom-left { bottom: 20px; left: 20px; } .zestrero-pos-top-right { top: 20px; right: 20px; } .zestrero-pos-top-left { top: 20px; left: 20px; } #zestrero-a11y-panel { position: fixed; z-index: 999998; width: 280px; max-width: calc(100vw - 32px); background: #fff; color: #1a1a1a; border-radius: 10px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25); padding: 16px; display: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; } #zestrero-a11y-panel.zestrero-open { display: block; } #zestrero-a11y-panel.zestrero-pos-bottom-right { bottom: 84px; right: 20px; } #zestrero-a11y-panel.zestrero-pos-bottom-left { bottom: 84px; left: 20px; } #zestrero-a11y-panel.zestrero-pos-top-right { top: 84px; right: 20px; } #zestrero-a11y-panel.zestrero-pos-top-left { top: 84px; left: 20px; } #zestrero-a11y-panel h2 { font-size: 15px; margin: 0 0 12px 0; display: flex; align-items: center; justify-content: space-between; } #zestrero-a11y-panel .zestrero-close { background: none; border: none; cursor: pointer; font-size: 18px; line-height: 1; padding: 4px; color: #555; } #zestrero-a11y-panel button.zestrero-option { width: 100%; text-align: left; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 6px; padding: 10px 12px; margin-bottom: 8px; cursor: pointer; font-size: 13px; display: flex; align-items: center; gap: 8px; } #zestrero-a11y-panel button.zestrero-option:hover, #zestrero-a11y-panel button.zestrero-option:focus-visible { background: #e5e7eb; } #zestrero-a11y-panel button.zestrero-option.zestrero-active { background: var(--zestrero-primary, #1a56db); border-color: var(--zestrero-primary, #1a56db); color: #fff; } #zestrero-a11y-panel .zestrero-footer { margin-top: 10px; font-size: 11px; color: #888; text-align: center; } /* --- Stări aplicate pe site (html/body) --- */ /* Folosim `zoom` în loc de `font-size` pe html: multe teme setează dimensiunea textului în px, iar font-size pe nu are efect asupra unităților fixe. `zoom` scalează întreaga pagină (inclusiv textul în px), la fel ca zoom-ul nativ din browser. */ html.zestrero-fontsize-1 { zoom: 1.1 !important; } html.zestrero-fontsize-2 { zoom: 1.2 !important; } html.zestrero-fontsize-3 { zoom: 1.3 !important; } html.zestrero-fontsize-4 { zoom: 1.4 !important; } body.zestrero-high-contrast, body.zestrero-high-contrast * { background-color: #000 !important; color: #fff !important; border-color: #fff !important; } body.zestrero-high-contrast a, body.zestrero-high-contrast a * { color: #ffe500 !important; } body.zestrero-underline-links a { text-decoration: underline !important; } body.zestrero-dyslexia-font, body.zestrero-dyslexia-font * { font-family: "Comic Sans MS", "Verdana", sans-serif !important; letter-spacing: 0.5px !important; line-height: 1.6 !important; }