/* =============================================================
RESPONSYWNOŚĆ serwisu _kostka (tylko ten klient)
Ładowane po styl_klienta.css / menu.css — nadpisuje stałe
szerokości 1020px na płynne i przebudowuje układ na mobile.
Wymaga (dodany w szablonach klienta)
oraz responsywnosc.js (hamburger menu).
Breakpointy: ≤980px tablet/telefon, ≤600px mały telefon
============================================================= */
/* przycisk hamburgera — ukryty na desktopie */
#mobile-menu-toggle { display: none; }
/* zabezpieczenie: żaden element nie wywołuje poziomego scrolla na mobile */
@media (max-width: 980px) {
html, body { overflow-x: hidden; max-width: 100%; }
}
/* ====================== ≤ 980px ====================== */
@media (max-width: 980px) {
/* płynne szerokości głównych kontenerów */
.szerokosc, .srodek {
width: 100% !important;
max-width: 100% !important;
}
.main .szerokosc { padding: 20px 14px !important; }
/* treść strony statycznej/newsów: stała 700px → płynna */
.main div.tresc { width: auto !important; max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
/* dwie kolumny układu treści → jedna */
.kolumna_1, .kolumna_2 { width: 100% !important; float: none !important; }
.kolumna_2 { margin-top: 18px; }
.margines_prawy { margin: 0 !important; }
/* obrazy nigdy nie wychodzą poza ekran */
img { max-width: 100%; height: auto; }
.miniatura_big { width: 100% !important; height: auto !important; }
/* ---------- WINIETA / NAGŁÓWEK ---------- */
.winieta { margin-top: 0 !important; }
#win { height: auto !important; overflow: visible !important; padding-bottom: 14px; }
body.glowna #win, .glowna #win { height: auto !important; }
/* logo wyśrodkowane, opuszczone nieco niżej od górnej krawędzi */
.winieta a.logo, .winieta a.home {
position: static !important; display: block !important;
margin: 34px auto 6px !important; float: none !important;
}
/* data + wyszukiwarka w kolumnie pod logo */
#win .data { position: static !important; float: none !important;
text-align: center; margin: 6px 0 !important; font-size: 13px; }
#win form#search { position: static !important; float: none !important;
display: flex; gap: 6px; justify-content: center; margin: 20px auto !important; max-width: 320px; }
#win form#search input.autosearch { flex: 1; }
/* facebook box poza ekranem na mobile (był fixed, zasłaniał) */
#box { display: none !important; }
/* ---------- MENU → HAMBURGER ---------- */
#mobile-menu-toggle {
display: flex; align-items: center; justify-content: center;
position: absolute; top: 10px; right: 12px; z-index: 200;
width: 46px; height: 42px; padding: 0;
background: #58280a; border: 1px solid #b4a076; border-radius: 5px;
cursor: pointer;
}
#mobile-menu-toggle span {
display: block; width: 24px; height: 2px; background: #f9f3df;
position: relative;
}
#mobile-menu-toggle span::before,
#mobile-menu-toggle span::after {
content: ''; position: absolute; left: 0; width: 24px; height: 2px; background: #f9f3df;
}
#mobile-menu-toggle span::before { top: -7px; }
#mobile-menu-toggle span::after { top: 7px; }
/* nav zawiera menu — chowamy, rozwijamy klasą .otwarte na