/* Slot Game Styles */
.slot-wrapper {
    display: flex;
    gap: 1.5rem; /* 24px */
}

.slot-game-container {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    height: 712px;
}
@media (max-width: 768px) {
    .slot-game-container {
        height: 427px;
    }
}
.slot-wrapper .flex-1 {
    display: flex;
    flex-direction: column;
}

.game-theme-section,
.slot-overview-section {
    width: 100%;
}

.play-now-button {
    background-color: #FF2C2C;
    color: white;
    font-weight: bold;
    padding: 1rem 2rem;
    border-radius: 9999px;
    font-size: 1.25rem;
    transition: all 0.3s ease;
    transform: scale(1);
    border: none;
    cursor: pointer;
}

.play-now-button:hover {
    background-color: rgba(255, 44, 44, 0.8);
    transform: scale(1.05);
}

.game-info-block{
    padding: 1.25rem;
}
@media (max-width: 768px) {
    .game-info-block{
        padding: 16px;
    }
}

.related-news-item:last-child {
    border-bottom: none;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




/* Responsive */
@media (max-width: 1024px) {
    .slot-wrapper {
        flex-direction: column;
    }
    
    .slot-wrapper aside {
        width: 100%;
    }
    
    .slot-wrapper .flex-1 {
        flex-direction: column;
    }
    
    .game-theme-section {
        width: 100%;
        margin-top: 2rem;
    }
}


.game-info-block .wrapper-game-info > div {
    padding: 1.5rem 0.5rem;
    position: relative;
}

.game-info-block .wrapper-game-info > div::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5px;
    background-color: rgba(255, 255, 255, 0.15);
}

.game-info-block .wrapper-game-info > div:last-child::after {
    display: none;
}

.w-3.h-3.rounded-full {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}


.slot-overview-section strong {
    color: white;
    font-weight: 600;
}