/* CL Iframe Games Frontend Styles */

.cl-iframe-game-container {
    position: relative;
    width: 100%;
    height: 600px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: #f9f9f9;
}

.cl-iframe-game-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Responsive design */
@media (max-width: 768px) {
    .cl-iframe-game-container {
        height: 400px;
        margin: 15px 0;
    }
}

@media (max-width: 480px) {
    .cl-iframe-game-container {
        height: 300px;
        margin: 10px 0;
    }
}

/* Loading state */
.cl-iframe-game-container.loading {
    background: #f9f9f9 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGRkIiBzdHJva2Utd2lkdGg9IjQiLz4KICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA3M2FhIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMTEzLjA5NyA1Ni41NDkiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgMjAgMjA7MzYwIDIwIDIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogIDwvY2lyY2xlPgo8L3N2Zz4K') center center no-repeat;
}

/* Error state */
.cl-iframe-game-container.error {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}

.cl-iframe-game-container.error::before {
    content: "⚠️";
    font-size: 24px;
    margin-right: 10px;
}

/* Success state */
.cl-iframe-game-container.success {
    border-color: #c3e6cb;
    background: #d4edda;
}

/* Game-specific styling can be added here */
.cl-iframe-game-container[data-game-id="poker"] {
    /* Custom styles for poker games */
}

.cl-iframe-game-container[data-game-id="blackjack"] {
    /* Custom styles for blackjack games */
}

/* Accessibility improvements */
.cl-iframe-game-container:focus-within {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .cl-iframe-game-container {
        border: 1px solid #000;
        height: 400px;
        page-break-inside: avoid;
    }
}

.cl-iframe-game-container #unity-container {
    width: 100% !important;
    height: 100% !important;
}

.cl-iframe-game-container #unity-container canvas {
    width: 100% !important;
    height: 100% !important;
}

img#PlaypagerHomeImg {
    display: none;
}

div#gameContainer > div:nth-child(3) > div:last-child {
    display: none;
}