/************ RANKMATH TOC **********/


/* 1. Main Container Styling */
.wp-block-rank-math-toc-block {
    background-color: #121b2f;  /* Dark navy blue background */
    border: 1px solid #2a3858;  /* Subtle border for definition */
    border-radius: 8px;         /* Rounded corners for a modern look */
    padding: 25px 30px;         /* Generous padding for breathing room */
}

/* 2. Title ("Table of Contents") Styling */
#rank-math-toc .rank-math-title {
    color: #ffffff;             /* Bright white for the title */
    font-size: 1.75em;          /* Larger, more prominent title */
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;        /* Space between title and list */
    padding-bottom: 10px;       /* Space under the title text */
    border-bottom: 1px solid #2a3858; /* Subtle separator line */
}

/* 3. List & List Item General Styling */
#rank-math-toc ul {
    list-style: none; /* Remove default browser bullets */
    padding-left: 0;  /* Remove default browser indentation */
    margin: 0;
}

#rank-math-toc li {
    padding-left: 20px; /* Create space for our custom bullet */
    position: relative; /* Required for custom bullet positioning */
}

/* Add vertical spacing between list items, but not after the last one */
#rank-math-toc li:not(:last-child) {
    margin-bottom: 12px;
}

/* 4. Custom Bullet Point */
#rank-math-toc li::before {
    content: '•';             /* Use the '•' character as the bullet */
    color: #ffffff;           /* White bullet color */
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;       /* Position it precisely */
    left: 0;
    top: -1px; /* Fine-tune vertical alignment */
}

/* 5. Link Styling */
#rank-math-toc a {
    color: #d1d5db;             /* A softer white for list items */
    text-decoration: none;      /* Remove underlines */
    transition: color 0.2s ease-in-out; /* Smooth hover effect */
}

#rank-math-toc a:hover {
    color: #ffffff;             /* Brighten link color on hover */
}


/************ Table Casino Reviews ************/

/* 1. Main Table Wrapper: This adds the shadow and rounded corners */
.wp-block-table {
    overflow: hidden; 
    margin-bottom: 1.5em; 
}



/* 2. The Table Element Itself */
.wp-block-table table {
    width: 100%;
    border-collapse: collapse; /* Creates clean, single-line borders */
    background-color: #121b2f; /* Dark navy background from the image */

}

/* 3. All Table Cells (Common Styles for th and td) */
.wp-block-table th,
.wp-block-table td {
    padding: 18px 20px;
    text-align: left;
    vertical-align: middle; /* Aligns content to the center of the cell like in the image */
    border: 1px solid #3b486c; /* The subtle grid line color */
}

/* 4. Header-Specific Styles (thead th) */
.wp-block-table th {
    color: #ffffff;
    font-weight: 600; /* Bold but clean header text */
    /* A slightly thicker, more prominent border below the header */
    border-bottom: 2px solid #5a688a;
}

/* 5. Body-Specific Styles (tbody td) */
.wp-block-table td {
    color: #d1d5db; /* Softer white for the data, for better contrast */
}



@media (max-width: 768px) {


    .wp-block-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS devices */
    }

    
    .wp-block-table th,
    .wp-block-table td {
        padding: 14px 12px; /* Reduced padding */
        font-size: 0.9rem;  /* Slightly smaller font to fit more content */
    }
}

/************ Images casino reviews ************/

.wp-block-image img {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
    border-radius: 8px; 
}

/************ UL - LI ************/

.wp-block-list {
    background-color: #121B2F;
    padding: 30px;
		border-radius: 10px 10px 10px 10px; }

/************ Casino Reviews - Bold ************/