/* Skip link */
.wcag-skip-link{
  position:absolute;left:-9999px;top:8px;z-index:999999;
  padding:10px 12px;background:#000;color:#fff;border-radius:999px;text-decoration:none;
}
.wcag-skip-link:focus{left:8px;outline:3px solid #fff;outline-offset:2px}

/* Toolbar */
.wcag-toolbar{
  position:fixed;bottom:16px;z-index:999999;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.wcag-toolbar[data-position="right"],.wcag-toolbar[data-default-position="right"]{right:16px}
.wcag-toolbar[data-position="left"],.wcag-toolbar[data-default-position="left"]{left:16px}

.wcag-toolbar__toggle{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  padding:12px 16px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.2)!important;
  background:#fff!important;color:#111!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  cursor:pointer!important;min-width:210px!important;max-width:92vw!important;line-height:1.1!important;
}

.wcag-toolbar__icon{
  width:34px!important;height:34px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#111!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;
  flex:0 0 auto!important;
}
.wcag-toolbar__icon svg{fill:currentColor!important;display:block!important}

.wcag-toolbar__label{
  display:inline-block!important;font-size:16px!important;font-weight:800!important;
  color:inherit!important;white-space:nowrap!important;
}

.wcag-toolbar__panel{
  margin-top:10px;padding:14px;border-radius:22px;border:1px solid rgba(0,0,0,.15);
  background:#fff;color:#111;box-shadow:0 12px 34px rgba(0,0,0,.20);
  width:fit-content;max-width:92vw;
}

.wcag-toolbar__row{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;
}

/* 4 przyciski rozmiaru tekstu */
.wcag-toolbar__row--text4{
  grid-template-columns:1fr 1fr 1fr 1fr;
  align-items:center;
}

.wcag-btn{
  padding:14px 12px;border-radius:18px;border:2px solid rgba(0,0,0,.08);
  background:#f3f3f3;color:#111;cursor:pointer;font-weight:700;min-width:130px;justify-self:stretch;
}
.wcag-btn[aria-pressed="true"]{
  background:#111;color:#fff;border-color:rgba(0,0,0,.35);
}

.wcag-btn--small{
  min-width:0;width:100%;
  padding:12px 10px;border-radius:16px;font-weight:900;
}

/* 100% – ciemniejszy i czytelny */
.wcag-btn--percent{
  background:#d0d0d0;color:#111;border-color:rgba(0,0,0,.22);font-weight:900;
}

/* Inwersja: OFF normalna, ON czarna */
.wcag-btn--invert{background:#f3f3f3;color:#111;border-color:rgba(0,0,0,.08)}
.wcag-btn--invert[aria-pressed="true"]{background:#111;color:#fff;border-color:rgba(0,0,0,.35)}

/* Inwersja tekstu/strony */
html.wcag-invert{filter:invert(1) hue-rotate(180deg)}
html.wcag-invert .wcag-toolbar,
html.wcag-invert .wcag-skip-link{filter:invert(1) hue-rotate(180deg)}

/* Podkreślanie linków */
html.wcag-underline-links a{
  text-decoration:underline!important;
  text-underline-offset:.15em;
}

/* =========================================================
   MŁOTEK: powiększ WSZYSTKIE teksty (globalnie)
   - bez zmiany ikon/toolbaru
   - działa też na elementy z px/!important (bo wymuszamy !important)
   ========================================================= */

/* MŁOTEK – stabilny: rem zamiast em (nie “podwaja” się po rodzicach) */
html.wcag-font-scale body *{
  font-size: calc(1rem * var(--wcag-font-scale, 1)) !important;
}

/* BCMP: nagłówki sekcji nie mogą brać dziwnej bazy z kontenera */
html.wcag-font-scale .bcmp__tilesSlider__header{
  font-size: calc(1rem * var(--wcag-font-scale, 1)) !important;
}

/* Plugin NIE skaluje się */
html.wcag-font-scale .wcag-toolbar,
html.wcag-font-scale .wcag-toolbar *,
html.wcag-font-scale .wcag-skip-link{
  font-size:1rem!important;line-height:normal!important;
}

html.wcag-underline-links .bcmp__bcmpPost__singleTile__content__title,
html.wcag-underline-links .bcmp__fullPageSlider__slide__content__title{
  text-decoration: underline !important;
}

/* WCAG: interlinia zawsze razem z powiększeniem tekstu */
html.wcag-font-scale body *{
  line-height: calc(0.9 * var(--wcag-font-scale, 1)) !important;
}

/* Slick slider: ukryj numeryczne etykiety przycisków (zostaw aria-label) */
.slick-dots li button {
  font-size: 0 !important;     /* ukrywa cyfry */
  line-height: 0 !important;
}

/* ==========================================
   MOBILE: tylko ikonka WCAG u góry (100px)
   ========================================== */
@media (max-width: 768px){

  .wcag-toolbar{
    top: 60px !important;
    bottom: auto !important;
  }

  /* Zostaw tylko ikonę – usuń napis */
  .wcag-toolbar__label{
    display: none !important;
  }

  /* Zmniejsz przycisk do kształtu koła */
  .wcag-toolbar__toggle{
    min-width: auto !important;
    padding: 8px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  /* Ikona wycentrowana */
  .wcag-toolbar__icon{
    margin: 0 !important;
  }

}