/* Blok popup - Zaktualizowany styl (z oryginalnego pliku) */
.popup { margin-top:15px !important; margin-bottom:15px !important;}
.popup .strona {
  display: block;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.5rem;
  max-width: 700px;
  padding-top: 25px !important;
}
.popup .grafikapopupa {
  /* no specific styling */
}
.popup .opispopupa {
  text-align: center;
}
.popup .opispopupa h2, .popup .opispopupa h3, .popup .opispopupa h4 {
  margin: 0 0 .5rem;
  padding-top:0px !important;
  text-align: center;
  margin-top:15px;
}
.is-inactive {
  opacity: 0.5;
  filter: grayscale(50%);
  transition: opacity 0.2s ease;
}
/* Poprawka: Usunięcie zależności od Font Awesome i uproszczenie */
.closepopup {
	position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  z-index: 10;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: all 0.5s ease;
  padding: 0px;
  border: 0px;
  background: none;
}
.closepopup:after {  content: '\f00d';  font-family: 'Font Awesome 6 Solid'; font-size: 20px;	color:#121212; width: 30px;  height: 30px; text-align: center; line-height: 30px;display:block;}
.closepopup:after
.closepopup:hover:after,
.closepopup:focus:after {
  color: #258837;
}
.popupwindow .modal-title { text-align: left !important; padding-top:0px !important; font-size:150% !important; margin-bottom:10px !important; display:block; padding-right:25px !important; font-weight: 600;}
.contrast .closepopup:after { color:#ff0 !important;}

.popup .opispopupa p {
  margin: 0 0 1rem;
}
.popupmore, #open-popup-modal, .wp a.popupmore {
  background:none;
  color: #212121;
  padding-top:8px;
  padding-bottom:8px;
  border: 2px solid #258837;
  border-radius: 6px;
  transition: all 0.5s ease;
  font-weight: 600;
  letter-spacing:1px;
  text-decoration: none;
  display:block;
  margin: auto;
  width:100%;
  max-width:120px;
  text-align: center;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
}
.popup img {
	width: 220px !important;
	margin: auto;
  max-width: 100% !important;
  border-radius: 500px;
}
.popup img[src$=".svg"] { border-radius:0px;}
.popupmore:hover, #open-popup-modal:hover, .popupmore:focus, #open-popup-modal:focus, .wp a.popupmore:focus, .wp a.popupmore:hover {
  background: #258837; color:#fff;
}

/* Blokada scrolla dla otwartego modala */
html.popup-modal-open {
    overflow-y: hidden !important; 
    padding-right: var(--scrollbar-width, 0); 
}

/* Modal - WYMUSZONE CENTROWANIE DZIĘKI !IMPORTANT */
.popupwindow {
  position: fixed !important; 
  top: 0 !important; 
  left: 0 !important;
  right: 0 !important; 
  bottom: 0 !important;
  width: 100vw !important; 
  height: 100vh !important;
  display: none;
  /* Centrowanie modala */
  justify-content: center !important;
  align-items: center !important;
  z-index: 100000 !important;
  margin: 0 auto; /* Fallback */
}
.popupwindow:not([hidden]) {
  display: flex !important;
}
.modal-overlay { 
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.7);
  z-index: 99999 !important;
}
.modal-content {
  max-width: 800px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  z-index: 100000 !important;
  position: relative; 
  /* Fallback centrowania w pionie (dla flex) */
  margin: auto 0;
}
/* STYL DLA TYTUŁU W MODALU */
.modal-content .modal-title {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
}

/* sr-only */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}
.wp-block .popup .strona { margin: auto;}
@media (max-width: 768px) {
.popup .strona { display:block; text-align: center !important;}
.popup .opispopupa h3, .popup .opispopupa { text-align: center !important;}
}