/* General Styles */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa; /* Light background for general sections */
    color: #343a40; /* Standard dark text color */
    line-height: 1.6;
}

/* Custom Colors */
:root {
    --chipsplay-primary: #8a2be2; /* BlueViolet - Main accent for titles, buttons */
    --chipsplay-primary-dark: #6a1ac7; /* Darker BlueViolet */
    --chipsplay-secondary: #ffc107; /* Amber/Gold - Secondary accent */
    --chipsplay-secondary-light: #e0e0e0; /* Light grey for subtle text */
    --chipsplay-dark: #212529; /* Dark background for sections */
    --chipsplay-dark-blue: #2c3e50; /* Darker blue for modals/cards */
    --chipsplay-dark-gradient-start: #1a2a6c; /* Dark Blue */
    --chipsplay-dark-gradient-end: #0f1c4a; /* Even darker blue */
    --chipsplay-light-gradient-start: #fdfbfb; /* Near white */
    --chipsplay-light-gradient-end: #ebedee; /* Light grey */
}

.text-primary { color: var(--chipsplay-primary) !important; }
.btn-primary { background-color: var(--chipsplay-primary); border-color: var(--chipsplay-primary); color: #fff; }
.btn-primary:hover { background-color: var(--chipsplay-primary-dark); border-color: var(--chipsplay-primary-dark); }
.btn-outline-primary { color: var(--chipsplay-primary); border-color: var(--chipsplay-primary); }
.btn-outline-primary:hover { background-color: var(--chipsplay-primary); color: #fff; }

.text-secondary-light { color: var(--chipsplay-secondary-light) !important; }
.bg-dark-blue { background-color: var(--chipsplay-dark-blue) !important; }

.bg-dark-gradient {
    background: linear-gradient(to right, var(--chipsplay-dark-gradient-start), var(--chipsplay-dark-gradient-end));
}

.bg-light-gradient {
    background: linear-gradient(to right, var(--chipsplay-light-gradient-start), var(--chipsplay-light-gradient-end));
}

/* Header Section */
.header-section {
    background-color: var(--chipsplay-dark) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.header-logo {
    max-height: 60px;
    width: auto;
}

/* About Us Section */
.about-section {
    background-color: #ffffff;
}

.about-section img {
    max-height: 400px;
    object-fit: cover;
    width: 100%;
}

/* Games Section */
.games-section .game-card {
    background-color: rgba(0, 0, 0, 0.4); /* Dark overlay */
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
    height: 100%; /* Ensure cards are same height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.games-section .game-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.games-section .game-card img {
    max-height: 180px; /* Fixed height for game images */
    object-fit: cover;
    width: 100%;
}

.games-section .game-card h3, .games-section .game-card p {
    text-align: center;
}

/* How to Play Section */
.how-to-play-section .step-card {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.how-to-play-section .icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(138, 43, 226, 0.1); /* Light tint of primary color */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

/* Testimonials Section */
.testimonials-section .testimonial-card {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
}

.testimonials-section .avatar {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 2px solid var(--chipsplay-primary);
}

/* FAQ Section */
.faq-section .accordion-item {
    border: none;
    background-color: #ffffff;
}

.faq-section .accordion-button {
    background-color: #ffffff;
    color: var(--chipsplay-dark);
    font-size: 1.1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.25rem;
    transition: background-color 0.2s ease;
}

.faq-section .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--chipsplay-primary);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.faq-section .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.faq-section .accordion-body {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

/* Disclaimer Section */
.disclaimer-box {
    background: linear-gradient(to right, #4b0082, #36006e); /* Indigo/Dark Violet */
    border: 2px solid var(--chipsplay-secondary);
    color: #fff;
}

.disclaimer-box p, .disclaimer-box small {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Footer Section */
.footer-section {
    background-color: var(--chipsplay-dark) !important;
    color: #fff;
}

.footer-logo {
    max-height: 50px;
    width: auto;
}

.footer-section ul li a {
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.footer-section ul li a:hover {
    color: var(--chipsplay-primary) !important;
}

.footer-partners {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-partner-logo {
    max-width: 120px; /* Adjusted max-width for better spacing with 3 items */
    height: auto;
    margin: 0 10px;
    display: block; /* Ensures proper centering with flex */
}

.footer-partner-logo.18-plus-icon {
    max-width: 60px; /* Smaller size for 18+ icon */
}

/* Game Modal */
#gameModal .modal-dialog {
    max-width: 90vw; /* Make modal wider */
    height: 90vh; /* Make modal taller */
}

#gameModal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#gameModal .modal-body {
    flex-grow: 1;
    display: flex;
    padding: 0;
}

#gameModal #gameIframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Cookie Consent Modal */
#cookieConsentModal .modal-content {
    background-color: var(--chipsplay-dark-blue) !important;
}

#cookieConsentModal .form-check-input:checked {
    background-color: var(--chipsplay-primary);
    border-color: var(--chipsplay-primary);
}

#cookieConsentModal .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(138, 43, 226, 0.25);
}

#cookieConsentModal .modal-footer button {
    min-width: 120px;
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .about-section .col-md-6.order-md-2 {
        order: 1 !important;
    }
    .about-section .col-md-6.order-md-1 {
        order: 2 !important;
    }

    .display-5 {
        font-size: 2.5rem;
    }

    .lead {
        font-size: 1rem;
    }

    .footer-partners {
        flex-direction: column;
        gap: 15px;
    }

    .footer-partner-logo {
        max-width: 100px; /* Smaller on mobile */
    }
    .footer-partner-logo.18-plus-icon {
        max-width: 50px;
    }

    #cookieConsentModal .modal-footer .btn {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 0.5rem;
    }
}
/* Styles for the .infoGuardBlock container */
.infoGuardBlock {
    padding: 60px 20px; /* Top/bottom padding and left/right padding for mobile */
    max-width: 1200px; /* Maximum width for content */
    margin: 0 auto; /* Center the block on larger screens */
    color: #343a40; /* Standard text color, inherited by children */
}

/* Responsive padding for larger screens */
@media (min-width: 768px) {
    .infoGuardBlock {
        padding: 80px 40px; /* More padding on tablets and desktops */
    }
}

/* Heading styles within .infoGuardBlock */
.infoGuardBlock h1 {
    font-size: 2.2rem; /* Moderate size for H1 */
    margin-top: 0; /* Remove default top margin */
    margin-bottom: 1rem; /* Space below heading */
    line-height: 1.2; /* Tighter line height for headings */
    color: var(--chipsplay-dark); /* Darker color for headings */
}

.infoGuardBlock h2 {
    font-size: 1.8rem; /* Moderate size for H2 */
    margin-top: 1.5rem; /* Space above heading */
    margin-bottom: 0.8rem; /* Space below heading */
    line-height: 1.3;
    color: var(--chipsplay-dark);
}

.infoGuardBlock h3 {
    font-size: 1.5rem; /* Moderate size for H3 */
    margin-top: 1.2rem;
    margin-bottom: 0.7rem;
    line-height: 1.4;
    color: var(--chipsplay-dark);
}

.infoGuardBlock h4 {
    font-size: 1.25rem; /* Moderate size for H4 */
    margin-top: 1rem;
    margin-bottom: 0.6rem;
    line-height: 1.5;
    color: var(--chipsplay-dark);
}

.infoGuardBlock h5 {
    font-size: 1rem; /* Moderate size for H5 */
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    line-height: 1.6;
    color: var(--chipsplay-dark);
}

/* Paragraph styles within .infoGuardBlock */
.infoGuardBlock p {
    font-size: 1.1rem; /* Slightly larger font for readability */
    margin-bottom: 1rem; /* Space between paragraphs */
    line-height: 1.7; /* Increased line height for better readability */
    color: #343a40; /* Standard text color */
}

/* List styles within .infoGuardBlock */
.infoGuardBlock ul {
    list-style: disc; /* Default disc bullets */
    margin-bottom: 1rem; /* Space below the list */
    padding-left: 25px; /* Indent for bullet points */
    color: #343a40;
}

.infoGuardBlock ol {
    list-style: decimal; /* Default decimal numbers */
    margin-bottom: 1rem;
    padding-left: 25px;
    color: #343a40;
}

.infoGuardBlock li {
    font-size: 1.1rem; /* Font size for list items */
    margin-bottom: 0.5rem; /* Space between list items */
    line-height: 1.6;
    color: #343a40;
}
#about p {
    color: #212529 !important;
}