html {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
html::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}
/* Share Modal Styles (X.com Style) */
#share-modal-overlay {
  transition: opacity 0.3s ease;
}

#share-modal-content {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.share-option {
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.share-option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.dark .share-option:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

#copy-toast {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

/* Post Card Hover Fix */
.post-card {
  transition: background-color 0.2s ease;
}

.post-card:hover {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

/* Active desktop navigation indicator */
.nav-link.active-nav-item {
  position: relative;
}

.nav-link.active-nav-item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0.25rem;
  width: 95%;
  height: 4px;
  background: #10b981;
  border-radius: 9999px;
}

.dark .post-card:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Facebook-style Independent Scrolling */
.independent-scroll {
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.independent-scroll::-webkit-scrollbar {
  width: 6px;
}

.independent-scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}

.independent-scroll:hover {
  scrollbar-width: thin; /* Firefox */
}

.independent-scroll:hover::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.4);
}

.independent-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(85, 85, 85, 0.6);
}