/* General Body and Typography */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #1a1a1a; /* Very dark grey / almost black */
    color: #f0f0f0; /* Off-white for general text */
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff; /* Pure white for headings */
    font-weight: 700;
}

p {
    color: #e0e0e0; /* Slightly darker off-white for paragraphs */
}

.text-light-grey {
    color: #e0e0e0 !important; /* Specific class for lighter grey text */
}

.text-primary {
    color: #6a0dad !important; /* Deep purple for primary accents */
}

.text-warning {
    color: #ffc107 !important; /* Bootstrap yellow for stars */
}

.text-success {
    color: #28a745 !important; /* Bootstrap green for checkmarks */
}

.bg-darker-grey {
    background-color: #282828 !important; /* Slightly lighter dark grey for alternate sections */
}

/* Header */
header {
    background-color: #0d0d0d; /* Even darker for header */
    border-bottom: 1px solid #333;
}

.header-logo {
    height: 40px; /* Adjust as needed */
    width: auto;
}

/* Buttons */
.btn-primary {
    background-color: #6a0dad;
    border-color: #6a0dad;
    color: #ffffff;
    transition: none; /* No animation */
}

.btn-primary:hover {
    background-color: #5a099c; /* Slightly darker purple on hover */
    border-color: #5a099c;
    color: #ffffff;
}

.btn-outline-secondary {
    border-color: #e0e0e0; /* Light grey border */
    color: #e0e0e0;
    transition: none; /* No animation */
}

.btn-outline-secondary:hover {
    background-color: #e0e0e0;
    color: #1a1a1a; /* Dark text on hover */
}

/* Cards (General) */
.card {
    background-color: #282828; /* Dark grey for card backgrounds */
    border: 1px solid #3a3a3a; /* Subtle border */
    border-radius: 8px;
}

/* Rating Grid Section */
.casino-card .card-body {
    padding: 1.5rem;
}

.casino-logo {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto 1rem auto; /* Center logo */
}

.rating-stars i {
    font-size: 1.2rem;
}

/* Comparison Table Section */
.custom-table {
    background-color: #282828; /* Dark background for table */
    border-color: #3a3a3a;
}

.custom-table thead th {
    background-color: #3a3a3a; /* Slightly lighter header for table */
    color: #ffffff;
    border-color: #3a3a3a;
}

.custom-table tbody td,
.custom-table tbody th {
    color: #e0e0e0;
    border-color: #3a3a3a;
}

.custom-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #2f2f2f; /* Alternate row background */
}

.custom-select {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

.custom-select:focus {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #6a0dad;
    box-shadow: 0 0 0 0.25rem rgba(106, 13, 173, 0.25); /* Purple shadow */
}

/* User Reviews Section */
.review-card {
    background-color: #282828;
    border: 1px solid #3a3a3a;
}

.review-card .card-subtitle {
    font-weight: 500;
}

.review-card .card-text {
    font-size: 0.95rem;
}

.custom-input {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

.custom-input::placeholder {
    color: #aaa;
}

.custom-input:focus {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #6a0dad;
    box-shadow: 0 0 0 0.25rem rgba(106, 13, 173, 0.25);
}

.custom-btn-outline {
    border-color: #555;
    color: #e0e0e0;
    background-color: #3a3a3a;
    transition: none;
}

.custom-btn-outline:hover {
    background-color: #6a0dad;
    border-color: #6a0dad;
    color: #ffffff;
}

/* Editor's Rating Section */
.editor-block {
    max-width: 800px;
    background-color: #282828;
    border: 1px solid #3a3a3a;
    padding: 2rem;
}

.editor-stars i {
    font-size: 2.5rem; /* Larger stars */
}

/* Articles Block Section */
.article-card {
    background-color: #282828;
    border: 1px solid #3a3a3a;
}

.article-img {
    height: 180px; /* Fixed height for article images */
    object-fit: cover;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

/* Disclaimer Section */
#disclaimer-section {
    background-color: #1a1a1a; /* Match body background */
}

.disclaimer-box {
    background-color: #333333; /* Darker grey for disclaimer background */
    border: 2px solid #6a0dad; /* Deep purple border */
    box-shadow: 0 0 15px rgba(106, 13, 173, 0.5); /* Subtle purple glow */
}

/* Footer Section */
.footer-bg {
    background-color: #0d0d0d; /* Darkest grey for footer */
    border-top: 1px solid #333;
}

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

.footer-icon {
    font-size: 1.5rem;
    transition: none;
}

.footer-icon:hover {
    color: #6a0dad !important; /* Purple on hover */
}

.footer-divider {
    border-color: #3a3a3a;
}

.footer-org-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px; /* Space between logos */
}

.footer-org-logo {
    max-width: 130px; /* Adjusted width */
    height: auto;
    object-fit: contain;
    transition: none; /* No animation */
}

/* Cookie Banner */
.cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    background-color: #282828; /* Dark grey */
    border: 1px solid #3a3a3a;
    border-radius: 8px;
    z-index: 1050; /* Above other content */
    display: none; /* Hidden by default, shown by JS */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.cookie-modal-content {
    background-color: #282828;
    border: 1px solid #3a3a3a;
    color: #f0f0f0;
}

.cookie-modal-content .modal-header,
.cookie-modal-content .modal-footer {
    border-color: #3a3a3a !important;
}

.cookie-modal-content .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%); /* Make white for dark background */
}

.form-check-label {
    color: #e0e0e0;
}

.form-check-input:checked {
    background-color: #6a0dad;
    border-color: #6a0dad;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(106, 13, 173, 0.25);
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .cookie-banner {
        width: calc(100% - 40px);
        left: 20px;
        right: 20px;
    }
    .footer-org-logos {
        justify-content: center;
    }
}/* Styles for the parent container */
.termsCaveBox {
    padding: 2.5rem 2rem; /* Top/bottom padding and left/right padding */
    background-color: #282828; /* Dark background for the box, consistent with cards */
    border-radius: 8px; /* Slightly rounded corners */
    margin-top: 2rem; /* Margin above the box */
    margin-bottom: 2rem; /* Margin below the box */
    color: #e0e0e0; /* Default text color inside the box */
}

/* Heading styles within .termsCaveBox */
.termsCaveBox h1 {
    font-size: 2.2rem; /* Moderate font size for H1 */
    margin-top: 2rem; /* Spacing above H1 */
    margin-bottom: 1rem; /* Spacing below H1 */
    color: #ffffff; /* White color for headings */
    line-height: 1.2; /* Line height for readability */
}

.termsCaveBox h2 {
    font-size: 1.8rem; /* Moderate font size for H2 */
    margin-top: 1.8rem; /* Spacing above H2 */
    margin-bottom: 0.8rem; /* Spacing below H2 */
    color: #ffffff; /* White color for headings */
    line-height: 1.3;
}

.termsCaveBox h3 {
    font-size: 1.5rem; /* Moderate font size for H3 */
    margin-top: 1.5rem; /* Spacing above H3 */
    margin-bottom: 0.7rem; /* Spacing below H3 */
    color: #ffffff; /* White color for headings */
    line-height: 1.4;
}

.termsCaveBox h4 {
    font-size: 1.25rem; /* Moderate font size for H4 */
    margin-top: 1.2rem; /* Spacing above H4 */
    margin-bottom: 0.6rem; /* Spacing below H4 */
    color: #ffffff; /* White color for headings */
    line-height: 1.5;
}

.termsCaveBox h5 {
    font-size: 1.1rem; /* Moderate font size for H5 */
    margin-top: 1rem; /* Spacing above H5 */
    margin-bottom: 0.5rem; /* Spacing below H5 */
    color: #ffffff; /* White color for headings */
    line-height: 1.6;
}

/* Paragraph styles within .termsCaveBox */
.termsCaveBox p {
    font-size: 1rem; /* Standard paragraph font size */
    margin-bottom: 1rem; /* Spacing between paragraphs */
    color: #e0e0e0; /* Light grey for paragraphs */
    line-height: 1.6; /* Line height for readability */
}

/* Unordered list styles within .termsCaveBox */
.termsCaveBox ul {
    list-style-type: disc; /* Default disc bullet points */
    margin-bottom: 1rem; /* Spacing after the list */
    padding-left: 1.5rem; /* Indentation for list items */
    color: #e0e0e0; /* Light grey for list text */
}

/* List item styles within .termsCaveBox */
.termsCaveBox li {
    font-size: 1rem; /* Font size for list items */
    margin-bottom: 0.5rem; /* Spacing between list items */
    line-height: 1.6; /* Line height for readability */
}

/* Specific adjustment for the last element in the box */
.termsCaveBox *:last-child {
    margin-bottom: 0; /* Remove bottom margin for the last element */
}