/* Bookmakers Page Styles */

.bookmakers-hero {
    padding-top: 120px;
    min-height: 40vh;
    background: linear-gradient(135deg, var(--monaco-blue) 0%, var(--monaco-dark-blue) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-light);
}

.comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    margin: var(--spacing-lg) 0;
}

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

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

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

.comparison-table tr:hover {
    background: var(--bg-secondary);
}

.comparison-table td:first-child {
    font-weight: 600;
    color: var(--monaco-blue);
}