/*
 * R40 – poprawki po uwagach testera z 10.08.2026 (PDF "chemno 10 sierpnia").
 * Konwencja jak w R39: wszystkie zmiany rundy w jednym pliku, ladowanym
 * OSTATNIM (zaleznosc od chemnovatic-r39 w inc/enqueue.php), zeby dalo sie
 * je cofnac w calosci. Wartosci zmierzone Playwrightem na zywej produkcji
 * 10.08 (tools/r40-batch/diag-r40-elementy*.js).
 */

/* ---------------------------------------------------------------------------
 * 1. Blockquote w tresci (baza wiedzy, wpisy) – produkcja styluje kazdy
 *    blockquote: szare tlo, pomaranczowa krawedz z lewej, kursywa.
 *    Zmierzano na /pl/baza-wiedzy/przewodnik-vape.../ (box "UWAGA").
 * ------------------------------------------------------------------------- */
.site-main blockquote {
    background: #f9f9fb;
    border-left: 4px solid #ea5b0c;
    padding: 15px;
    margin: 32px 40px;
    font-style: italic;
}

/* ---------------------------------------------------------------------------
 * 2. Wpis blogowy: H1 wchodzil pod sticky menu (h1Top 151 przy dolnej
 *    krawedzi naglowka 173; produkcja zaczyna tytul rowno z ta krawedzia).
 * ------------------------------------------------------------------------- */
body.single-post .chem-title-bar--post {
    /* margin (nie padding): pasek ma height:150px !important i centrowanie
       flex, wiec padding nie przesuwal tytulu - margines opuszcza caly pasek. */
    margin-top: 23px !important;
}

/* ---------------------------------------------------------------------------
 * 3. Strony Bazy Wiedzy bez H1 szablonu – produkcja nie renderuje tam
 *    tytulu strony (tresc zaczyna sie od wlasnych naglowkow). Klasa body
 *    nadawana w inc/setup.php dla calej rodziny (wszystkie jezyki).
 * ------------------------------------------------------------------------- */
body.chem-page--rodzina-bazy-wiedzy .chem-page-title {
    display: none !important;
}

/* ---------------------------------------------------------------------------
 * 4. Kasa: link "Kliknij tutaj, aby dodac swoj kod" zlewal sie z jasnym
 *    tlem powiadomienia – tester podswietlil go jako nieczytelny.
 * ------------------------------------------------------------------------- */
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #ea5b0c !important;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------
 * 5. Sekcja "Dokumentacja" na produktach: ikona specification.png renderowala
 *    sie 68x58 ("jedna jest za duza"), produkcja ma 53x45.
 * ------------------------------------------------------------------------- */
.single-product .site-main img[src*="specification.png"] {
    width: 53px !important;
    height: auto !important;
}
/* R41c (uwaga 12.08): medal TPD-Compliant renderowal sie 76x97 - produkcja
   ma 53x68; ta sama sekcja Dokumentacja powtarza sie na wielu produktach. */
.single-product .site-main img[src*="TPD-Compliant"] {
    width: 53px !important;
    height: auto !important;
}

/* ---------------------------------------------------------------------------
 * 6. Baza wiedzy "Przepisy w branzy...": duza ikona (content_hub) renderowala
 *    sie 826 px, produkcja pokazuje ja w 400 px.
 * ------------------------------------------------------------------------- */
.site-main a[href*="e-liquid-regulacje"] img[src*="content_hub_icons"],
.site-main a[href*="e-liquid-regulations"] img[src*="content_hub_icons"] {
    max-width: 400px !important;
    height: auto !important;
}

/* ---------------------------------------------------------------------------
 * 7. Certyfikowany zrownowazony rozwoj: grafiki certyfikatow.
 *    Produkcja: tuv-iso-* 210x106, HACCP 308x308, logo zbiorcze 140x60.
 *    U nas tuv-iso wychodzily 368-400 px ("grafiki iso wielkie").
 * ------------------------------------------------------------------------- */
/* !important: konkuruja z regulami o rownej specyficznosci (m.in.
   .chem-col img z base.css i reguly z round8-fixes z !important). */
.site-main img[src*="tuv-iso-"] {
    max-width: 210px !important;
    height: auto !important;
}
.site-main img[src*="Management-System-HACCP"] {
    width: 308px !important;
    max-width: 100% !important;
    height: auto !important;
}
/* logo zbiorcze stoi POZA .site-main (pasek tytulu) - selektor przez body */
body img[src*="9108641488_en_iso"] {
    max-width: 140px !important;
    height: auto !important;
}

/* ---------------------------------------------------------------------------
 * 8. O nas: ikona dostaw (samochod) – produkcja opuszcza ja 40 px od gory
 *    kolumny, przez co stoi na srodku wzgledem tekstu; u nas przyklejala
 *    sie do gory.
 * ------------------------------------------------------------------------- */
/* R41h: produkcja centruje ciezarowke w kolumnie (138 px od lewej przy
   576 px); u nas byla przyklejona do lewej. webp-express owija obrazek
   w inline'owy <picture>, wiec centrowanie przez kolumne. */
.chem-legacy-column-wrapper:has(img[src*="szybsze_dostawy"]) {
    text-align: center !important;
}
.chem-legacy-column-wrapper img[src*="szybsze_dostawy"] {
    display: inline-block;
    margin-top: 40px;
}

/* ---------------------------------------------------------------------------
 * 9. Media pack: konwerter zgubil atrybuty width/height obrazka z miniaturami
 *    galerii – renderowal sie w 101 px zamiast 650 px jak na produkcji.
 * ------------------------------------------------------------------------- */
/* width z !important: round8-fixes ustawia max-width min(650px,100%)
   !important, ale obrazek bez atrybutu width renderowal sie 101 px -
   wymuszamy szerokosc docelowa. */
.site-main img[src*="miniatures-mediapack"] {
    width: 650px !important;
    max-width: 100% !important;
    height: auto !important;
    /* main.css ogranicza WSZYSTKIE .chem-image na stronach media packu do
       max-height 32px (stary fix "kosmos") - galeria musi byc wyjatkiem. */
    max-height: none !important;
}

/* ---------------------------------------------------------------------------
 * 10. Obrazki, ktorych produkcja nie renderuje, a u nas wychodza na wierzch:
 *     - baner-glycol-2.png: tresc 45 produktow chemicznych linkuje go
 *       absolutnie ze starego srodowiska test.chemnovatic.com (302 na HTML,
 *       wiec na produkcji nic nie widac); identyczny markup jest w bazie
 *       produkcji - roznica czysto renderowa, wiec ukrywamy.
 *     - nicotine-free-bases.png: plik osierocony, 404 takze na produkcji
 *       (tresc 8 produktow), u nas lazyload potrafi pokazac ramke.
 * ------------------------------------------------------------------------- */
.site-main img[src*="baner-glycol"],
.site-main img[src$="nicotine-free-bases.png"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
 * 11. Mega menu "Nasza oferta": pozycje z klasa `pomaranczowyfontwmenu2`
 *     ("Raw Materials for NGPs", "Regulatory Services", "PMTA Submission
 *     Services", "Chemical Raw Materials"...) produkcja renderuje jako
 *     pomaranczowe srodtytuly z ikona - jak naglowki sekcji. Walker nadaje
 *     im teraz klase modyfikatora (inc/mega-menu-walker.php).
 * ------------------------------------------------------------------------- */
.chem-megamenu__item--orange a {
    color: #ea5b0c !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 10px 0 4px !important;
}
.chem-megamenu__item--orange a i {
    color: #ea5b0c !important;
    font-size: 14px !important;
    margin-right: 8px !important;
}
.chem-megamenu__item--orange a:hover,
.chem-megamenu__item--orange a:hover i {
    color: #fff !important;
}

/* ---------------------------------------------------------------------------
 * 12. Dokumentacja (PDF 11.08): po usunieciu ukladu dwukolumnowego tabele
 *     rozlaly sie na 1152 px - produkcja renderuje je w 600 px. Naglowki
 *     wysrodkowane nad tabelami (nadpisujemy inline margin-left: 8.3em
 *     z czasow dwoch kolumn).
 * ------------------------------------------------------------------------- */
.page-id-63722 .chem-html-section__content table,
.page-id-5435 .chem-html-section__content table,
.page-id-71965 .chem-html-section__content table,
.page-id-71963 .chem-html-section__content table {
    width: 600px !important;
    max-width: 100%;
    margin: 0 auto 16px !important;
}
.page-id-63722 .chem-html-section__content h2,
.page-id-5435 .chem-html-section__content h2,
.page-id-71965 .chem-html-section__content h2,
.page-id-71963 .chem-html-section__content h2 {
    text-align: center !important;
    margin-left: 0 !important;
}

/* ---------------------------------------------------------------------------
 * 13. Opisy kategorii bloga - produkcja renderuje je boldem (PDF 11.08:
 *     "boldem copy pod naglowkiem powinno byc").
 * ------------------------------------------------------------------------- */
.chem-blog-description,
.chem-blog-description p {
    font-weight: 700;
}

/* ---------------------------------------------------------------------------
 * 14. Baza wiedzy (PDF 11.08): naglowki na gorze podstron wysrodkowane jak
 *     na produkcji + ikona globusa (content_hub) wysrodkowana w kolumnie.
 *     Slugi wszystkich wersji jezykowych obu podstron.
 * ------------------------------------------------------------------------- */
body.chem-page--przewodnik-vape-dla-poczatkujacych-e-liquidy-urzadzenia-surowce-i-nie-tylko .site-main .chem-section:first-of-type h2,
body.chem-page--beginners-guide-to-vaping-e-liquids-devices-raw-materials-and-more .site-main .chem-section:first-of-type h2,
body.chem-page--guia-para-iniciantes-em-vaporizacao-e-liquidos-dispositivos-materias-primas-e-muito-mais .site-main .chem-section:first-of-type h2,
body.chem-page--guia-para-principiantes-sobre-el-vapeo-e-liquidos-dispositivos-materias-primas-y-mas .site-main .chem-section:first-of-type h2,
body.chem-page--przepisy-w-branzy-e-liquidow-i-e-papierosow-twoja-droga-do-sukcesu-w-branzy .site-main .chem-section:first-of-type h2,
body.chem-page--e-liquid-and-vape-industry-regulations-content-hub .site-main .chem-section:first-of-type h2,
body.chem-page--regulamentacoes-da-industria-de-e-liquid-e-vape-seu-ingresso-para-o-sucesso-da-industria .site-main .chem-section:first-of-type h2,
body.chem-page--regulaciones-de-la-industria-de-liquidos-electronicos-y-vaporizadores-su-boleto-al-exito-de-la-industria .site-main .chem-section:first-of-type h2 {
    text-align: center !important;
}
/* R41: obrazek moze siedziec w <a> w <p> - centrujmy CALA kolumne z ikona
   (poprzedni selektor .chem-col > img nie trafial). */
body.chem-page--rodzina-bazy-wiedzy .chem-col:has(img[src*="content_hub_icons"]) {
    text-align: center !important;
}
/* R41o: img ma display:block, wiec text-align kolumny go nie centrowal
   (globus w pelnoszerokiej kolumnie stal z lewej) - inline-block jak
   przy ciezarowce na o-nas. */
body.chem-page--rodzina-bazy-wiedzy .chem-col img[src*="content_hub_icons"] {
    display: inline-block !important;
}

/* ---------------------------------------------------------------------------
 * 15. R41 (Doc 12.08): zgody rejestracji - jakas regula daje etykietom
 *     text-indent: -25px, przez co pierwsza linia tekstu wjezdza pod
 *     absolutnie pozycjonowany checkbox ("zgody wchodza na checkboxy").
 * ------------------------------------------------------------------------- */
.woocommerce form .policies-reg-checkbox label.checkbox,
.woocommerce-account .woocommerce-form__label-for-checkbox {
    text-indent: 0 !important;
}

/* ---------------------------------------------------------------------------
 * 16. R41 (Doc 12.08): powtarzalna sekcja ikon pod tekstami na produktach
 *     (Wyprodukowano w Chemnovatic / Brak minimalnej ilosci / Dawkowanie).
 *     Konwerter zgniotl dwa wiersze Avady w jeden - ikony renderowaly sie
 *     z lewej krawedzi kolumn zamiast na srodku (produkcja centruje kazda
 *     ikone w kolumnie, dokladnie pod srodkiem tekstu).
 *     ddosage.png: u nas 58 px, produkcja 53 px ("jedna jest za duza").
 * ------------------------------------------------------------------------- */
.single-product .site-main .chem-col > img.chem-image:only-child,
.single-product .site-main .chem-col > p > img.chem-image:only-child,
/* R41d: webp-express owija czesc obrazkow w <picture> - te wypadaly
   z centrowania (tarcza SDS vs medal TPD "nie rowno"). */
.single-product .site-main .chem-col > picture:only-child > img.chem-image,
.single-product .site-main .chem-col > p:only-child > picture > img.chem-image {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
.single-product .site-main img[src*="ddosage"] {
    max-width: 53px !important;
    height: auto !important;
}

/* ---------------------------------------------------------------------------
 * 17. R41 (Doc 12.08): wpis z panoramiczna miniatura jako szeroki kafel
 *     na 2 kolumny (masonry Avady) - klasa nadawana w archive.php.
 * ------------------------------------------------------------------------- */
@media (min-width: 800px) {
    .chem-blog-grid .chem-blog-card--szeroki {
        grid-column: span 2;
    }
    /* R41j: obrazek szerokiego kafla przycinany do wysokosci wiersza jak
       na produkcji (masonry: kafel landscape jest SZERSZY, nie wyzszy;
       bez tego panoramiczny obrazek 880px rozciagal kafel do 779 px). */
    .chem-blog-grid .chem-blog-card--szeroki .chem-blog-card__image {
        /* !important: siatka wymusza aspect-ratio 398/329 + height:auto
           !important, wiec zwykla wysokosc przegrywala kaskade. */
        height: 346px !important;
        aspect-ratio: auto !important;
        overflow: hidden;
    }
    .chem-blog-grid .chem-blog-card--szeroki .chem-blog-card__image img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }
}

/* ---------------------------------------------------------------------------
 * 18. R41e (uwaga 12.08): kategorie produktowe, ktorych OPIS zaczyna sie od
 *     wlasnego <h1> (np. "VAPY 2 GO: PODy i Kartridze", "Bazy do e-liquidow
 *     (bazy do waporyzatorow)") - produkcja pokazuje wtedy TEN naglowek,
 *     a nie nazwe termu. Stare reguly (main.css ~2833) robily odwrotnie:
 *     pokazywaly nazwe termu i chowaly h1 z opisu. Warunkowo przez :has().
 * ------------------------------------------------------------------------- */
.tax-product_cat .woocommerce-products-header:has(.term-description h1) .woocommerce-products-header__title.page-title {
    display: none !important;
}
.tax-product_cat .term-description h1,
.tax-product_cat .woocommerce-products-header .term-description h1:first-child {
    display: block !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #ea5b0c !important;
    line-height: 1.16 !important;
    margin: 0 0 20px !important;
}

/* R41g: kreska po sekcji "Opis produktu" na glikolu - odstepy jak na
   produkcji (28 px nad, 10 px pod; sekcje dokladaly 45/30). */
hr.chem-sep-opis {
    margin-top: 13px !important;
    margin-bottom: 10px !important;
}

/* R41i: nota akcyzowa pod ikonami Dokumentacji - produkcja daje 30 px
   odstepu nad nota (u nas przyklejala sie do ikon). */
p.chem-nota-akcyzowa {
    margin-top: 30px !important;
}
/* R41i: adres w nocie ma byc zwyklym linkiem (starszy styl robil z mailto
   button); na produkcji pomaranczowy tekst bez tla. */
p.chem-nota-akcyzowa a {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    display: inline !important;
    color: #ea5b0c !important;
    text-decoration: underline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------------
 * 19. R41i: meta wpisu - awatar-heksagon 40x40 + nazwisko autora przy dacie,
 *     jak na produkcji (wszystko pomaranczowe, w jednej linii).
 * ------------------------------------------------------------------------- */
.chem-single-post__meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.chem-single-post__author-avatar img {
    width: 40px !important;
    height: 40px !important;
    display: block;
}
.chem-single-post__author-name {
    color: #ea5b0c !important;
    font-size: 13px !important;
}
.chem-single-post__meta .chem-single-post__date {
    color: #ea5b0c !important;
    font-size: 13px !important;
    margin-left: 26px !important;
}

/* ---------------------------------------------------------------------------
 * 20. R41l: spis tresci na przewodniku vape (wszystkie jezyki) - style
 *     z produkcji: H2 36px/700 pomaranczowy, numerowana lista pomaranczowych
 *     podkreslonych linkow 16px.
 * ------------------------------------------------------------------------- */
.chem-spis-tresci h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #ea5b0c !important;
    text-align: left !important;
}
.chem-spis-tresci ol {
    padding-left: 24px;
    margin: 16px 0 24px;
}
.chem-spis-tresci ol li {
    margin-bottom: 6px;
}
.chem-spis-tresci ol a {
    color: #ea5b0c !important;
    font-size: 16px !important;
    text-decoration: underline !important;
}

/* ---------------------------------------------------------------------------
 * 21. R41m: stara regula `hr.chem-separator + blockquote { display:none }`
 *     (base.css ~1770; kiedys te blockquote'y byly spacerami) ukrywala
 *     PRAWDZIWE szare boxy firmowe na dole podstron bazy wiedzy - produkcja
 *     je pokazuje. Odblokowanie w calej rodzinie bazy wiedzy; sam separator
 *     przed boxem zostaje ukryty (jak na produkcji).
 * ------------------------------------------------------------------------- */
body.chem-page--rodzina-bazy-wiedzy hr.chem-separator + blockquote {
    display: block !important;
}
/* R41n: kreska przed boxem tez ma byc widoczna (produkcja oddziela nia
   tresc od szarego boxa). */
body.chem-page--rodzina-bazy-wiedzy hr.chem-separator:has(+ blockquote),
body.chem-page--rodzina-bazy-wiedzy blockquote + hr.chem-separator {
    display: block !important;
}

/* === R41p: logotypy certyfikatow (certyfikowany-zrownowazony-rozwoj,
   sustainability-certified) ===
   Produkcja renderuje kazde logo w innym rozmiarze (pomiar 12.08: CDP 290,
   Intertek 280, SQP/WCA 250, Responsible Care 301, ecovadis 350,
   HACCP 308x308) i wysrodkowane w kolumnie. Kwietniowy ryczalt
   max-height:220px w fusion-compat.css usuniety. Obrazek jest
   display:block w inline <picture>, wiec centrowanie idzie przez
   text-align rodzica + inline-block (ten sam mechanizm co globus
   w bazie wiedzy i ciezarowka na o-nas). */
.site-main img[src*="STC-loga_CDP"] { max-width: 290px !important; }
.site-main img[src*="STC-loga_Intertek"] { max-width: 280px !important; }
.site-main img[src*="STC-loga_SQP"],
.site-main img[src*="STC-loga_WCA"] { max-width: 250px !important; }
.site-main img[src*="Responsible_Care"] { max-width: 301px !important; }
.site-main img[src*="ecovadis_silver_gold"] { max-width: 350px !important; }
/* .chem-legacy-image-element jest inline-block zwiniety do szerokosci
   logo, wiec text-align trzeba ustawic na wrapperze kolumny.
   R41r: scoped do 4 stron certyfikatow (PL/EN/ES/PT) - na
   zrownowazony-rozwoj te same logotypy siedza w kolumnie z tekstem
   i buttonem "Dowiedz sie wiecej", ktory ma byc przy lewej (uwaga
   testera 12.08). */
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580)
.chem-legacy-column-wrapper:has(img[src*="STC-loga_"], img[src*="Responsible_Care"], img[src*="ecovadis_silver_gold"], img[src*="sedex_certyfikaty"], img[src*="tuv-iso-"]) {
    text-align: center !important;
}
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580)
.chem-legacy-image-element :is(img[src*="STC-loga_"], img[src*="Responsible_Care"], img[src*="ecovadis_silver_gold"], img[src*="sedex_certyfikaty"], img[src*="tuv-iso-"]) {
    display: inline-block !important;
}

/* === R41s: certyfikaty - pion logotypow jak na produkcji ===
   Produkcja pozycjonuje kazde logo osobno paddingiem kolumny Avady albo
   ujemnym marginesem (logo wystaje ponad swoj wiersz) - to siedzialo w
   dynamicznym CSS Fusion, ktorego konwersja nie przeniosla. Wartosci
   z pomiaru wzgledem wiersza (prod - stage), 12.08. */
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="Responsible_Care"]) { padding-top: 58px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="ecovadis_silver_gold"]) { padding-top: 80px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="sedex_certyfikaty"]) { padding-top: 43px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="STC-loga_CDP"]) { margin-top: -35px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="STC-loga_Intertek"]) { margin-top: -50px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="STC-loga_SQP"]) { margin-top: -12px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="STC-loga_WCA"]) { margin-top: -12px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="tuv-iso-9001"]) { margin-top: -150px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="tuv-iso-14001"]) { margin-top: -99px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="tuv-iso-45001"]) { margin-top: -19px !important; }
:is(.page-id-114311, .page-id-114576, .page-id-114578, .page-id-114580) .chem-legacy-column-wrapper:has(img[src*="Management-System-HACCP"]) { margin-top: -59px !important; }

/* === R41s: zrownowazony-rozwoj (#poradniki) - odstep miedzy buttonem
   "Dowiedz sie wiecej" a rzedem logotypow: prod 20px, stage bylo 5px. === */
:is(.page-id-110489, .page-id-114563, .page-id-114565, .page-id-114567)
.chem-legacy-image-element:has(img[src*="ecovadis"], img[src*="sedex"], img[src*="Intertek"], img[src*="STC-loga_CDP"]) {
    margin-top: 15px !important;
}

/* R41s: ES/PT maja te strony w nowszym markupie (.chem-col zamiast
   .chem-legacy-*), wiec centrowanie logotypow trzeba powtorzyc dla niego. */
:is(.page-id-114578, .page-id-114580) .chem-col:has(img[src*="STC-loga_"], img[src*="Responsible_Care"], img[src*="ecovadis_silver_gold"], img[src*="sedex_certyfikaty"], img[src*="tuv-iso-"]) {
    text-align: center !important;
}
:is(.page-id-114578, .page-id-114580) .chem-col :is(img[src*="STC-loga_"], img[src*="Responsible_Care"], img[src*="ecovadis_silver_gold"], img[src*="sedex_certyfikaty"], img[src*="tuv-iso-"]) {
    display: inline-block !important;
}

/* ----------------------------------------------------------------------------
   R42/Z5 — sekcja opinii klientow: szerokosc bloku 1:1 z produkcja.

   Uwaga klienta („wyrownanie Opinii klientow powinno byc do srodka") nie
   odtwarza sie doslownie: pomiar w 4 jezykach, przy 1440 px i 390 px, pokazuje
   `text-align: center` i srodek 720 px na kazdym elemencie sekcji, a markup EN
   i PL jest znak w znak taki sam. Jedyna realna roznica wobec produkcji to
   szerokosc: produkcja trzyma cala sekcje w kolumnie 784 px (wiersz 1248 px,
   lewa krawedz 328), u nas rozlewa sie na 1140 px — przez co cytat wyglada na
   rozciagniety, a nie „zebrany do srodka".
   ---------------------------------------------------------------------------- */
.chem-testimonials-section > .chem-row {
    max-width: 784px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Podtytul mial wlasny limit 600 px (base.css); produkcja daje mu pelna
   szerokosc kolumny, wiec po zawezeniu bloku limit jest juz zbedny. */
.chem-testimonials-section__subtitle {
    max-width: none !important;
}

/* ----------------------------------------------------------------------------
   R42/U4 — para przyciskow kontaktowych „Email … / Telefon …".

   Klient (17.08): „przycisk z telefonem linkuje do podstrony na ktorej jestesmy
   zamiast byc oznaczony jako tel:" i „to trzeba teraz wyrownac". Adresy
   naprawione w tresci (`napraw-blok-kontaktowy.php`: pusty href -> `tel:`),
   a para dostala wspolna owijke `.chem-contact-buttons`.

   Produkcja (pomiar karty nicsalt): oba przyciski `inline-flex`, wyrownane do
   PRAWEJ, koncza sie na tej samej krawedzi (885 px). U nas byly dwoma blokami
   o roznej szerokosci, wiec lewe krawedzie sie rozjezdzaly.
   ---------------------------------------------------------------------------- */
.chem-contact-buttons {
    /* Produkcja trzyma kazdy przycisk we wlasnym bloku wyrownanym do prawej,
       wiec stoja JEDEN POD DRUGIM i koncza sie na tej samej krawedzi (696 px
       na /es/sobre-nosotros/, 885 px na karcie nicsalt). `text-align: right`
       samo w sobie ustawialo je w jednej linii, gdy kolumna byla szeroka. */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    text-align: right;
}
/* Pierwszy selektor musi byc bardziej szczegolowy niz
   `.single-product .woocommerce-Tabs-panel--description .chem-col .chem-button
   { display: block !important }` z round8-fixes.css (0,4,0) — inaczej przyciski
   zostaja blokami na cala szerokosc kolumny i prawe krawedzie sie rozjezdzaja. */
.single-product .woocommerce-Tabs-panel--description .chem-col .chem-contact-buttons > a.chem-button,
.chem-contact-buttons > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    /* `margin: … auto` z regul przyciskow centrowalo kazdy element osobno
       (zmierzone: 31 px i 55 px marginesu po bokach), a marginesy auto biora
       gore nad `align-items`, wiec prawe krawedzie sie rozjezdzaly (842 vs 818).
       Auto TYLKO z lewej dociska oba do prawej krawedzi kontenera. */
    margin: 5px 0 5px auto !important;
}

/* ----------------------------------------------------------------------------
   R42/U5 — logotypy na kartach PMTA: rozmiar 1:1 z produkcja.

   Klient doprecyzowal (17.08): „chodzi o odstęp obrazka od tekstu ktory jest
   nad nim". Pomiar pokazal, ze sam odstep jest identyczny (24 px u nas i na
   produkcji) — winny jest ROZMIAR: logo Chemnovatic renderuje sie u nas
   361 px (EN) i 376 px (ES/PT) zamiast produkcyjnych 250 px, wiec zjada
   przestrzen i wchodzi w tekst.

   Produkcja: logo_chemnovatic_fv2 250x197, Logo-Lead-Spark-Lab 365x200,
   kolumny z marginesem dolnym 10 px. Pliki wystepuja WYLACZNIE na czterech
   kartach PMTA (sprawdzone w bazie), wiec regula po nazwie pliku jest bezpieczna.
   ---------------------------------------------------------------------------- */
.single-product .woocommerce-Tabs-panel--description img[src*="logo_chemnovatic_fv2"] {
    max-width: 250px !important;
    height: auto !important;
}
.single-product .woocommerce-Tabs-panel--description img[src*="Logo-Lead-Spark-Lab"] {
    max-width: 365px !important;
    height: auto !important;
}
.single-product .woocommerce-Tabs-panel--description .chem-col:has(img[src*="logo_chemnovatic_fv2"]),
.single-product .woocommerce-Tabs-panel--description .chem-col:has(img[src*="Logo-Lead-Spark-Lab"]) {
    margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------
   R42 (klient 18.08) — pasek ikon na kartach PMTA: odstep nad nim jak na EN.

   Zmierzone: EN ma nad paskiem 24 px, ES i PT tylko 4 px. Powod nie jest
   stylistyczny, tylko strukturalny — na EN obrazek stoi w akapicie (`<p>`
   dolozony przez wpautop, `margin-bottom: 20px`), a na ES i PT jest golym
   dzieckiem `.chem-col`, wiec zadnego marginesu nie dostaje i ikony przyklejaja
   sie do akapitu wstepnego.

   Odstep POD paskiem jest juz rowny we wszystkich jezykach (40 px do naglowka),
   wiec ruszamy wylacznie gorny. Plik wystepuje tylko na czterech kartach PMTA.
   ---------------------------------------------------------------------------- */
.single-product .woocommerce-Tabs-panel--description .chem-col > img[src*="PMTA-SUBMISSION-SERVICES"] {
    display: block;
    margin-top: 20px;
}

/* ----------------------------------------------------------------------------
   R42/U9 — przyciski na stronach zrownowazonego rozwoju: kazdy od nowej linii.

   Klient (18.08): „buttony nie sa od nowej linii do lewej tylko jakos do prawej
   — tylko ta wersja [ES], na innych jezykowych jest OK".

   Pomiar: produkcja we WSZYSTKICH czterech jezykach trzyma kazdy przycisk
   w osobnym bloku, wiec wszystkie zaczynaja sie w jednej osi (x=556). PL i EN
   renderuja sie u nas ze starszego drzewka `chem-legacy-*` i tak wlasnie
   wygladaja (x=556 i 576). ES i PT maja nowszy markup `.chem-col`, gdzie
   przycisk jest `inline-block` w akapicie — wiec wpada na koniec linii tekstu
   (zmierzone x: 1053 i 1019 na ES, 724 i 716 na PT). Roznica miedzy jezykami
   bierze sie tylko z dlugosci tekstu, wiec to nie jest usterka samego ES.

   `width: fit-content`, zeby przycisk nie rozciagnal sie na cala kolumne.
   `!important` konieczne: `.chem-title-bar + .page-content a.chem-button`
   z main.css ustawia `display: inline-block !important`.
   ---------------------------------------------------------------------------- */
:is(.page-id-114567, .page-id-114565, .page-id-114563, .page-id-110489)
.site-main .chem-col a.chem-button {
    display: block !important;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px 0;
}

/* Separator z ikona wstawiony w nowszy markup `.chem-col`: wiersz jest
   elementem flex bez wymuszonej szerokosci, wiec zwijal sie do szerokosci
   samej ikony (zmierzone 89 px zamiast 1200) i linie po bokach mialy 0 px.
   Wymuszamy pelna szerokosc wiersza i kolumny separatora. */
.chem-row:has(> .chem-col > .chem-legacy-separator) {
    width: 100% !important;
    flex: 1 1 100% !important;
}
.chem-col > .chem-legacy-separator {
    width: 100% !important;
}

/* ----------------------------------------------------------------------------
   R42/U9 c.d. — odstepy wokol tekstu i obrazkow jak na EN.

   Klient (18.08): „paddingi wokol tekstu/obrazkow sa inne — porownaj z wersja EN".
   Pomiar sekcji „Estrategia ESG":
                       EN                       ES
     wiersz            x=96,  w=1248, mar -24   x=120, w=1200, mar 0
     kolumna obrazu    x=96,  w=416             x=120, w=386
     obrazek           x=120, w=368             x=120, w=386
     naglowek tekstu   x=556                    x=520

   Czyli EN trzyma tresc w rynience: wiersz ma ujemny margines 24 px, a kolumny
   wewnetrzny padding 24 px, wiec obrazek i tekst zaczynaja sie 24 px od
   krawedzi kolumny. Nowszy markup `.chem-col` na ES i PT tej rynienki nie ma.
   ---------------------------------------------------------------------------- */
:is(.page-id-114567, .page-id-114565, .page-id-114563, .page-id-110489)
.site-main .chem-section > .chem-row > .chem-col + .chem-col {
    /* rynienka miedzy obrazkiem a tekstem: EN ma naglowek na 556 px,
       my mielismy 520 px (kolumna tekstu bez wewnetrznego odstepu) */
    padding-left: 36px !important;
}
:is(.page-id-114567, .page-id-114565, .page-id-114563, .page-id-110489)
.site-main .chem-section > .chem-row > .chem-col:first-child:not(:only-child) {
    /* obrazek zostaje przy krawedzi sekcji (120 px, jak na EN), ale nie dotyka
       kolumny tekstu — EN renderuje go w 368 px, u nas bez tego mial 386 */
    padding-right: 24px !important;
}

/* ---------------------------------------------------------------------------
 * R46 (klient 2026-09-08): pomaranczowe pozycje megamenu ("Raw Materials for
 * NGP" = __item--orange) oraz link stopki megamenu ("Display All Products" =
 * __footer-link) NIE moga bielec na hover - PROD trzyma je pomaranczowe.
 * Nadpisuje wczesniejszy color:#fff z r40 (item--orange) i z main.css (footer).
 * ------------------------------------------------------------------------- */
.chem-megamenu__item--orange a:hover,
.chem-megamenu__item--orange a:hover i,
.chem-megamenu__footer-link:hover,
.chem-megamenu__footer-link:hover i {
    color: #ea5b0c !important;
}

/* ---------------------------------------------------------------------------
 * R46 (klient 2026-09-08): strona 404 jak PROD - wysrodkowany naglowek "Oops!",
 * podtytul i grafika Error-404.png (bez pola wyszukiwania/przycisku, jak prod).
 * ------------------------------------------------------------------------- */
.chem-error-404 { text-align: center; padding: 40px 20px 80px; }
.chem-error-404__title { margin: 90px 0 16px; }
.chem-error-404__subtitle { margin: 0 0 32px; font-weight: 400; }
.chem-error-404__image img { max-width: 488px; width: 100%; height: auto; display: inline-block; }