/* Arka fon resmi olan oda kartları için overlay stilleri */

/* Arka fon resmi olan oda kartları için overlay */
.room-item[style*="background-image"] {
    position: relative !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
}

.room-item[style*="background-image"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.4); */ /* Overlay disabled */
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
}

.room-item[style*="background-image"] .room-avatar,
.room-item[style*="background-image"] .room-info,
.room-item[style*="background-image"] .room-users,
.room-item[style*="background-image"] .room-users--special,
.room-item[style*="background-image"] .room-meta,
.room-item[style*="background-image"] .room-radio,
.room-item[style*="background-image"] .microphone-status,
.room-item[style*="background-image"] .join-btn {
    z-index: 2;
}

.room-item[style*="background-image"] .room-name,
.room-item[style*="background-image"] .room-description {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.room-item[style*="background-image"] .room-users,
.room-item[style*="background-image"] .room-users--special {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.room-item[style*="background-image"] .join-btn {
    z-index: 2;
}

.room-item[style*="background-image"] .join-btn:hover {
    /* Hover efekti orijinal CSS'den gelecek */
}

.room-item[style*="background-image"] .microphone-status {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}