/* ==========================================================================
   ALLMEBLO. Poprawki dostepnosci (WCAG 2.2). Dodane 2026-08-06.

   Arkusz wpinany jest w layouts/layout-both-columns.tpl TUZ PO
   _partials/head.tpl, czyli laduje sie jako ostatni. Dzieki temu nadpisuje
   zarowno custom.css, jak i krytyczny CSS wstawiany inline w naglowku,
   bez podbijania specyficznosci na sile.

   Paleta sklepu: braz #521a06, zielen #2a8300.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tekst ukryty wizualnie, ale czytany przez czytniki ekranu.
      Uzywany przez a11y-fixes.js dla ikony lupy w naglowku.
   -------------------------------------------------------------------------- */
.alm-a11y-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* --------------------------------------------------------------------------
   2. KONTRAST: ocena w odznace opinii Trusted Shops.
      Bylo #398439 na tle #f4f9f4 = 4,34:1 (wymagane 4,5:1).
      Zielen z palety #2a8300 na tym samym tle daje 4,53:1.
   -------------------------------------------------------------------------- */
.leo-rating-value {
    color: #2a8300;
}

/* --------------------------------------------------------------------------
   3. KONTRAST: widget rat PayU. Kolor rgb(29,175,236) na bieli = 2,5:1,
      a wstawia go inline zewnetrzny skrypt PayU, wiec potrzebny !important.
      #0a6ea3 to ten sam odcien, tylko przyciemniony do 5,57:1.
   -------------------------------------------------------------------------- */
a.payu-mini-installments-widget-details,
.payu-mini-installments-widget a {
    color: #0a6ea3 !important;
}

/* --------------------------------------------------------------------------
   4. KONTRAST: szary #808080 wstawiony inline przez edytor WYSIWYG w tresci
      opisow produktow ("i zobacz wszystkie dostepne rodzaje tkanin" oraz
      <strong> w tym samym akapicie). Na bieli daje 3,94:1.
      #666 daje 5,74:1 i wizualnie pozostaje szary, spojny z reszta tresci
      (akapity w opisie i tak maja juz #666).
   -------------------------------------------------------------------------- */
[style*="color: #808080"],
[style*="color:#808080"],
[style*="color: rgb(128, 128, 128)"] {
    color: #666 !important;
}

/* --------------------------------------------------------------------------
   5. KONTRAST: pasek zalet w naglowku mobilnym (#tc1/#tc2/#tc3).
      Sam kolor tekstu (#666 na #f4f4f4 = 5,22:1) jest poprawny, ale slider
      z custom.js przelacza elementy przez animacje opacity. W trakcie
      przenikania tekst ma czesciowa przezroczystosc i realny kontrast
      spada do 1,9-2,9:1 - audyt lapal wlasnie ten moment.
      Blokujemy animacje samej przezroczystosci (opacity zawsze 1),
      zostawiajac przesuniecie translateY, wiec przelaczanie nadal jest
      animowane. Elementy nieaktywne i tak maja display:none, wiec nic
      sie nie nachodzi.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    #tc1,
    #tc2,
    #tc3 {
        opacity: 1 !important;
        transition: transform 0.32s ease-in-out !important;
    }
}

/* --------------------------------------------------------------------------
   6. Naglowki kolumn w stopce zmienione z <h4> na <h3> (kolejnosc naglowkow:
      po <h2> w tresci strony <h4> bylo przeskokiem o poziom).
      custom.css koloruje je selektorem zwiazanym ze znacznikiem h4,
      wiec powtarzamy ten sam kolor dla h3, zeby stopka wygladala identycznie.
   -------------------------------------------------------------------------- */
.footer-container .block h2.title_block,
.footer-container .block h3.title_block {
    color: #2a7c00;
}

/* --------------------------------------------------------------------------
   7. FAQ na karcie produktu: pozycje listy sa teraz poprawnymi <li>
      (wczesniej <ul> zawieral bezposrednio <div> i <hr>). Gasimy punktory,
      zeby wyglad pozostal taki sam jak przed zmiana.
   -------------------------------------------------------------------------- */
.block_faq_product_page > li.faq-item {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --------------------------------------------------------------------------
   8. WCAG 2.2 SC 2.5.8 (Target Size, Minimum): przyciski plus/minus przy polu
      ilosci mialy 30x21 px, czyli ponizej wymaganych 24x24 px. Podnosimy
      tylko wysokosc; caly widget ilosci rosnie z 44 do 48 px, wiec zrownuje
      sie z typowa wysokoscia pola formularza i nie rozjezdza ukladu.
   -------------------------------------------------------------------------- */
.bootstrap-touchspin .btn-touchspin {
    min-width: 24px;
    min-height: 24px;
}