/* ==========================================================================
   ALDAR FARMA — utilities.css
   Pojedyncze, celowe klasy pomocnicze. To nie jest framework utility —
   jeśli klasa pojawia się w kodzie raz, jej miejsce jest w components.css.
   ========================================================================== */

/* Tekst dla czytników ekranu, niewidoczny wizualnie */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Blokada przewijania tła przy otwartym menu */
.no-scroll {
  overflow: hidden;
  /* Kompensacja szerokości paska przewijania — bez tego layout „skacze" */
  padding-inline-end: var(--scrollbar-w, 0);
}

.text-balance { text-wrap: balance; }
.text-center  { text-align: center; }
.text-muted   { color: var(--text-muted); }
.text-lead    { font-size: var(--text-lg); line-height: var(--leading-snug); }

.measure      { max-width: var(--container-text); }
.measure-tight{ max-width: 46ch; }

.mt-0  { margin-block-start: 0; }
.mt-4  { margin-block-start: var(--space-4); }
.mt-6  { margin-block-start: var(--space-6); }
.mt-8  { margin-block-start: var(--space-8); }
.mt-12 { margin-block-start: var(--space-12); }

.full-bleed-radius {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* Ukrycie do/od breakpointu — używać oszczędnie */
@media (max-width: 39.99em) {
  .hide-mobile { display: none !important; }
}

@media (min-width: 62em) {
  .hide-desktop { display: none !important; }
}

/* Wyłącznie do druku */
@media print {
  .header,
  .quick-bar,
  .to-top,
  .mobile-menu,
  .hero__scroll {
    display: none !important;
  }
  body {
    background: #fff;
    color: #000;
  }
}