/* 1. Reset & Setup - Only for elements inside mature posts */
.post-list-item[data-mature="adult"] [class*="publication-"],
.post-list-item[data-mature="adult"] .lozad-media,
.post-list-item[data-mature="offensive"] [class*="publication-"],
.post-list-item[data-mature="offensive"] .lozad-media {
    position: relative !important;
    overflow: hidden !important;
}

/* 2. The Blur Layer - Only targets adult/offensive */
.post-list-item[data-mature="adult"] .lozad-media::before,
.post-list-item[data-mature="adult"] .publication-image::before,
.post-list-item[data-mature="adult"] .publication-video::before,
.post-list-item[data-mature="offensive"] .publication-text::before,
.post-list-item[data-mature="offensive"] .lozad-media::before,
.post-list-item[data-mature="offensive"] .publication-image::before,
.post-list-item[data-mature="offensive"] .publication-video::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important; /* Safari support */
    background: rgba(0, 0, 0, 0.1) !important;
    z-index: 10 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

/* 3. The Warning Label - Sharp Text */
.post-list-item[data-mature="adult"] .lozad-media::after,
.post-list-item[data-mature="adult"] .publication-image::after,
.post-list-item[data-mature="adult"] .publication-video::after {
    content: "🔞 Adult Content" !important;
}

.post-list-item[data-mature="offensive"] .publication-text::after,
.post-list-item[data-mature="offensive"] .lozad-media::after,
.post-list-item[data-mature="offensive"] .publication-image::after,
.post-list-item[data-mature="offensive"] .publication-video::after {
    content: "⚠️ Offensive Content" !important;
}

/* Label Styling */
.post-list-item[data-mature="adult"] [class*="publication-"]::after,
.post-list-item[data-mature="adult"] .lozad-media::after,
.post-list-item[data-mature="offensive"] [class*="publication-"]::after,
.post-list-item[data-mature="offensive"] .lozad-media::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(0, 0, 0, 0.85) !important;
    color: white !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    z-index: 20 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

/* 4. Click State - Remove blur and text */
.post-list-item[data-mature].blur-removed [class*="publication-"]::before,
.post-list-item[data-mature].blur-removed .lozad-media::before,
.post-list-item[data-mature].blur-removed [class*="publication-"]::after,
.post-list-item[data-mature].blur-removed .lozad-media::after {
    opacity: 0 !important;
    cursor: pointer !important;
}

.timeline-reply-box-container {
    margin: 15px;
}

body.modal-open {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
}

div.guest-welcome h4 {
  color: var(--cl-primary-text-color);
}
div.guest-welcome p {
  color: var(--cl-primary-text-color);
  text-align: center;
}

h4 {
  color: var(--cl-secondary-text-color);
}

a {
    color: var(--cl-secondary-text-color);
    text-decoration: none;
}

.alt-account-meta{
    color: var(--cl-secondary-text-color);
}
.alt-account-text {
    padding: 5px;
}

button.btn.btn-custom.sm {
    color: var(--cl-secondary-text-color);
}

.alt-account-meta {
    color: var(--cl-secondary-text-color);
    font-size: 12px;
}

.alt-account-item {
    color: var(--cl-secondary-text-color);
    font-size: 12px;
}

span.alt-account-caret {
    color: var(--cl-secondary-text-color);
    background: var(--cl-secondary-text-color);
    margin-left: 10px;
    border-radius: 50%;
    font-size: 6px;
}

div#alt-accounts-dropdown {
    margin: 5px;
    background: var(--cl-secondary-bg-color);
    border-radius: 10px;
    padding: 5px;
}

.alt-account-item.d-flex.align-items-center.justify-content-between {
    margin: 5px;
}
.publication-image-solo {
    height: 512px;
}