/* Pływający szybki kontakt (szybki-kontakt.php): strzałka do góry i dwa niebieskie kafelki (mail nad telefonem), okienko z lewej strony kółek. */
.om-kontakt { position: fixed; right: 20px; bottom: 20px; z-index: 99990; font-family: inherit; }
.om-kontakt__kolka { display: flex; flex-direction: column; gap: 12px; }
/* cienka biała obwódka 1 px (80%): na białym tle niewidoczna, na niebieskich sekcjach strony odcina kafelek od tła */
.om-kontakt__kolko {
  display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; padding: 0;
  border: 0; border-radius: 8px; cursor: pointer; background: #066cb1; color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 4px 14px rgba(0, 0, 0, 0.22); transition: background 0.2s ease;
}
.om-kontakt__kolko:hover, .om-kontakt__kolko[aria-expanded="true"] { background: #055a94; }
.om-kontakt__kolko:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.om-kontakt__gora[hidden] { display: none; }
.om-kontakt__okno {
  position: absolute; right: 72px; bottom: 0; width: 340px; max-height: calc(100vh - 40px); overflow-y: auto;
  box-sizing: border-box; padding: 22px 22px 20px; background: #fff; border: 1px solid #e5e5ea; border-radius: 8px;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18); animation: om-kontakt-wjazd 0.2s ease;
}
.om-kontakt__okno[hidden] { display: none; }
@keyframes om-kontakt-wjazd { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .om-kontakt__okno { animation: none; } }
.om-kontakt .om-kontakt__tytul { margin: 0 24px 4px 0; padding: 0 !important; font-size: 18px; line-height: 1.3; font-weight: 600; color: #282828; }
.om-kontakt .om-kontakt__opis { margin: 0 0 14px; padding: 0; font-size: 13px; color: #6e6e73; }
.om-kontakt .om-kontakt__zamknij {
  position: absolute; top: 10px; right: 12px; width: 28px; height: 28px; padding: 0; border: 0; background: none;
  font-size: 24px; line-height: 1; color: #6e6e73; cursor: pointer;
}
.om-kontakt .om-kontakt__zamknij:hover { color: #282828; }
.om-kontakt__form { margin: 0; }
.om-kontakt__pole { display: block; margin: 0 0 10px; }
.om-kontakt .om-kontakt__pole input, .om-kontakt .om-kontakt__pole textarea {
  display: block; width: 100%; box-sizing: border-box; border: 1px solid #c8c8c8; background: #fff; color: #111;
  font-family: inherit; font-size: 16px;
}
.om-kontakt .om-kontakt__pole input { height: 48px; padding: 0 16px; border-radius: 5px; }
.om-kontakt .om-kontakt__pole textarea { min-height: 96px; padding: 12px 16px; border-radius: 5px; resize: vertical; }
.om-kontakt .om-kontakt__pole input:focus, .om-kontakt .om-kontakt__pole textarea:focus { border-color: #066cb1; outline: none; }
.om-kontakt__zgoda { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 14px; font-size: 12px; line-height: 1.45; color: #424245; }
.om-kontakt__zgoda input { margin-top: 2px; flex: 0 0 auto; }
.om-kontakt__zgoda a { color: #066cb1; }
.om-kontakt .om-kontakt__wyslij {
  display: block; width: 100%; height: 44px; padding: 3px 26px; border: 0; border-radius: 5px; cursor: pointer;
  background: #066cb1; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.6; transition: background 0.2s ease;
}
.om-kontakt .om-kontakt__wyslij:hover { background: #055a94; }
.om-kontakt .om-kontakt__wyslij:disabled { opacity: 0.6; cursor: default; }
.om-kontakt__komunikat { margin: 10px 0 0; padding: 0; min-height: 1.3em; font-size: 13px; color: #424245; }
.om-kontakt__komunikat--ok { color: #1a7f37; }
.om-kontakt__komunikat--blad { color: #d70015; }
.om-kontakt__pulapka { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* na telefonie nie ma miejsca obok kółek - okienko nad nimi na całą szerokość */
@media (max-width: 480px) {
  .om-kontakt { right: 14px; bottom: 14px; }
  .om-kontakt__kolko { width: 52px; height: 52px; }
  .om-kontakt__okno { right: 0; bottom: calc(100% + 12px); width: calc(100vw - 28px); max-height: calc(100vh - 220px); }
}