/* Bookmakers Page Styles - SMACSS Module */

.module-bookmakers-hero {
    padding-top: 120px;
    min-height: 40vh;
    background: var(--neu-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--provence-lavender);
}

.module-comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    box-shadow: 
        10px 10px 20px var(--neu-shadow-dark),
        -5px -5px 10px var(--neu-shadow-light);
    margin: var(--spacing-lg) 0;
}

.module-comparison-table {
    width: 100%;
    min-width: 100px;
    border-collapse: collapse;
    background: var(--bg-primary);
}

.module-comparison-table th,
.module-comparison-table td {
    padding: var(--spacing-md);
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.module-comparison-table th {
    background: var(--provence-lavender);
    color: var(--text-light);
    font-weight: 600;
    font-family: var(--font-heading);
}

.module-comparison-table tr:hover {
    background: rgba(150, 123, 182, 0.1);
}

.module-comparison-table td:first-child {
    font-weight: 600;
    color: var(--provence-lavender);
}