/* Załaduj font AntartidaRounded-Light (załóżmy, że jest dostępny na stronie lub w CDN) */
/* Jeśli font jest lokalny, dodaj @font-face, np.:
@font-face {
  font-family: 'AntartidaRounded-Light';
  src: url('/path/to/AntartidaRounded-Light.woff2') format('woff2'),
       url('/path/to/AntartidaRounded-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
*/
#cookies-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  background: #F6F7F9; /* white-smoke */
  color: #333333; /* dark-slate-gray */
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  z-index: 1001;
  display: none;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
  text-align: center;
  line-height: 1.6;
}
#cookies-banner h4 {
  font-size: 2.1rem; /* Zwiększone z 1.4rem */
  margin: 0 0 10px;
  color: #0AA047; /* sea-green */
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookies-banner p {
  font-size: 1.425rem; /* Zwiększone z 0.95rem */
  margin: 0 0 15px;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookies-banner a {
  color: #EB0F7E; /* deep-pink */
  text-decoration: underline;
  cursor: pointer;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
  font-size: 1.425rem; /* Zwiększone z 0.95rem */
}
#cookies-banner button {
  cursor: pointer;
  padding: 10px 20px;
  margin: 5px;
  font-size: 1.35rem; /* Zwiększone z 0.9rem */
  border: none;
  transition: background-color 0.3s;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookie-consent {
  background: #0AA047; /* sea-green */
  color: #F6F7F9; /* white-smoke */
}
#cookie-consent:hover {
  background: #087735; /* ciemniejszy odcień sea-green */
}
#cookie-preferences--menu {
  background: #E9E9E9; /* lavender */
  padding: 15px;
  margin-top: 15px;
  text-align: left;
}
#cookie-preferences--menu label {
  margin-left: 8px;
  font-size: 1.35rem; /* Zwiększone z 0.9rem */
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookie-preferences--menu input[type="checkbox"] {
  vertical-align: middle;
  transform: scale(1.2); /* Lekko większe checkboxy dla proporcji */
}
#save-preferences {
  background: #0AA047; /* sea-green */
  color: #F6F7F9; /* white-smoke */
  margin-top: 10px;
}
#save-preferences:hover {
  background: #087735;
}
/* Stały przycisk zmiany ustawień */
#cookie-settings-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}
#reset-consent {
  background: #eb0f7e;; /* pink */
  color: #F6F7F9; /* white-smoke */
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 1.35rem; /* Zwiększone z 0.9rem */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: background-color 0.3s;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#reset-consent:hover {
  background: #0a174c;
}
/* Modal */
#cookie-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  background: #F6F7F9; /* white-smoke */
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  z-index: 1002;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
  color: #333333; /* dark-slate-gray */
}
#cookie-modal h2 {
  font-size: 2.4rem; /* Zwiększone z 1.6rem */
  color: #0AA047; /* sea-green */
  margin-bottom: 15px;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookie-modal p, #cookie-modal li {
  font-size: 1.425rem; /* Zwiększone z 0.95rem */
  line-height: 1.6;
  margin-bottom: 15px;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#cookie-modal a {
  color: #EB0F7E; /* deep-pink */
  text-decoration: underline;
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
  font-size: 1.425rem; /* Zwiększone z 0.95rem */
}
#close-modal {
  background: #0AA047; /* sea-green */
  color: #F6F7F9; /* white-smoke */
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 1.35rem; /* Zwiększone z 0.9rem */
  font-family: 'AntartidaRounded-Light', 'Open Sans', Arial, sans-serif;
}
#close-modal:hover {
  background: #087735;
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}
/* Responsywność */
@media (max-width: 600px) {
  #cookies-banner, #cookie-modal {
    width: 90%;
    padding: 15px;
  }
  #cookies-banner h4, #cookie-modal h2 {
    font-size: 1.8rem; /* Zwiększone z 1.2rem */
  }
  #cookies-banner p, #cookie-modal p, #cookie-modal li {
    font-size: 1.275rem; /* Zwiększone z 0.85rem */
  }
  #cookies-banner button, #cookie-modal button {
    padding: 8px 15px;
    font-size: 1.275rem; /* Zwiększone z 0.85rem */
  }
  #cookie-preferences--menu {
    padding: 10px;
  }
  #cookie-preferences--menu label {
    font-size: 1.275rem; /* Zwiększone z 0.85rem */
  }
  #cookie-settings-btn {
    bottom: 15px;
    right: 15px;
  }
  #reset-consent {
    padding: 8px 15px;
    font-size: 1.275rem; /* Zwiększone z 0.85rem */
  }
}