/* ============================================================================
   R39 – poprawki rundy (07.08.2026)
   ============================================================================
   Arkusz ładowany jako OSTATNI, po prod-custom-css.css. Wydzielony osobno,
   żeby zmiany tej rundy dało się cofnąć jednym plikiem.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Szerokość kontenera treści: 1140 → 1200 px
   ----------------------------------------------------------------------------
   Produkcja renderuje treść w 1200 px. U nas główne kontenery mają
   `max-width: var(--chem-site-width)` (1200 px) RAZEM z `padding: 0 30px`
   i `box-sizing: border-box`, więc na treść zostawało 1140 px – 60 px mniej.

   To była ostatnia systemowa różnica wobec produkcji, otwarta od R37/R38.
   Skutki widać było wszędzie: węższe kafle na archiwach (400 vs 440 px),
   tytuły łamiące się na więcej linii, wyższe strony w porównaniu wizualnym.

   Nie ruszamy samej zmiennej `--chem-site-width` – ma ok. 30 użyć, część
   w kontenerach BEZ paddingu, które już teraz dają poprawne 1200 px;
   podniesienie jej do 1260 rozszerzyłoby tamte do 1260.

   Zamiast tego zdejmujemy poziomy padding tam, gdzie realnie zabiera te 60 px,
   i tylko na widokach, na których jest na to miejsce (od 1260 px wzwyż –
   1200 treści + 2 × 30 marginesu oddechowego). Poniżej tego progu padding
   zostaje, żeby tekst nie dotykał krawędzi ekranu.
   -------------------------------------------------------------------------- */
@media (min-width: 1260px) {
    .chem-row,
    .site-main > .page-content,
    .site-main > article,
    .site-main > .chem-blog-wrapper,
    .site-main > .chem-shop-layout {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Pionowe odstępy zostają takie, jakie były – zdejmujemy wyłącznie boczne. */
    .site-main > .page-content,
    .site-main > .chem-shop-layout {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* ----------------------------------------------------------------------------
   Archiwa bloga: kolumna wpisów 840 → 880 px
   ----------------------------------------------------------------------------
   `r38-fixes.css` dzieli 1200 px jako 840 + 72 (odstęp) + 288 (sidebar),
   z komentarzem „jak na produkcji". Pomiar produkcji tego nie potwierdza:
   jej kolumna wpisów ma 880 px, a sidebar zaczyna się w tym samym miejscu
   (lewa krawędź 1032 px na obu stronach). Zgadza się więc sidebar i punkt
   jego startu, a nie szerokość kolumny wpisów – odstęp powinien mieć 32 px.

   Skutek: kafle rosną z 400 na 420 px, tytuły łamią się na mniej linii.
   Do produkcyjnych 440 px nadal brakuje 20 px, bo ona układa kafle masonry
   bez odstępu między nimi (odstęp robi wewnętrzny padding kafla), a my mamy
   siatkę z `gap: 40px`. To już różnica strukturalna, nie szerokościowa.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    body.category .chem-blog-wrapper,
    body.tag .chem-blog-wrapper,
    body.tax-post_tag .chem-blog-wrapper,
    body.single-post .chem-blog-wrapper {
        gap: 32px !important;
    }
}

/* ----------------------------------------------------------------------------
   Wyjątek: indeks bloga zostaje węższy
   ----------------------------------------------------------------------------
   Strona /blog/ (ID 4498, klasa `chem-page--blog`) renderuje siatkę wpisów
   wewnątrz `.chem-row`, więc zdjęcie poziomego paddingu poszerzyło ją o 60 px
   – kafle urosły z 473 na 503 px. Produkcja trzyma tę siatkę w 906 px, czyli
   WĘŻEJ niż my, a nie szerzej: dopasowanie kafla (473 px) mieliśmy już przed
   tą rundą i pilnuje go test regresji. Przywracamy więc tam padding.
   -------------------------------------------------------------------------- */
@media (min-width: 1260px) {
    body.chem-page--blog .chem-row {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* ----------------------------------------------------------------------------
   H1 na archiwach tagów produktowych
   ----------------------------------------------------------------------------
   `main.css:2727` ukrywa tytuł archiwum dla product_cat ORAZ product_tag
   (miało to usunąć zdublowany H1 z opisu kategorii), a `main.css:2833`
   przywraca go tylko dla product_cat. Archiwa tagów zostały więc całkiem
   bez H1 – np. /pl/product-tag/inne-surowce-chemiczne/ (60 produktów).
   Opisy tagów, w odróżnieniu od opisów kategorii, własnego H1 nie mają,
   więc nie ma tu czego dublować. Produkcja pokazuje tam H1.
   Formatowanie 1:1 z regułą dla kategorii.
   -------------------------------------------------------------------------- */
.tax-product_tag .woocommerce-products-header__title.page-title {
    display: block !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #ea5b0c !important;
    line-height: 1.16 !important;
    margin: 28px 0 20px !important;
}

/* ----------------------------------------------------------------------------
   Blok autora pod wpisem (template-parts/blog-author.php)
   ----------------------------------------------------------------------------
   Odwzorowanie bloku z produkcji: heksagon po lewej (141 px, ok. 20 % szerokości),
   obok nazwisko z kopertą-mailto (24 px, 700, #ea5b0c) i bio. Na wąskich ekranach
   produkcja układa kolumny jedna pod drugą – u nas to samo poniżej 768 px.
   -------------------------------------------------------------------------- */
.chem-post-author {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin: 40px 0 10px;
}

.chem-post-author__photo {
    flex: 0 0 141px;
}

.chem-post-author__photo img {
    display: block;
    width: 141px;
    height: 141px;
    max-width: 100%;
}

.chem-post-author__body {
    flex: 1 1 auto;
    min-width: 0;
}

.chem-post-author__name {
    margin: 0 0 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #ea5b0c;
}

.chem-post-author__name a {
    color: #ea5b0c;
    text-decoration: none;
}

.chem-post-author__bio {
    margin: 0;
}

@media (max-width: 767px) {
    .chem-post-author {
        flex-direction: column;
        gap: 16px;
    }
}

/* ----------------------------------------------------------------------------
   Opis wariantu na karcie produktu – ukryty, jak na produkcji
   ----------------------------------------------------------------------------
   WooCommerce wstawia opis wybranego wariantu do `.single_variation`. Treść
   mamy w DOM identyczną jak produkcja, ale produkcja ukrywa ten blok regułą
   `display: none` (sprawdzone na trzech kartach – ustawienie globalne, nie
   wyjątek). U nas był widoczny i podnosił kartę produktu o ok. 290 px:
   na /pl/product/galaktika-2/ formularz wariantów mial 396 px zamiast 77.

   W bazie jest 28 186 wariantów z opisem przy 476 produktach nadrzędnych,
   więc różnica dotyczyła znacznej części katalogu. Sam opis zostaje w DOM
   (czytniki i pozycjonowanie go widzą) – zdejmujemy wyłącznie prezentację.
   -------------------------------------------------------------------------- */
.woocommerce-variation-description {
    display: none !important;
}