/* Kontener główny dla sekcji kontaktowej */
.contact-column {
  max-width: 700px; /* Nieco szerszy dla większych elementów */
  margin: 0 auto; /* Wyśrodkowanie poziome */
  padding: 30px; /* Większy padding dla oddechu */
  text-align: center; /* Wyśrodkowanie wszystkich elementów */
}

/* Pojedynczy element kontaktowy (adres, telefon, email) */
.contact-item {
  margin-bottom: 40px; /* Większy odstęp między sekcjami */
}

/* Kontener dla treści tekstowej */
.contact-content {
  width: 100%; /* Pełna szerokość */
}

/* Styl nagłówka w elemencie kontaktowym */
.contact-title {
  font-size: 24px; /* Większy nagłówek dla czytelności */
  margin: 0 0 15px; /* Większy odstęp pod nagłówkiem */
}

/* Styl tekstu informacyjnego */
.contact-text {
  font-size: 18px; /* Większa czcionka dla lepszej widoczności */
  line-height: 1.6; /* Większa wysokość linii */
}

/* Bazowy styl dla przycisków CTA */
.contact-btn {
  display: inline-block; /* Inline-block dla wyśrodkowania */
  background-color: #d32f2f; /* Głęboki czerwony - kontrast 5.5:1 z białym */
  color: #ffffff !important; /* Biały tekst */
  font-size: 1.6em; /* Większa czcionka dla widoczności */
  padding: 12px 24px; /* Większy padding dla komfortu */
  border-radius: 30px; /* Zaokrąglone rogi */
  text-decoration: none; /* Bez podkreślenia */
  font-weight: 600; /* Średnia waga czcionki */
  transition: all 0.3s ease; /* Płynne przejścia */
  box-shadow: 0 4px 14px rgba(211, 47, 47, 0.4); /* Subtelny cień */
}

/* Efekt hover dla przycisków */
.contact-btn:hover {
  background-color: #ff5722; /* Żywy pomarańczowy - kontrast 4.8:1 */
  transform: scale(1.05); /* Lekkie powiększenie */
  box-shadow: 0 6px 20px rgba(255, 87, 34, 0.5); /* Wzmocniony cień */
  color: #ffffff !important; /* Utrzymanie białego tekstu */
  text-decoration: none; /* Bez podkreślenia */
}

/* Responsywność dla małych ekranów */
@media (max-width: 480px) {
  .contact-column {
    padding: 20px; /* Mniejszy padding na mobile */
  }

  .contact-title {
    font-size: 20px; /* Mniejszy nagłówek */
  }

  .contact-text {
    font-size: 16px; /* Mniejszy tekst */
  }

  .contact-btn {
    font-size: 1.4em; /* Mniejszy rozmiar przycisku */
    padding: 10px 20px; /* Mniejszy padding */
    display: block; /* Block dla pełnej szerokości */
    margin: 0 auto; /* Wyśrodkowanie w pionie */
  }
}