/* Demuregram Custom Styles */

/* Feed Transition to Discover Content (Prevents Layout Shifts & Enforces Theme) */
.demuregram-discover-marker,
[data-testid="discoverTransitionMarker"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 14px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(30, 10, 60, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  contain: layout paint !important;
  box-sizing: border-box !important;
  transition: opacity 0.2s ease-in-out !important;
}

.demuregram-discover-marker svg,
[data-testid="discoverTransitionMarker"] svg {
  flex-shrink: 0 !important;
  margin-right: 12px !important;
  opacity: 0.9 !important;
}

.demuregram-discover-marker a,
[data-testid="discoverTransitionMarker"] a {
  color: #c7a4ff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.demuregram-discover-marker a:hover,
[data-testid="discoverTransitionMarker"] a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Content Masking: "Hosting provider" Information & Metadata Elements */
.hosting-provider-info,
.metadata-element,
.provider-info-selector,
[data-testid="hosting-provider-info"],
[data-testid="hostingProviderInfo"],
[data-testid="selectServiceButton"],
[data-testid="loginForm"] [data-testid="selectServiceButton"],
[data-testid="noSessionView"] [data-testid="selectServiceButton"] {
  display: none !important;
  user-select: none !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}