/*
 * Dodatki do oryginalnego style2.css (wersja statyczna).
 * Oryginalne style pozostają bez zmian – tu są tylko nowe elementy
 * oraz układ dla telefonów (zastępuje dawną osobną wersję /mobile).
 */

/* ---------- przyciski-linki (wygląd jak dawne przyciski formularzy) ---------- */
a.button, a.button:visited {
  display: inline-block;
  text-decoration: none;
  color: #fff !important;
  border-radius: 3px;
}
/* Oryginalny style2.css ma globalne „a:hover { font-size:16px }” – przycisk powiększałby się
   po najechaniu, przeskakiwał do nowej linii i migotał. Rozmiar czcionki ustalony na sztywno. */
a.button:hover, #main a.button:hover { background: #0a6a95; font-size: 12px; text-decoration: none; color: #fff; }
#main .kontakt_wiadomosc a.button:hover { font-size: 14px; }

/* „zapytaj o zamówienie” w ramce z ceną */
.zapytaj { margin-left: 6px; }
.zapytaj_tel { margin-top: 8px; font-size: 12px; }
.zapytaj_tel a { white-space: nowrap; }

/* blok kontaktu zamiast formularza */
.kontakt_wiadomosc { margin: 10px 0 20px; }
.kontakt_wiadomosc p { margin: 10px 0; }
.kontakt_wiadomosc a.button { font-size: 14px; padding: 10px 18px; }

/* telefon w panelu bocznym – klikalny, bez zmiany wyglądu */
#sidemenu_body a.tel_boczny, #sidemenu_body a.tel_boczny:visited {
  display: inline; padding: 0; margin: 0; font-size: inherit; color: inherit; text-decoration: none;
}

/* ---------- baner zgody na cookies (styl jak dawny komunikat) ---------- */
#zgoda_cookies {
  border-radius: 6px;
  border: 3px solid #666;
  font-size: 13px;
  width: 320px;
  color: #333;
  text-align: center;
  z-index: 200000;
  position: fixed;
  bottom: 100px;
  left: 0;
  background: #ccc;
  padding: 15px;
  margin: 10px;
}
#zgoda_cookies p { margin: 0 0 12px; }
#zgoda_cookies p a, #zgoda_cookies p a:hover { color: #0d82b7; font-size: 13px; }
.zgoda_przycisk, .zgoda_przycisk:visited {
  text-decoration: none;
  display: inline-block;
  background: #393939;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  margin: 0 4px;
  box-shadow: 1px 1px 4px #444;
}
.zgoda_odmowa { background: #777; }
.zgoda_przycisk:hover { font-size: 13px; text-decoration: none; background: #555; }
.zgoda_odmowa:hover { background: #888; }
#link_cookies { cursor: pointer; }

/* ---------- telefony i małe tablety ---------- */
@media (max-width: 1040px) {
  html, body { overflow-x: hidden; }
  body { min-width: 0 !important; }
  #toplink, #footer, #scrollProduct { width: 100% !important; }
  #page, #banner, #menu, #footer_tresc { width: 100% !important; }
  #page { padding: 0 12px; box-sizing: border-box; }

  /* menu: przewijany pasek zamiast stałej szerokości */
  #header { height: auto; }
  #menu, #menuoptions { position: static; height: auto; }
  #sddm { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; text-align: left; }
  #sddm li a { padding: 15px 12px 12px; font-size: 15px; }
  #logo { display: none; }

  /* treść i panel boczny jeden pod drugim */
  #mainwrapper, #main, #sidemenu { width: auto !important; float: none !important; }
  #main, #sidemenu { display: block !important; }
  #main { min-height: 0; padding: 0 !important; }
  #main img { max-width: 100%; height: auto; }
  #main table { max-width: 100%; }
  #main [style*="width:"]:not(table) { max-width: 100%; box-sizing: border-box; }
  #main .cena select { width: 100% !important; }
  #main > div[style*="float:right"] { float: none !important; margin: 10px 0 !important; width: auto !important; }
  #sidemenu { border-left: 0 !important; margin-top: 20px; }
  #sidemenu_body > div { width: auto !important; }

  /* szerokie tabele (zestawienia, cennik) przewijane w poziomie */
  .tabela_przewijana { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .tabela_przewijana > table { min-width: 620px; }
  #main { border: 0 !important; }

  /* pokaz slajdów na stronie głównej: na telefonie ukryty (stały skrypt liczy szerokość 1366 px) */
  #my_slideshow_wrapper, div[style*="elmast-logo-250"] { display: none !important; }
  #page { margin-top: 10px; }

  /* stopka */
  #footer { position: static; height: auto; }
  #footer_tresc { height: auto; }
  #bottom_menu { position: static; margin: 0; padding: 10px; }
  #bottom_menu a { display: inline-block; width: auto; margin: 6px 12px 6px 0; }
  #wykonanie { position: static; margin: 10px; width: auto; }
  #toTop { bottom: 20px; }
  #zgoda_cookies { width: auto; left: 0; right: 0; bottom: 0; }
}