/* style.css */

/* Global style */
body { 
  font-family: 'Open Sans', sans-serif; 
  background: #ffffff; 
  color: #333; 
  text-align: center; 
  margin: 0; 
  padding: 0;
}

header {
  padding: 20px; 
}

.logo {
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.logo img {
  height: 6rem; 
  margin-right: 15px;
}

.logo-text {
  font-size: 4rem; 
  font-weight: bold;
}

.logo-text span:nth-child(1) { color: #4e73ff; }
.logo-text span:nth-child(2) { color: #ffbf00; }
.logo-text span:nth-child(3) { color: red; }
.logo-text span:nth-child(4) { color: #333; }

.intro {
  font-size: 1.2rem; 
  margin: 30px auto; 
  max-width: 800px; 
  line-height: 1.6;
}

.social-links {
  margin-top: 30px;
}

.social-links a {
  display: block; 
  margin: 10px auto; 
  font-size: 1.2rem; 
  text-decoration: none;
}

.social-links a i {
  margin-right: 10px; 
  font-size: 1.4rem;
}

.youtube { color: #FF0000; }
.facebook { color: #1877f2; }

.support-links {
  margin-top: 30px;
}

.support-links p {
  margin-bottom: 10px;
}

.support-links a {
  display: block; 
  margin: 10px auto; 
  font-size: 1.2rem; 
  text-decoration: none;
}

.support-links a i, .support-links a img {
  margin-right: 10px;
  vertical-align: middle;
  height: 24px;
}

.patronite { color: #f96854; }
.buycoffee { color: #ff813f; }

footer {
  margin-top: 50px; 
  color: #777; 
  padding: 10px; 
  font-size: 0.9rem; 
}

/* PRZEŁĄCZNIK JĘZYKOWY w prawym górnym rogu */
.language-switch {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1rem;
}

.language-switch a {
  margin-left: 10px;
  text-decoration: none;
  color: #333;
}