/* Adaptations to the supplied rajuarts.in template. */
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { line-height: 1.65; letter-spacing: 0; }
img { max-width: 100%; height: auto; }
:focus-visible { outline: 3px solid #fdbb3e; outline-offset: 4px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 300; padding: 12px 20px; background: #3687f4; color: white; }
.skip-link:focus { top: 12px; }
.brand-wordmark { display: inline-flex; flex-direction: column; font: italic 900 32px/1 Arial, sans-serif; letter-spacing: -1.8px; color: #fff; white-space: nowrap; }
.brand-caption { margin-top: 5px; font: 600 12px/1.2 Arial, sans-serif; letter-spacing: 1.8px; color: #a2c9ff; }
._4rabet-header { min-height: 72px; gap: 24px; }
._4rabet-header__logo { flex-shrink: 0; }
._4rabet-header-menu { gap: 4px; }
._4rabet-header-menu a[aria-current="page"] { color: #a2c9ff; background: #102947; }
._4rabet-header__btns { margin-left: auto; flex-shrink: 0; }
._4rabet-header__burger { visibility: visible; opacity: 1; }
.page-intro h1 { margin-top: 24px; line-height: 1.15; font-weight: 600; }
.page-intro { margin-top: 24px; }
.page-intro .document-content { margin-top: 20px; }
.document-content p { margin-top: 20px; }
.document-content a { color: #a2c9ff; text-decoration: underline; text-underline-offset: 3px; }
.document-content a:hover { color: #fff; }
.document-content strong { color: #edf3ff; font-weight: 600; }
.document-content h2 { font-weight: 600; line-height: 1.3; }
.document-content h3 { margin-top: 30px; font-weight: 600; line-height: 1.4; }
.article-section { margin-top: 16px; margin-bottom: 20px; }
.article-screenshot { margin: 28px 0; }
.article-screenshot img { display: block; width: 100%; border-radius: 4px; }
.article-screenshot--narrow { max-width: 720px; margin: 28px auto; }
.page-intro > .article-screenshot:first-child { margin-top: 0; }
.wp-block-table { width: 100%; margin: 24px 0; overflow-x: auto; border-radius: 4px; }
.wp-block-table table { min-width: 480px; line-height: 1.6; }
.wp-block-table th { text-align: left; background: #102947; color: #fff; font-weight: 600; }
.wp-block-table th, .wp-block-table td { padding: 14px 18px; vertical-align: top; }
.wp-block-table td:first-child { color: #eef5ff; }
.wp-block-table tbody tr:nth-child(even) { background: #151c27; }
.wp-block-list { margin: 24px 0; }
.wp-block-list li { margin-bottom: 16px; }
.wp-block-list li::before { top: 0; }
._4rabet-slots { grid-template-columns: repeat(4, minmax(0, 1fr)); }
._4rabet-slots__item { min-width: 0; }
._4rabet-slots__item img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; transition: filter .2s; }
._4rabet-slots__item a:hover img { filter: brightness(1.12); }
._4rabet-slots__title { margin: 2px 0 0; font-size: 20px; line-height: 1.35; font-weight: 600; }
.game-provider { color: #a2c9ff; font-size: 14px; text-align: center; margin-top: auto; }
.game-section { margin-top: 24px; margin-bottom: 16px; }
.contents { border-top: 1px solid #204979; border-bottom: 1px solid #204979; margin: 16px 0; }
.contents summary { padding: 24px 0; font-size: 28px; font-weight: 500; color: #fff; cursor: pointer; }
.contents nav { padding: 4px 0 24px; }
.contents ol { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px; }
.contents a { display: inline-block; color: #a2c9ff; }
.contents a:hover { color: white; text-decoration: underline; }
.faq-item { padding: 20px; border-radius: 4px; background: #061a32; margin-top: 12px; }
.faq-item summary { display: flex; gap: 20px; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; font: 300 28px/1 sans-serif; color: #a2c9ff; flex-shrink: 0; }
.faq-item[open] summary::after { content: '−'; }
.faq-item summary h3 { margin: 0; font-size: 20px; line-height: 1.5; }
.faq-answer { padding-top: 16px; }
.provider-strip { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 32px; align-items: center; justify-items: center; padding: 32px 0; border-top: 1px solid #204979; }
.provider-strip img { max-width: 150px; width: 100%; max-height: 54px; object-fit: contain; }
._4rabet-footer { margin-bottom: 32px; }
._4rabet-footer__menu-list { font-size: 16px; }
.age-mark { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border: 2px solid #a2c9ff; border-radius: 50%; font-weight: 700; color: #fff; }
.footer-note { font-size: 14px; line-height: 1.6; }
.footer-note p { max-width: 900px; margin: 0; }
.footer-note span { white-space: nowrap; }
._4rabet-scroll-to-top { bottom: 20px; }
@media (max-width: 1199px) {
    ._4rabet-header { gap: 16px; }
}
@media (max-width: 1239.9px) {
    ._4rabet-header { --_4rabet-header-height: 72px; }
    ._4rabet-header__nav { top: 100%; height: calc(100svh - 72px); }
    ._4rabet-header__burger { margin-left: auto; }
    ._4rabet-header__btns { margin-left: 0; }
}
@media (max-width: 991px) {
    ._4rabet-slots { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .page-intro h1 { font-size: 40px; }
    .provider-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767.9px) {
    html { scroll-padding-top: 134px; }
    ._4rabet-header { --_4rabet-header-height: 116px; min-height: 116px; }
    ._4rabet-header__nav { top: 100%; height: calc(100svh - 116px); }
}
@media (max-width: 575px) {
    :root { --offsets: 16px; }
    html { scroll-padding-top: 130px; }
    ._4rabet-header { --_4rabet-header-height: 116px; min-height: 116px; }
    ._4rabet-header__nav { top: 100%; height: calc(100svh - 116px); }
    ._4rabet-header__btns { width: 100%; }
    ._4rabet-header__btns .btn { flex: 1; }
    .brand-wordmark { font-size: 30px; }
    .page-intro h1 { font-size: 32px; line-height: 1.2; }
    .document-content h2, .game-section h2 { font-size: 27px; line-height: 1.3; }
    .document-content h3 { font-size: 22px; }
    ._4rabet-slots { gap: 12px; }
    ._4rabet-slots__item { padding: 10px; gap: 10px; }
    ._4rabet-slots__title { font-size: 16px; }
    ._4rabet-slots__item .btn { padding: 10px 8px; font-size: 15px; }
    ._4rabet-content-buttons { gap: 12px; }
    ._4rabet-content-buttons .btn { width: 100%; }
    .contents summary { font-size: 26px; }
    .contents ol { grid-template-columns: 1fr; }
    .faq-item { padding: 16px; }
    .faq-item summary h3 { font-size: 18px; }
    .provider-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
    ._4rabet-footer__inner { flex-wrap: wrap; }
    ._4rabet-footer__inner nav { order: 3; width: 100%; }
    ._4rabet-footer__menu-list { gap: 16px; }
    .age-mark { margin-left: auto; }
    .wp-block-table td, .wp-block-table th { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Updated brand assets: preserve the supplied logo proportions. */
._4rabet-header__logo img { display: block; width: 176px; height: auto; max-width: 176px; max-height: none; object-fit: contain; }
._4rabet-footer__logo { display: inline-flex; flex-shrink: 0; align-items: center; }
._4rabet-footer__logo img { display: block; width: 224px; height: auto; max-width: 100%; max-height: none; object-fit: contain; }
@media (max-width: 575.9px) {
    ._4rabet-header__logo img { width: 140px; max-width: 140px; height: auto; }
    ._4rabet-footer__logo img { width: 196px; }
}
