/* Base styles and color scheme */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #1a202c; /* Blackish-gray from Tailwind's gray-900 */
    color: #e2e8f0; /* Light gray from Tailwind's gray-200 */
}

/* Custom text colors for readability */
h1, h2, h3 {
    color: #81e6d9; /* A vibrant blue-green for headings (Tailwind's teal-300 or similar) */
}

a {
    color: #f687b3; /* Pink for links (Tailwind's pink-400 or similar) */
}

/* Specific text color for general content */
p, li, span, td {
    color: #cbd5e0; /* A slightly darker gray for general text (Tailwind's gray-300) */
}

/* Override for specific elements if needed to ensure contrast */
.text-white { color: #ffffff; }
.text-gray-900 { color: #1a202c; }
.text-gray-800 { color: #2d3748; }
.text-gray-700 { color: #4a5568; }
.text-gray-600 { color: #718096; }
.text-gray-500 { color: #a0aec0; }
.text-gray-400 { color: #cbd5e0; }
.text-gray-300 { color: #e2e8f0; }
.text-gray-200 { color: #edf2f7; }
.text-pink-400 { color: #f687b3; }
.text-blue-400 { color: #63b3ed; }
.text-green-400 { color: #68d391; }
.text-yellow-400 { color: #f6e05e; }

/* Cookie Banner Specifics */
#cookie-banner {
    transition: all 0.3s ease-in-out; /* For smooth hide/show, but per instruction, should be instant. Remove if strict "no animation" applies to this too. */
}

/* Footer image styling */
.footer-img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem; /* Equivalent to Tailwind's gap-6 */
}

.footer-img-link img {
    max-width: 120px; /* Max width as per instruction */
    width: 100%; /* Ensure responsiveness */
    height: auto;
    object-fit: contain; /* Maintain aspect ratio */
    display: block; /* Remove extra space below images */
}

/* Ensure 18+ icon is visible */
.footer-img-container img[alt="18+ Only"] {
    max-width: 60px; /* Smaller size for 18+ icon */
    filter: none; /* Ensure no grayscale */
}

/* User Reviews hidden text */
.review-content.expanded {
    max-height: none !important; /* Overrides max-h-24 */
}

.review-content .hidden-text {
    display: block; /* Always block, controlled by parent overflow */
}

/* Table sorting indicator */
.sortable i {
    opacity: 0.6;
}
.sortable.asc i.fa-sort-up {
    opacity: 1;
}
.sortable.desc i.fa-sort-down {
    opacity: 1;
}/* New styles for .legalDomeBlock and its children */

/* Container styling for padding and max-width */
.legalDomeBlock {
    padding-top: 2rem; /* Padding at the top of the block */
    padding-left: 1rem; /* Horizontal padding for smaller screens */
    padding-right: 1rem; /* Horizontal padding for smaller screens */
    margin-left: auto; /* Center the block horizontally */
    margin-right: auto; /* Center the block horizontally */
    line-height: 1.6; /* Standard line height for better readability */
}

/* Responsive horizontal padding for larger screens */
@media (min-width: 768px) { /* Applies from medium-sized screens and up */
    .legalDomeBlock {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Heading styles for h1-h5 within .legalDomeBlock */
.legalDomeBlock h1 {
    font-size: 1.875rem; /* Approximately 30px */
    font-weight: 700; /* Bold font weight */
    margin-bottom: 1.5rem; /* Space below the heading */
    color: #81e6d9; /* Heading color from the existing scheme */
}

.legalDomeBlock h2 {
    font-size: 1.5rem; /* Approximately 24px */
    font-weight: 700;
    margin-top: 2rem; /* Space above the heading, for new sections */
    margin-bottom: 1rem;
    color: #81e6d9;
}

.legalDomeBlock h3 {
    font-size: 1.25rem; /* Approximately 20px */
    font-weight: 600; /* Semi-bold */
    margin-top: 1.5rem; /* Space above the heading, for sub-sections */
    margin-bottom: 0.75rem;
    color: #81e6d9;
}

.legalDomeBlock h4 {
    font-size: 1.125rem; /* Approximately 18px */
    font-weight: 600;
    margin-top: 1.25rem; /* Space above the heading */
    margin-bottom: 0.5rem;
    color: #81e6d9;
}

.legalDomeBlock h5 {
    font-size: 1rem; /* Base font size, approximately 16px */
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    color: #81e6d9;
}

/* Paragraph styles */
.legalDomeBlock p {
    font-size: 1rem; /* Base font size */
    margin-bottom: 1rem; /* Space between paragraphs */
    color: #cbd5e0; /* General text color from the existing scheme */
}

/* Unordered list styles */
.legalDomeBlock ul {
    list-style: disc; /* Default disc bullets */
    margin-left: 1.5rem; /* Indent list items */
    margin-bottom: 1rem; /* Space after the list */
    color: #cbd5e0;
}

/* Ordered list styles (added for completeness, common with ul) */
.legalDomeBlock ol {
    list-style: decimal; /* Default decimal numbers */
    margin-left: 1.5rem; /* Indent list items */
    margin-bottom: 1rem;
    color: #cbd5e0;
}

/* List item styles */
.legalDomeBlock li {
    font-size: 1rem; /* Base font size */
    margin-bottom: 0.5rem; /* Space between individual list items */
    line-height: 1.5; /* Line height for readability within list items */
    color: #cbd5e0;
}

/* Remove bottom margin for the last element in the block to prevent extra space */
.legalDomeBlock > *:last-child {
    margin-bottom: 0;
}


.dop-row{
   display: flex;
    gap: 20px;
    padding: 25px 0;
}

.box-revi{
    flex: 1;
}

@media(max-width: 992px){
    .dop-row{
        flex-direction: column;
    }
}