/** * SKCH – widoczny panel dostępności (WCAG 2.1 AA) */ .skch-a11y-toolbar { position: fixed; left: 0; bottom: 1.25rem; z-index: 10001; font-family: inherit; font-size: 0.95rem; } .skch-a11y-toolbar__toggle { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0 0 0 0.75rem; padding: 0.65rem 0.9rem; border: 2px solid var(--accent, #eb6b16); border-radius: 999px; background: #fff; color: #1e2e36; font-weight: 600; cursor: pointer; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15); } .skch-a11y-toolbar__toggle:hover, .skch-a11y-toolbar__toggle:focus-visible { background: var(--accent, #eb6b16); color: #fff; } .skch-a11y-toolbar__icon { font-size: 1.15rem; line-height: 1; } .skch-a11y-toolbar__panel { margin: 0.5rem 0 0 0.75rem; padding: 0.85rem; min-width: 260px; max-width: min(320px, calc(100vw - 1.5rem)); background: #fff; border: 1px solid #d8dde0; border-radius: 10px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14); } .skch-a11y-toolbar__panel[hidden] { display: none !important; } .skch-a11y-toolbar__title { margin: 0 0 0.65rem; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #1e2e36; } .skch-a11y-toolbar__actions { display: flex; flex-wrap: wrap; gap: 0.45rem; } .skch-a11y-toolbar__actions button { flex: 1 1 calc(50% - 0.45rem); min-height: 44px; padding: 0.45rem 0.65rem; border: 1px solid #c5cdd1; border-radius: 8px; background: #f7f9fa; color: #1e2e36; font-size: 0.88rem; font-weight: 600; cursor: pointer; } .skch-a11y-toolbar__actions button:hover, .skch-a11y-toolbar__actions button:focus-visible { border-color: var(--accent, #eb6b16); background: #fff; outline: none; box-shadow: 0 0 0 3px rgba(235, 107, 22, 0.25); } .skch-a11y-toolbar__actions button.is-active { background: var(--accent, #eb6b16); border-color: var(--accent, #eb6b16); color: #fff; } /* --- Tryby dostępności na --- */ html.skch-a11y-font-lg { font-size: 112.5%; } html.skch-a11y-font-xl { font-size: 125%; } html.skch-a11y-contrast body { background: #000 !important; color: #fff !important; } html.skch-a11y-contrast .site-content, html.skch-a11y-contrast .inside-article, html.skch-a11y-contrast .gbp-section, html.skch-a11y-contrast .entry-content, html.skch-a11y-contrast .site-footer, html.skch-a11y-contrast .skch-partners { background: #000 !important; color: #fff !important; } html.skch-a11y-contrast h1, html.skch-a11y-contrast h2, html.skch-a11y-contrast h3, html.skch-a11y-contrast h4, html.skch-a11y-contrast .gbp-section__headline, html.skch-a11y-contrast .skch-partners__title, html.skch-a11y-contrast .skch-partners__label, html.skch-a11y-contrast .skch-contact-card__title, html.skch-a11y-contrast .skch-co-robimy-slogan { color: #fff !important; } html.skch-a11y-contrast p, html.skch-a11y-contrast li, html.skch-a11y-contrast .gb-text, html.skch-a11y-contrast .skch-partners__desc, html.skch-a11y-contrast .skch-contact-details dd { color: #fff !important; } html.skch-a11y-contrast .skch-partners__card, html.skch-a11y-contrast .skch-contact-card, html.skch-a11y-contrast .skch-a11y-toolbar__panel { background: #111 !important; border: 2px solid #fff !important; color: #fff !important; } html.skch-a11y-contrast .skch-partners__tagline { background: #fff !important; color: #000 !important; } html.skch-a11y-contrast a { color: #ffeb3b !important; text-decoration: underline !important; } html.skch-a11y-contrast .site-footer a, html.skch-a11y-contrast .skch-footer-legal a { color: #ffeb3b !important; border-color: #fff !important; } html.skch-a11y-contrast .header-wrap .site-header, html.skch-a11y-contrast.skch-header-scrolled .header-wrap .site-header { background: #000 !important; border-bottom: 2px solid #fff !important; } html.skch-a11y-contrast .site-header .main-navigation a, html.skch-a11y-contrast .site-header .menu-toggle { color: #fff !important; } html.skch-a11y-contrast img, html.skch-a11y-contrast .gb-media img { opacity: 0.92; } html.skch-a11y-contrast .skch-btn--primary { background: #ffeb3b !important; color: #000 !important; border-color: #ffeb3b !important; } html.skch-a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; } html.skch-a11y-readable body { font-family: Arial, Helvetica, sans-serif !important; } html.skch-a11y-spacing body { line-height: 1.85 !important; letter-spacing: 0.02em; } html.skch-a11y-spacing p, html.skch-a11y-spacing li { margin-bottom: 1.1em !important; } html.skch-a11y-motion *, html.skch-a11y-motion *::before, html.skch-a11y-motion *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } html.skch-a11y-grayscale body { filter: grayscale(1); } @media (max-width: 782px) { .skch-a11y-toolbar__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skch-a11y-toolbar__toggle { padding: 0.75rem; border-radius: 50%; min-width: 48px; min-height: 48px; justify-content: center; } }