/* Raft Scout COM – dopisek do mm.css (Raft Scout 1.1.24, wspólny system wizualny v5.1). Tylko to, czego scoutmes.com
   potrzebuje ponad monitorujmaszyny.pl: przełącznik języków, menu boczne z etykietą w HTML, zasady dla dłuższych języków (DE).
   Paleta jak mm: #FED136 tylko jako tło, tekst #222222 / biały na ciemnym, ochra #7A5F00 na jasnym. Projektant, 29.10.2026. */

/* 1. Przełącznik języków – nagłówek (EN | DE) */
.mm-header .mm-w>.mm-logo{margin-right:auto}
.scm-lang{flex:0 0 auto}
.scm-lang__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.scm-lang__list li{margin:0}
.mm-header .scm-lang{padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}
.scm-lang__a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;padding:0 10px;
 border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;text-decoration:none;font:600 14px/1 var(--mm-font);letter-spacing:.06em}
.scm-lang__a:hover{border-color:#fff;color:#fff;text-decoration:underline;text-underline-offset:4px}
.scm-lang__a.is-current{background:var(--mm-yellow);border-color:var(--mm-yellow);color:var(--mm-ink)}
.scm-lang__a.is-current:hover{text-decoration:none}
.scm-lang__a:focus-visible{outline:2px solid var(--mm-yellow);outline-offset:2px}
/* telefon/tablet (hamburger poniżej 1100 px): przełącznik zostaje widoczny w pasku, przed hamburgerem */
@media(max-width:1099px){
 .mm-header .mm-w{gap:12px}
 .mm-header .scm-lang{order:2;padding-left:0;border-left:0}
 .mm-header .mm-w>.wp-block-navigation{order:3}
}
@media(max-width:400px){.scm-lang__a{min-width:40px;padding:0 8px;font-size:13px}.mm-header .mm-logo img{height:26px}}

/* 1b. Przełącznik w stopce (pełne nazwy) */
.mm-footer .scm-lang--full{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px}
.mm-footer .scm-lang--full .scm-lang__list{gap:0 14px}
.mm-footer .scm-lang--full a{display:inline-block;padding:6px 0;color:var(--mm-muted-dark)}
.mm-footer .scm-lang--full a.is-current{color:#fff;font-weight:600}
.mm-footer .mm-legal{margin-top:14px}

/* 2. Menu boczne: etykieta nad tytułem (telefon) w <small> zamiast content:"…" (mm.css 372) */
.mm-side .mm-sd summary small{width:100%}
.mm-side details.wp-block-details>summary small{grid-column:1/-1}
.mm-side details.wp-block-details>summary::after{grid-column:2;grid-row:2}

/* 3. Dłuższe języki (DE ok. +30 %): zawijanie zamiast ucinania, dzielenie wyrazów wg <html lang>, bez sztywnych szerokości */
h1,h2,h3,h4,.wp-block-post-title{overflow-wrap:break-word}
html:lang(de) :is(h1,h2,h3,h4,.wp-block-post-title,.mm-lead,.mm-lead2,.mm-content p,.mm-content li,.mm-card p,.mm-fcard p,.mm-rcard p,.mm-dz p,.mm-side li a,.mm-footer li,.mm-stats span,.mm-fit-steps li,.mm-tag){
 -webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 3}
.wp-block-button__link{white-space:normal;text-align:center;-webkit-hyphens:manual;hyphens:manual} /* przyciski: zawijamy, nie dzielimy */
.mm-btns>.wp-block-button,.wp-block-buttons>.wp-block-button{min-width:0;max-width:100%}
.mm-grid2>*,.mm-grid3>*,.mm-grid4>*,.mm-related-grid>*,.mm-footer .mm-w>*,.mm-header .mm-w>*{min-width:0}
html:lang(de) .mm-tag{white-space:normal}
.mm-header .wp-block-navigation__submenu-container{max-width:min(420px,90vw)}
/* menu główne: pozycje 1. poziomu nie zawijają się – przy dłuższych etykietach (DE) hamburger włącza się wcześniej (do 1279 px) */
.mm-header .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{white-space:nowrap}
@media (min-width:1100px) and (max-width:1279px){
 html:lang(de) .mm-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
 html:lang(de) .mm-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
 html:lang(de) .mm-header .scm-lang{order:2;padding-left:0;border-left:0}
 html:lang(de) .mm-header .mm-w>.wp-block-navigation{order:3}
}

/* Hero: odstęp lead → przyciski (Projektant 29.10). Błąd dziedziczony z mm 1.1.24: adapter bloków w mm.css zeruje
   margines przycisków (body .mm-btns{margin-block:0}), więc lead dotyka przycisków – także na monitorujmaszyny.pl.
   mm.css bez zmian; poprawka tylko w motywie EN. Desktop 24px, poniżej 960px (próg 1 kolumny hero w mm.css) 20px. */
body .mm-hero .mm-lead+.mm-btns{margin-top:24px}
@media(max-width:959px){body .mm-hero .mm-lead+.mm-btns{margin-top:20px}}

/* Kontakt: karta osoby bez zdjęcia – wariant .mm-kontakt-osoba--bez-foto (1.0.1, uwaga Krzysztofa 30.10).
   mm.css 1.1.24 (bez zmian) układa kartę w siatce 120px (zdjęcie) + 1fr, a etykiety danych w kolumnie 84px.
   Bez zdjęcia blok „Talk to us” wpadał w kolumnę 120px, a „Phone (also WhatsApp)” łamało się na 4 linie.
   Wariant: jedna kolumna na całą szerokość karty, etykiety 13rem (1 linia w EN); gdy karta jest węższa
   niż 380px (telefon, 960–1100px), etykieta nad wartością – jak w .mm-kontakt-box. */
.mm-kontakt-osoba.mm-kontakt-osoba--bez-foto{grid-template-columns:minmax(0,1fr);container-type:inline-size}
.mm-kontakt-osoba--bez-foto .mm-kontakt-dane li{grid-template-columns:minmax(0,13rem) minmax(0,1fr);column-gap:16px}
@container (max-width:380px){
 .mm-kontakt-osoba--bez-foto .mm-kontakt-dane li{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0}
 .mm-kontakt-osoba--bez-foto .mm-kontakt-dane a{min-height:36px}
}

/* Strona główna: sekcje (wzorce home-*) leżą w bloku post-content (układ flow), więc WP dodawał między nimi odstęp bloków
   (margin-block-start ≈17 px) – biały pasek między hero a żółtym paskiem i między każdą parą sekcji. mm.css zeruje tylko
   bezpośrednie dzieci .mm-front, nie dzieci post-content. Sekcje pełnej szerokości mają własny padding. Krzysztof 30.10, 10:19. */
.mm-front>.wp-block-post-content>*{margin-block-start:0}