html {
    scroll-padding-top: 5.5rem;
}

/* Arial sitewide — clearer regular vs bold for <strong> */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Arial, Helvetica, sans-serif !important;
}

strong,
b {
    font-weight: 700;
}

/* External SEO links (readable, on-brand) */
a.sb-seo-link {
    color: #c0392b;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

a.sb-seo-link:hover {
    color: #922b21;
}

a.sb-seo-link:focus-visible {
    outline: 2px solid #c0392b;
    outline-offset: 2px;
}

.sb-logo {
    height: 50px;
    width: auto;
    display: block;
}
.sb-red {
    background: #c0392b;
}

/* Hero: quick links (matches sb-red) */
.sb-hero-nav {
    margin-top: 1.75rem;
}

.sb-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0;
}

.sb-hero-links li {
    margin: 0;
}

.sb-hero-link {
    display: inline-block;
    padding: 0.55rem 1.35rem;
    border: 2px solid #c0392b;
    border-radius: 0.375rem;
    color: #c0392b;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.sb-hero-link:hover {
    background-color: #c0392b;
    color: #fff;
}

.sb-hero-link:focus-visible {
    outline: 2px solid #c0392b;
    outline-offset: 3px;
    color: #c0392b;
    background-color: rgba(192, 57, 43, 0.08);
}

.sb-hero-link:focus-visible:hover {
    background-color: #c0392b;
    color: #fff;
}
/* Custom FAQ Styling for Superbets */
.accordion-button:not(.collapsed) {
    color: #dc3545 !important; /* Matches sb-red bootstrap color */
}

.accordion-button:after {
    background-size: 1rem;
}

.accordion-item {
    border-color: rgba(0,0,0,0.1) !important;
}

/* Ensure FAQ body text isn't too large on mobile */
@media (max-width: 768px) {
    .accordion-body {
        font-size: 0.95rem;
    }
}

.sb-tips-wrap {
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 991.98px) {
    .sb-tips-table thead {
        display: none;
    }
    .sb-tips-table tbody tr {
        display: block;
        border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    }
    .sb-tips-table tbody td {
        display: block;
        text-align: right;
        padding-left: 42%;
        position: relative;
        border-bottom: 0;
    }
    .sb-tips-table tbody td::before {
        content: attr(data-label);
        position: absolute;
        left: 0.75rem;
        width: 38%;
        text-align: left;
        font-weight: 600;
        color: var(--bs-secondary-color, #6c757d);
    }
}

/* Footer: regulatory / partner SVG badges */
.sb-footer-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem 2rem;
    margin-bottom: 1.5rem;
}

.sb-footer-badge {
    height: auto;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
}

/* Square 21+ mark — compact next to the wide EEEP strip */
.sb-footer-badge--21 {
    max-height: 48px;
    max-width: min(52px, 16vw);
}

/*
  EEEP strip is very wide (≈13:1). A low max-width was shrinking it to a few px tall.
  Let it use most of the row width so the disclaimer text stays readable.
*/
.sb-footer-badge--eeep {
    max-height: 64px;
    max-width: min(720px, 94vw);
}

/* ΚΕΘΕΑ wordmark — medium width */
.sb-footer-badge--kethea {
    max-height: 44px;
    max-width: min(200px, 42vw);
}