/* ============================================================================
 * R47 - poprawki po uwagach klienta z 14.09.2026
 * (dokument "poprawki chemnovatic 14 wrzesnia", ClickUp 869f1qk91)
 *
 * Konwencja rundy jak R39/R40/R43: osobny arkusz ladowany OSTATNI, zeby cala
 * runde dalo sie cofnac jednym plikiem.
 * ========================================================================= */

/* ----------------------------------------------------------------------------
 * U1 - megamenu "Our offer": pomaranczowy napis na pomaranczowym tle.
 *
 * Regresja po R46. Nakladaly sie dwie reguly:
 *   round8-fixes.css:813  .chem-megamenu__item a:hover      -> background #ea5b0c + color #fff
 *   r40-fixes.css   :633  .chem-megamenu__item--orange a:hover -> color #ea5b0c
 * R46 odpowiadal na wczesniejsza uwage, ze pozycje pomaranczowe nie maja
 * bielec na hover - przywrocil im kolor #ea5b0c, ale tlo z round8 zostalo
 * pomaranczowe. Tekst #ea5b0c na tle #ea5b0c = nic nie widac.
 *
 * Klient: "Pomaranczowe tlo onhover powinno zostac wylaczone."
 * Zdejmujemy TYLKO tlo i tylko pozycjom --orange (Surowce dla Branzy NGP,
 * Uslugi Regulacyjne, PMTA Submission Services, Surowce Chemiczne).
 * Pozostale pozycje megamenu zachowuja dotychczasowy hover.
 * Podkreslenie z round8 zostaje - klient go nie kwestionowal.
 * ------------------------------------------------------------------------- */
.chem-megamenu__item--orange > a:hover,
.chem-megamenu__item--orange > a:focus {
    background: transparent !important;
    background-color: transparent !important;
}

/* ----------------------------------------------------------------------------
 * U3 - strona 404: sekcja "It may interest you:" z trzema kaflami.
 *
 * Szablon 404 po R46 konczyl sie na grafice Error-404.png. Produkcja renderuje
 * pod nia naglowek i trzy kafle (PureNic99+, wszystkie produkty, baza wiedzy).
 * Geometria 1:1 z produkcji, zmierzona przy szerokosci okna 1440 px:
 *   naglowek  18 px, bold, wysrodkowany, margines 18 px
 *   kafel     obrazek 202 px szerokosci, przerwa miedzy kaflami 47,9 px
 * ------------------------------------------------------------------------- */
.chem-error-404__tiles-title,
.chem-error-404__tiles-title strong {
    /* produkcja renderuje ten naglowek grubosc 700; motyw domyslnie daje
       <strong> grubosc 900, stad jawne 700 takze na samym <strong> */
    font-weight: 700;
}

.chem-error-404__tiles-title {
    margin: 18px 0;
    font-size: 18px;
    text-align: center;
}

.chem-error-404__tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 1200px;
}

.chem-error-404__tile {
    flex: 0 0 202px;
    max-width: 202px;
    margin: 0;
}

.chem-error-404__tile a {
    display: block;
    text-decoration: none;
    border: 0;
}

.chem-error-404__tile img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

@media (max-width: 767px) {
    /* trzy kafle obok siebie nie mieszcza sie na telefonie - zawijaja sie
       w kolumne, wiec ograniczamy przerwe, zeby sekcja nie rozciagala strony */
    .chem-error-404__tiles { gap: 24px; }
}