/* Premium Posts Styles */
.premium-blurred {
  filter: blur(20px) !important;
  transition: filter 0.3s ease;
}

.premium-overlay {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s ease;
}

.premium-overlay:hover {
  opacity: 0.95;
}

.pay-for-post-btn {
  box-shadow: 0 4px 15px rgba(236, 72, 153, 0.4);
  transition: all 0.3s ease;
}

.pay-for-post-btn:hover {
  box-shadow: 0 6px 20px rgba(236, 72, 153, 0.5);
  transform: scale(1.05);
}

/* AGGRESSIVE blur for modal images */
.force-blur {
  filter: blur(30px) !important;
  -webkit-filter: blur(30px) !important;
  backdrop-filter: blur(30px) !important;
  transition: none !important;
}

/* Shake animation for blocked overlay close */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(10px);
  }
}

/* Ensure overlay is always on top */
.aggressive-modal-premium-overlay {
  z-index: 999999 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* Blurred info overlay styles */
.blurred-info-overlay {
  transition: opacity 0.3s ease;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.blurred-info-overlay:hover {
  opacity: 0.9;
}

.modal-blurred-info {
  transition: opacity 0.3s ease;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.modal-blurred-info:hover {
  opacity: 0.95;
}

/* Animacja fade-in dla okienek */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.blurred-info-overlay,
.modal-blurred-info {
  animation: fadeInUp 0.3s ease-out;
}