/* ============================================================ Pieejamība: burtu izmēra un kontrasta vadīklas. Klases tiek pievienotas elementam (skat. js/accessibility.js). ============================================================ */ /* ---- Dropdown vadīklu izskats ---- */ .a11y-menu .a11y-group { /* Kreisā mala saskaņota ar nolaižamās izvēlnes ierakstiem (piem. "Viegli lasīt"), kam .nav-link padding ir 6px. */ padding: .35rem 6px; } .a11y-menu .a11y-label { display: block; /* Saskaņots ar pārējiem nolaižamās izvēlnes ierakstiem (piem. "Viegli lasīt"): tāds pats izmērs un balta krāsa, mērogojas līdzi burtu izmēra pogām. */ font-size: calc(18px * var(--a11y-font-scale)); color: #fff; margin-bottom: .35rem; } .a11y-menu .a11y-font-buttons { display: flex; gap: 6px; } .a11y-menu .a11y-btn { border: 1px solid #dee2e6; background: #f8f9fa; color: #212529; border-radius: 4px; padding: .25rem .6rem; font-size: 15px; line-height: 1.2; cursor: pointer; } .a11y-menu .a11y-font-buttons .a11y-btn { flex: 1 1 0; } .a11y-menu .a11y-btn-block { display: block; width: 100%; text-align: center; } .a11y-menu .a11y-btn:hover, .a11y-menu .a11y-btn:focus { border-color: #AFD244; background: #fff; outline: 2px solid #AFD244; outline-offset: 1px; } .a11y-menu .a11y-btn[aria-pressed="true"] { background: #AFD244; border-color: #AFD244; color: #212529; font-weight: 600; } /* ---- Kontrasta pogas: acs ikona + krāsu paraugs ---- */ .a11y-menu .a11y-contrast-buttons { display: flex; gap: 6px; } .a11y-menu .a11y-contrast-btn { flex: 1 1 0; display: flex; align-items: center; justify-content: center; padding: .35rem 0; font-size: 20px; line-height: 1; } .a11y-menu .a11y-contrast-btn ion-icon { pointer-events: none; /* Klikšķis vienmēr aiziet uz pašu pogu. */ } /* Krāsu paraugi — katra poga priekšskatā parāda savu kontrasta shēmu. Pietiekami augsta specifika, lai noturētos arī aktīvā kontrasta režīmā. */ .a11y-menu .a11y-contrast-btn.a11y-swatch-default { background-color: #fff !important; border-color: #dee2e6 !important; color: #AFD244 !important; /* Tēmas akcenta krāsa — apzīmē parastās krāsas. */ } .a11y-menu .a11y-contrast-btn.a11y-swatch-high { background-color: #fff !important; border-color: #212529 !important; color: #000 !important; } .a11y-menu .a11y-contrast-btn.a11y-swatch-yellow { background-color: #000 !important; border-color: #000 !important; color: #ffff00 !important; } .a11y-menu .a11y-contrast-btn.a11y-swatch-dark-yellow { background-color: #ffff00 !important; border-color: #b8a900 !important; color: #000 !important; } /* Aktīvais režīms — labi redzams gredzens ap pogu. */ .a11y-menu .a11y-contrast-btn[aria-pressed="true"] { outline: 3px solid #1a73e8 !important; outline-offset: 1px; box-shadow: none !important; } /* ---- Kontrasta labojumi (WCAG AA) ---- */ /* Tēmā kājenes ierakstu datums ir 'gray' (#808080) uz #252525 fona — tikai ~3.9:1. Paceļam līdz lasāmam pelēkam (~7:1), saglabājot apslāpēto izskatu. */ .ftco-footer .block-21 .text .meta > div a { color: #b3b3b3; } /* ---- Burtu izmēra mērogošana ---- */ /* Tēma izmanto fiksētus px izmērus. Tāpēc nevis pārrakstām katra elementa font-size ar procentiem (procenti rēķinās pret vecāka izmēru, tāpēc lieli virsraksti pat sarūk), bet uzstādām reizinātāju --a11y-font-scale. To style.css izmanto calc( * var(--a11y-font-scale)) vērtībās, tāpēc katrs elements mērogojas no SAVA dizainētā izmēra. */ html.a11y-font-1 { --a11y-font-scale: 1.25; } html.a11y-font-2 { --a11y-font-scale: 1.5; } /* ============================================================ Kontrasta režīmi (savstarpēji izslēdzoši): .a11y-contrast-high — melns teksts uz balta (augsts kontrasts) .a11y-contrast-yellow — dzeltens teksts uz melna .a11y-contrast-dark-yellow — melns teksts uz dzeltena Tēma uzliek savas fona krāsas un fona attēlus daudziem konteineriem (sekcijām, kartēm, hero, navigācijai), tāpēc kontrasta režīmi izmanto plašu pārrakstīšanu ar universālo selektoru. Fona attēli tiek noņemti, lai teksta lasāmība būtu prioritāte. ============================================================ */ /* ---- Augsts kontrasts: melns uz balta ---- */ html.a11y-contrast-high, html.a11y-contrast-high body, html.a11y-contrast-high *:not(img):not(svg):not(ion-icon):not([class*="icon-"]) { background-color: #fff !important; background-image: none !important; color: #000 !important; border-color: #000 !important; box-shadow: none !important; text-shadow: none !important; } html.a11y-contrast-high a, html.a11y-contrast-high a * { color: #00309c !important; text-decoration: underline !important; } html.a11y-contrast-high .btn { border: 1px solid #000 !important; } /* ---- Dzeltens uz melna ---- */ html.a11y-contrast-yellow, html.a11y-contrast-yellow body, html.a11y-contrast-yellow *:not(img):not(svg):not(ion-icon):not([class*="icon-"]) { background-color: #000 !important; background-image: none !important; color: #ffff00 !important; border-color: #ffff00 !important; box-shadow: none !important; text-shadow: none !important; } html.a11y-contrast-yellow a, html.a11y-contrast-yellow a * { color: #ffff00 !important; text-decoration: underline !important; } html.a11y-contrast-yellow .btn { border: 1px solid #ffff00 !important; } /* ---- Melns uz dzeltena ---- */ html.a11y-contrast-dark-yellow, html.a11y-contrast-dark-yellow body, html.a11y-contrast-dark-yellow *:not(img):not(svg):not(ion-icon):not([class*="icon-"]) { background-color: #ffff00 !important; background-image: none !important; color: #000 !important; border-color: #000 !important; box-shadow: none !important; text-shadow: none !important; } html.a11y-contrast-dark-yellow a, html.a11y-contrast-dark-yellow a * { color: #00309c !important; text-decoration: underline !important; } html.a11y-contrast-dark-yellow .btn { border: 1px solid #000 !important; } /* ---- Kopīgi pielāgojumi visiem kontrasta režīmiem ---- */ /* Hero/sekciju pārklājumi vairs nav vajadzīgi — fona attēli ir noņemti. */ html[class*="a11y-contrast-"] .hero-wrap .overlay, html[class*="a11y-contrast-"] .ftco-section-3 .overlay, html[class*="a11y-contrast-"] .ftco-footer .overlay { display: none !important; } /* Aktīvās burtu izmēra pogas izcēlums kontrasta režīmos. Attiecas TIKAI uz burtu pogām — kontrasta pogu krāsu paraugi (acis) paliek nemainīgi, tiem pievieno vienīgi izcēluma apmali (skat. .a11y-contrast-btn[aria-pressed]). */ html.a11y-contrast-yellow .a11y-menu .a11y-font-buttons .a11y-btn[aria-pressed="true"] { background-color: #ffff00 !important; color: #000 !important; } html.a11y-contrast-dark-yellow .a11y-menu .a11y-font-buttons .a11y-btn[aria-pressed="true"], html.a11y-contrast-high .a11y-menu .a11y-font-buttons .a11y-btn[aria-pressed="true"] { background-color: #000 !important; color: #fff !important; }