/* Przycisk „Umów wizytę” dla STAREGO wyglądu strony kardiotel.pl (Joomla 3, szablon kardio-layout).
   Ładowany tylko wtedy, gdy nowy wygląd (kardiotel-nowy.css) jest wyłączony — w nowym wyglądzie przycisk stylizuje kardiotel-nowy.css.
   Nie zmienia nic poza przyciskiem; wygląd taki sam jak w nowym układzie. Plik samodzielny (bez zmiennych CSS). */
#headerCta { text-align: center; }
#headerCta .cta-visit {
  display: inline-flex; align-items: center; gap: 10px; padding: 13px 26px 13px 22px; border-radius: 999px; white-space: nowrap;
  background: linear-gradient(180deg, #f5333a, #ee1d25); color: #fff !important; text-decoration: none !important;
  font-family: "Rubik", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 18px; line-height: 1; letter-spacing: 0;
  box-shadow: 0 10px 22px -10px rgba(238, 29, 37, .85); transition: transform .15s, box-shadow .2s, background .2s;
}
#headerCta .cta-visit svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
#headerCta .cta-visit:hover, #headerCta .cta-visit:focus-visible { background: #c4141b; transform: translateY(-2px); box-shadow: 0 0 0 4px rgba(238, 29, 37, .22), 0 14px 28px -10px rgba(238, 29, 37, .9); }
#headerCta .cta-visit:active { transform: translateY(0) scale(.98); }
#headerCta .cta-visit:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }

/* komputer, szerokość od 1230 px: pośrodku luki między logo a godzinami otwarcia */
@media (min-width: 1230px) {
  #header { position: relative; }
  #headerCta { position: absolute; left: calc(50% - 158px); top: 37px; transform: translateX(-50%); z-index: 5; }
}
/* węższy komputer (1025–1229 px): luka jest za mała, więc mniejszy przycisk pod logo (bez zwiększania wysokości nagłówka) */
@media (min-width: 1025px) and (max-width: 1229px) {
  #header { position: relative; }
  #headerCta { position: absolute; left: 12px; top: 91px; text-align: left; z-index: 5; }
  #headerCta .cta-visit { padding: 7px 18px 7px 14px; gap: 8px; font-size: 15px; }
  #headerCta .cta-visit svg { width: 18px; height: 18px; }
}
/* tablet i telefon: przycisk wyśrodkowany pod logo */
@media (max-width: 1024px) {
  #headerCta { position: static; margin: 4px 0 22px; padding: 0 12px; clear: both; }
}
@media print { #headerCta { display: none !important; } }