/* Container that holds all rows */
.casino-list-container-row {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    gap: 20px; /* Space between each casino item */
    align-items: center; /* Center the rows horizontally */
    justify-content: center; /* Center the entire list vertically on the page */
    min-height: 100vh; /* Ensure the container takes up full page height */
}

/* Individual row for each casino */
.casino-item-row {
    display: flex;
    width: 90%;
    max-width: 1600px; /* Limit the width of each row */
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border: 1px solid #3e3e3e;
    border-radius: 10px;
    background-color: #000000;
}

.elementor .casino-item-row:hover {
    border: 1px solid #7732C5;
    border-radius: 10px;
}

/* Casino image style */
.casino-image img {
    max-width: 100px;
    height: auto;
}

/* Info section style */
.casino-info {
    flex: 2;
    padding-left: 50px;
}

.casino-info .casino-bonus {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 10px;
    padding: 10px;
    margin-right:50px;
    border: 1px solid #3e3e3e;
    border-radius: 10px;
    background-color: #17161d;
}

/* Extra content (e.g., T&C) aligned to the right */
.casino-extra {
    text-align: right;
}

.casino-item-row .casino-btn {
    padding: 5px 20px;
}


/* Star Rating Style */
.casino-rating {
    display: flex;
    gap: 5px; /* Space between stars */
    align-items: center;
    padding-bottom: 15px;
}

/* Full Star */
.star.full {
    color: gold; /* Color for full stars */
    font-size: 1.5em; /* Size of stars */
}

/* Empty Star */
.star.empty {
    color: #ccc; /* Color for empty stars */
    font-size: 1.5em;
}

.casino-btn-container {
    padding-bottom: 5px;
}

/* MOBILE VIEW STYLES */
@media (max-width: 768px) { /* Target devices with width 768px or smaller */

    /* Make casino items stack vertically */
    .casino-item-row {
        display: flex;
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center elements horizontally */
    }

    /* Adjust image size for mobile */
    .casino-image img {
        max-width: 80px; /* Smaller image on mobile */
    }
    
    .casino-info {
        width: 100%;
        padding-left: 0;
    }
    /* Ensure title is centered */
    .casino-title {
        text-align: center;
        font-size: 1.2em;
        margin-bottom: 10px;
        width: 100%;
    }

    /* Bonus offer below the title */
    .casino-bonus {
        font-size: 1.1em;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }

    /* Visit button centered */
    .casino-btn {
        text-align: center; /* Center the button on mobile */
        width: 100%; /* Full width for better visibility */
    }

    /* Centered terms text */
    .casino-terms-text,
    .casino-terms-link {
        text-align: center;
        font-size: 0.9em;
        margin-bottom: 10px;
    }

    /* Align T&Cs and bonus in column */
    .casino-extra {
        width: 100%; /* Ensure extra section takes full width */
        text-align: center; /* Center content */
    }
}