/* Warstwa 5 dla WordPressa — wyłącznie to, czego nie ma na localhoście: formularz koszyka WooCommerce
   w miejscu przycisku i znacznik niepodpiętego produktu (widoczny tylko w trybie roboczym).
   Świadomie NIC tutaj nie nadpisuje wyglądu landingu — ten mieszka w komponenty-zero.css.

   Runda 54 (1.1.0):
   · usunięte style paska koszyka, pigułki logowania i komunikatu „wybierz okładkę” — tych elementów już nie ma,
     bo koszyk i konto działają przez nagłówek i szufladę z projektu;
   · tokeny tylko z tokeny.css: wcześniej arkusz wołał --zloto-sygnaturowe i --font-ui, których nie ma,
     więc wszystko szło z wartości zapasowych — krojem system-ui zamiast Europy (zmierzone 18.09). */

/* formularz „dodaj do koszyka” ma zachowywać się dokładnie jak przycisk, który zastąpił */
.ak27-kup { display: contents; }
.ak27-kup > button { width: 100%; }

/* produkt jeszcze niepodpięty — widoczne tylko w trybie roboczym, nigdy po publikacji */
.ak27-niepodpiety,
.ak27-brak-woo {
  display: inline-block; padding: .45em .7em; border: 1px dashed var(--czerwien); border-radius: var(--r-male);
  color: var(--grafit); font: 500 calc(11px * var(--ui-k))/1.2 var(--ui);
  letter-spacing: .02em; text-transform: none;
}

/* ——— Motyw OceanWP maluje KAŻDEMU przyciskowi czarne tło po najechaniu
   (`body .theme-button:hover, body input[type=submit]:hover, body button…{background-color:#000 !important}`).
   Nasze komponenty rysują się same, a ta reguła wygrywała z nimi specyficznością, więc na produkcji
   strzałki i wybór okładki robiły się czarne (Kasia 23.09: „hover — wybierz okładkę — też na czarno
   się podświetla … to musi być jakiś efekt hover, który daje czarne tło”).
   Dlatego wszystkie nasze przyciski dostają tu hover z „body” z przodu — to ta sama waga co motyw,
   a ponieważ arkusz motywu wchodzi PO naszym, dokładamy !important — to jedyne miejsce,
   w którym go używamy, i dotyczy wyłącznie tła po najechaniu na NASZE przyciski. Wartości = te same, co w komponentach. */
body .v4-strona button:hover,
body .v4-strona button:focus,
body .szuflada button:hover,
body .pasek button:hover,
body .mobilne button:hover,
body .okno-prawne button:hover{background-color:transparent !important}
/* warianty przycisków zachowują swoje kolory — każdy dokładnie taki, jak w komponentach */
/* UWAGA: ogólny reset wyżej ma specyficzność (0,2,2) — reguły wariantów muszą ją przebić,
   inaczej złoty przycisk „Dodaj do koszyka” robi się przezroczysty i napis ginie (Kasia 23.09). */
body .v4-strona .btn-1:hover, body .szuflada .btn-1:hover, body .pasek .btn-1:hover, body .btn-1:hover{background-color:var(--czern,#161312) !important;color:var(--biel,#fff) !important}
body .v4-strona .btn-2:hover, body .szuflada .btn-2:hover, body .pasek .btn-2:hover, body .btn-2:hover{background-color:var(--biel-ciepla,#F7F2EC) !important;color:var(--tx,#161312) !important}
body .v4-strona .btn-3:hover, body .szuflada .btn-3:hover, body .pasek .btn-3:hover, body .btn-3:hover{background-color:var(--zloto-mocne,#A97C58) !important;color:var(--biel,#fff) !important}
body .v4-strona .btn-pusty:hover, body .szuflada .btn-pusty:hover, body .btn-pusty:hover{background-color:var(--zloty,#BA8D6A) !important;color:var(--biel,#fff) !important}
body .gk-strzalki button:hover{background-color:color-mix(in srgb,var(--biel) 90%,transparent) !important}
body .strzalki button:hover:not(:disabled){background-color:var(--biel) !important}
body .szuflada .ilosc button:hover,
body .v4-strona .ilosc button:hover{background-color:var(--biel-ciepla) !important}
body .szuflada .wybor-okladki button:hover{background-color:var(--biel) !important}
body .wo-pole:hover,
body .wo-opcja:hover{background-color:var(--biel) !important}
body .zamknij:hover,
body .okno-prawne .op-zamknij:hover{background-color:rgba(22,19,18,.06) !important}

/* Kasia 23.09: „przycisk przejdź do płatności — po najechaniu hover jest biały; niech zostanie
   czarny ze strzałką w prawo”. Mój reset dla czarnego hovera motywu zabrał mu własne tło —
   tutaj wraca, razem z przyciskiem konta i innymi ciemnymi przyciskami szuflady. */
body #kosz-platnosc:hover,
body .szuflada .btn-1:hover,
body .kosz-platnosc:hover{background-color:var(--czern,#161312) !important;color:var(--biel,#fff) !important}
body #kosz-platnosc:hover .kp-strzalka,
body #kosz-platnosc:hover svg{color:var(--biel,#fff) !important;stroke:currentColor}

/* Wiersz-widmo w szufladzie, gdy koszyk WooCommerce jeszcze odpowiada (Kasia 23.09, telefon:
   „pierwsze co widzę: koszyk jest pusty — dodaj jakieś ładowanie, żeby mnie nie zmyliło, że to błąd”).
   Klasa celowo inna niż `.poz`: nakładka liczy po niej pozycje do progu darmowej wysyłki. */
#kosz-pozycje.kosz-wczytuje .kosz-pusty{display:none}
.poz-szkielet{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0}
.poz-szkielet .psz-mini{width:64px;height:80px;border-radius:8px}
.poz-szkielet .psz-op{display:grid;gap:8px}
.poz-szkielet .psz-linia{height:12px;border-radius:6px;display:block}
.poz-szkielet .psz-krotka{width:45%}
.poz-szkielet .psz-mini, .poz-szkielet .psz-linia{
  background:linear-gradient(90deg, rgba(22,19,18,.06) 25%, rgba(22,19,18,.12) 37%, rgba(22,19,18,.06) 63%);
  background-size:400% 100%;animation:ak27-szkielet 1.2s ease-in-out infinite}
@keyframes ak27-szkielet{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){
  .poz-szkielet .psz-mini, .poz-szkielet .psz-linia{animation:none}
}

/* OceanWP maluje nie tylko najechanie, ale i stan spoczynku każdego przycisku typu submit
   (body .theme-button, body input[type=submit], body button[type=submit]). Nasze „Dodaj do koszyka”
   to formularz WooCommerce, czyli button[name="add-to-cart"] — i tracił rozmiar, wagę, kolor oraz
   dostawał ramkę. Karty Intencji dokłada nakładka jako zwykły button, więc motyw ich nie łapał i to
   one wyglądały poprawnie: 16 przycisków było zepsutych, nie jeden ładniejszy.
   Kasia 23.09: „karty intencje mają większy i ładniejszy przycisk niż pozostałe produkty —
   ujednolicić do tego przykładu”. Wartości wyłącznie ze zmiennych komponentów, żeby nie utrwalać liczb.
   Namiar na przyczynę: druga sesja (pomiar 17 przycisków na produkcji). */
body .v4-strona .ak27-kup > button.btn,
body .v4-strona .akcja button[name="add-to-cart"],
body .szuflada .ak27-kup > button.btn{
  font-family:var(--ui);font-size:calc(12px * var(--ui-k));font-weight:500;
  text-transform:uppercase;border:0;border-radius:var(--r-male);
  background:var(--zloty);color:var(--biel)}
/* odstępy i odstęp między literami zostawiamy komponentowi (.btn-mal), żeby nasz przycisk formularza
   był IDENTYCZNY z tym, którego motyw nie dotyka — inaczej ujednolicimy 17 sztuk do siebie nawzajem,
   ale nie do wzoru, który wskazała Kasia */
body .v4-strona .ak27-kup > button.btn.btn-mal,
body .v4-strona .akcja button[name="add-to-cart"].btn-mal{padding:0 10px}