/*
 * Wspolne poprawki ukladu dla wszystkich szablonow publicznych.
 * Wczytywany w layoutach/verbatim po arkuszu strony, tak jak tables.css i formularze.css.
 * Kazda regula tutaj zastepuje kilkanascie kopii w arkuszach szablonow (menu jest
 * powielone w 12 plikach), wiec poprawka nie omija zadnego typu strony.
 * Pomiar: C:\Users\C\yourkrakow\UKLAD (uklad-audyt.mjs, menu-prog.mjs).
 */

/* ── Menu: napisy nigdy w dwoch liniach, a gdy sie nie mieszcza, hamburger ──
   Zmierzone 15.10.2026 na 11 typach stron w 11 jezykach: z napisami w jednej linii
   menu miesci sie miedzy logo a przelacznikiem jezyka dopiero od 1140 px (en, pl;
   fr i es od 1090). Ponizej "Zarezerwuj / przejazd" lamalo sie na dwie linie, a logo
   stykalo sie z pierwsza pozycja. Od 769 do 1149 px pokazujemy wiec hamburger,
   tak jak na telefonie. Tylko tam, gdzie szablon ma hamburger (strony meleksa maja
   wlasny pasek z odnosnikiem powrotu, prog w melex.css). */
.nav-links a,
.nav-links li {
    white-space: nowrap;
}
@media (min-width: 769px) and (max-width: 1149px) {
    nav:has(.hamburger) .nav-links { display: none; }
    nav:has(.hamburger) .hamburger { display: flex; }
}

/* ── Stopka: dziesiec linkow w dwoch rownych rzedach ──
   Dziesiec linkow w zawijanym rzedzie dawalo przy 1024 px 9+1 (samotny "Regulamin").
   Tylko stopka z DOKLADNIE dziesiecioma linkami: wycieczki jednodniowe maja 7, strona
   dla gosci z Izraela 8 i tam jeden rzad sie miesci (pierwsza wersja z piecioma
   kolumnami dla kazdej stopki robila z nich 5+2 i 5+3; niezalezny przeglad 15.10).
   Telefon zostaje przy zawijaniu ze srodkowaniem: dwie kolumny lamaly dlugie nazwy
   ("Politique de confidentialite"). */
/* od 600 px: przy 768 tez bylo 9+1 (tablet pionowo; przeglad 15.10.2026) */
@media (min-width: 600px) and (max-width: 1279px) {
    footer .footer-links:has(> :nth-child(10):last-child) { display: grid; grid-template-columns: repeat(5, auto); justify-content: center; }
}

/* Telefon (18.10.2026): dziesiec linkow dawalo 3+3+3+1 (fr, es, nl, zh, it, he: samotny
   „Regulamin”). Para prawna (polityka i regulamin, linki 9 i 10) idzie do wlasnego rzedu,
   osiem pozostalych zawija sie jak chce (3+3+2, 4+4): zaden link nie zostaje sam. */
@media (max-width: 599px) {
    footer .footer-links:has(> :nth-child(10):last-child)::after { content: ''; flex-basis: 100%; height: 0; order: 1; }
    footer .footer-links:has(> :nth-child(10):last-child) > :nth-child(n+9) { order: 2; }
}

/* ── Cztery cechy melexa (hub, o nas, przewodnik) na waskim telefonie ──
   W dwoch kolumnach po ok. 93 px "Grupa / dowolnej / wielkosci" lamalo sie po slowie;
   ponizej 480 px jedna kolumna. Arkusze szablonow (melex, about, guide) maja 2x2. */
@media (max-width: 480px) {
    .melex-features { grid-template-columns: 1fr; }
}

/* ── Naglowki z bardzo dlugim slowem ──
   Rosyjskie "Достопримечательности" w tytule atrakcji wychodzilo przy 360 px poza ekran
   i strona przewijala sie w bok (przeglad 15.10.2026). break-word lamie slowo tylko wtedy,
   gdy w calosci nie miesci sie w linii; zwykle naglowki wygladaja jak dotad. */
h1, h2, h3 {
    overflow-wrap: break-word;
}

/* ── Gorny pasek na najwezszych telefonach (do 374 px) ──
   Przy 360 px napis obok logo byl uciety wielokropkiem: "← Wszystkie wycie", "Voiturette
   electriqu", "Rondritten per golfk" (pl, fr, nl; przeglad 15.10.2026). Zmierzone
   (UKLAD/navw2): mniejsze logo i odstepy wystarczaja, zeby napis miescil sie w calosci
   we wszystkich jezykach, a strona nie przewijala sie w bok. */
@media (max-width: 374px) {
    nav:has(.nav-back) .nav-logo { font-size: 1.08rem; }
    nav:has(.nav-cart-mobile) .nav-logo { font-size: 1.2rem; }
    nav:has(.nav-back),
    nav:has(.nav-cart-mobile) { gap: 8px; padding-left: 12px; padding-right: 12px; }
}

/* ── Linki w odpowiedziach FAQ (App\Support\FaqLinki) ──
   Kolor tekstu odpowiedzi, wyroznienie podkresleniem w kolorze marki; na ciemnym
   i jasnym tle czytelne tak samo. */
.faq-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(245, 158, 11, 0.65);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}
.faq-link:hover,
.faq-link:focus-visible { color: #f59e0b; text-decoration-color: currentColor; }