/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: "Lato", sans-serif;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
    background: #0e0d12;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.layouts-title {
    font-size: 26px;
    margin:15px 0px;
}
.layouts ul li {
    margin-bottom:5px;
}
.layouts ul li a {
    font-size: 17px;
    display: inline-block;
    padding:3px 10px;
}
.layouts ul li a:hover {
    background:#000;
    color:#fff;
}

/* -- END RESET -- */

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
/* -- main styles -- */

.nopad {
    padding:0px;
}
.nopadleft {
    padding-left:0px;
}
.nopadright {
    padding-right:0px;
}
strong, b {
    font-weight: bold;
}
i {
    font-style: italic;
}
em {
    font-style: italic;
}
.clear {
    clear:both;
}
.left {
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
.right {
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
.alignleft {
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
.alignright {
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 15px;
}
.invi {
    visibility: hidden;
    opacity: 0;
}
.object-fit {
    position: relative;
}
.object-fit > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.object-fit.object-contain > img {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-fit > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

.submitting button,
.submitting input[type="button"] {
    pointer-events: none;
}
/* .submitting {
    position: relative;
}
.submitting::before {
    content: '';
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0; left: 0;
    z-index: 11;
}
.submitting::after {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid #000;
    border-right: 2px solid transparent;
    -webkit-animation: formSpinner .6s linear infinite;
    animation: formSpinner .6s linear infinite;
    z-index: 12;
}
@-webkit-keyframes formSpinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes formSpinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
} */

/* preloader */
.preloader {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 3px solid hsla(0,0%,100%,.3);
    border-top-color: rgba(255, 255, 255, 0.3);
    border-right-color: rgba(255, 255, 255, 0.3);
    border-bottom-color: rgba(255, 255, 255, 0.3);
    border-left-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ccc !important;
    -webkit-animation: a 1s ease-in-out infinite;
    animation: a 1s ease-in-out infinite;
    z-index: 50;
}
@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*   hamburger   */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    float: right;

    display: none;
}
.hamburger:hover {
    opacity: 1;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 20px;
    float: right;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    border-radius: 2px;
    position: absolute;
    width: 28px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #746f6c;
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner:before {
    top: -7px;
}
.hamburger-inner:after {
    bottom: -7px;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}
.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg);
}

.grid-container {
    width: 100%;
    max-width: 1240px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    z-index: 10;
}
.grid-container.grid-container-full {
    max-width: 100%;
}
.grid-container.grid-container-md {
    max-width: 1136px;
}

main {
    padding-top: 30px;
}



.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}

.dflex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dflex-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.dflex-cbetween {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.title-44 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
}

.title-44:not(:last-child) {
    margin-bottom: 24px;
}

.single-post-title {
    text-transform: uppercase;
}

.title-36 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.title-36:not(:last-child) {
    margin-bottom: 24px;
}

.title-32 {
    font-family: "interstate", sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.title-32:not(:last-child) {
    margin-bottom: 24px;
}

.title-24 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.title-24:not(:last-child) {
    margin-bottom: 24px;
}

.text-16 {
    font-size: 16px;
    line-height: 1.2;
}

.text-16 p:not(:last-child) {
    margin-bottom: 8px;
}

.btn-yellow,
.btn-yellow:focus,
.btn-yellow:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    border: none;
    background: #FFC950;
    min-height: 42px;
    padding: 8px 16px;
    font-size: 16px;
    color: #14131A;
    line-height: 1.2;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}
.btn-yellow:hover {
    background: #FBD684;
    color: #14131A;
}

.has-plus:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/btn-plus.svg) no-repeat center center / 100% 100%;
    margin-right: 6px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 500;
}

.header-notification-wrap {
    background: #0E0E11;
    padding: 6px 0 5px;
    position: relative;
    z-index: 22;
    display: none !important;
}

.header-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8A869D;
    font-size: 14px;
    line-height: 1.2;
}
.header-notification img {
    margin-right: 6px;
}

.header-main-wrap {
    background: #0E0E11;
    /* padding: 8px 0; */
    position: relative;
    z-index: 22;
    border-bottom: 1px solid #2A2A30;
}

.header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header-main-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.logo {
    margin-right: 8px;
}
.logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
}

.header-main-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
    margin-right: 8px;
}
.header-main-cta a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 16px 4px 4px;
    background: #323141;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    transition: 0.2s;
}
.header-main-cta a:hover {
    color: #00E4C9;
    color: #fff;
    background: #1E1F28;
    background: #14131A;
}
.header-main-cta a img {
    max-height: 32px;
    margin-right: 16px;
}

.header-main-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-main-nav ul li:not(:last-child) {
    /* margin-right: 32px; */
}
.header-main-nav ul li a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 19px 16px;
    color: #fff;
    transition: 0.2s;
}
.header-main-nav ul li a:hover {
    color: #00E4C9;
    color: #fff;
    background:  #1E1F28;
    background: #0E0E11;
    background: #323141;
    background: #14131A;
}

/* Hide header CTA and nav on category pages */
.header-main-cta,
.header-main-nav {
    display: none !important;
}

/* Temporarily hide secondary header nav (desktop + mobile) */
.header-sec-wrap {
    display: none !important;
}

.mobile-header-nav {
    display: none;
}

/* Language Switcher */
.language-switcher {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
}

.language-switcher ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.language-switcher li {
    margin: 0;
    list-style: none;
}

.language-switcher li::marker {
    display: none;
    content: none;
}

.language-switcher a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #2A2A37;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.language-switcher--code a {
    text-transform: uppercase;
}

.language-switcher a:hover {
    background: #323141;
    color: #FFC950;
}

.language-switcher li.current-lang a {
    background: #FFC950;
    color: #14131A;
}

.language-switcher img.pll-flag {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

/* Dropdown style */
.language-switcher--dropdown {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.language-switcher--dropdown .language-switcher__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 32px 8px 12px;
    min-height: 40px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.2s ease;
    position: relative;
}

.language-switcher--dropdown .language-switcher__toggle::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 11px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='7' stroke-linejoin='round' stroke-linecap='round' d='M6 6.5h16L14 16z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease;
}

.language-switcher--dropdown.is-open .language-switcher__toggle::after {
    transform: translateY(-50%) rotate(180deg);
}

.language-switcher--dropdown .language-switcher__toggle:hover {
    background: transparent;
    color: #FFC950;
    border-color: #FFFFFF;
}

.language-switcher--dropdown .language-switcher__toggle:focus {
    outline: none;
    border-color: #FFFFFF;
}

.language-switcher--dropdown .language-switcher__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    margin: 0;
    padding: 20px;
    min-width: 205px;
    list-style: none;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #06070E;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.language-switcher--dropdown .language-switcher__menu-header {
    display: none;
}

.language-switcher--dropdown .language-switcher__overlay {
    display: none;
}

.language-switcher--dropdown .language-switcher__overlay[hidden] {
    display: none !important;
}

.language-switcher--dropdown .language-switcher__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.language-switcher--dropdown .language-switcher__menu[hidden] {
    display: none;
}

.language-switcher--dropdown .language-switcher__menu li {
    margin: 0;
}

.language-switcher--dropdown .language-switcher__menu li a {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: transparent;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}

.language-switcher--dropdown .language-switcher__menu li a:hover {
    background: #24242B;
    color: #FFFFFF;
}

.language-switcher--dropdown .language-switcher__menu li.current-lang a {
    background: #24242B;
    color: #FFFFFF;
}

/* Desktop-only refinements for the language dropdown */
@media screen and (min-width: 1024px) {
    .language-switcher--dropdown .language-switcher__toggle {
        justify-content: flex-start;
        gap: 8px;
        padding: 8px 7px;
        margin: 0 7px;
    }
    /* Globe icon before the language code */
    .language-switcher--dropdown .language-switcher__toggle::before {
        content: '';
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cpath d='M12 3a14 14 0 0 1 3.5 9 14 14 0 0 1-3.5 9 14 14 0 0 1-3.5-9A14 14 0 0 1 12 3z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    /* No arrow on desktop */
    .language-switcher--dropdown .language-switcher__toggle::after {
        display: none;
    }
    /* Centered dropdown box */
    .language-switcher--dropdown .language-switcher__menu {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        min-width: 205px;
    }
    /* Left-aligned item text */
    .language-switcher--dropdown .language-switcher__menu li a {
        text-align: left;
    }
}

.language-switcher__flag {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.language-switcher__flag img {
    width: 35px;
    height: auto;
    border-radius: 2px;
    display: block;
}

.language-switcher--dropdown select {
    padding: 8px 32px 8px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #2A2A37;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23fff' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: all 0.2s ease;
    line-height: normal;
    height: auto;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.language-switcher--code.language-switcher--dropdown select {
    text-transform: uppercase;
}

.language-switcher--dropdown select:hover {
    background-color: #323141;
}

.language-switcher--dropdown select:focus {
    outline: 2px solid #FFC950;
    outline-offset: 2px;
}

/* Flags only style */
.language-switcher--flags a span {
    display: none;
}

.language-switcher--flags img.pll-flag,
.language-switcher--flags img[style] {
    width: 24px !important;
    height: auto !important;
    max-width: 24px !important;
    object-fit: cover;
}

.language-switcher--flags-large img.pll-flag,
.language-switcher--flags-large img[style],
.language-switcher.language-switcher--flags-large img.pll-flag,
.language-switcher.language-switcher--flags-large img[style],
div.language-switcher.language-switcher--flags.language-switcher--flags-large img.pll-flag,
div.language-switcher.language-switcher--flags.language-switcher--flags-large img[style] {
    width: 25px !important;
    height: auto !important;
    max-width: 25px !important;
    min-width: 25px !important;
}

/* Games Switcher */
.games-switcher {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.header-codes-placeholder {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    margin-left: 8px;
    padding: 8px 16px;
    border: 2px solid transparent;
    background: transparent;
    color: #987EFB;
    font-family: 'interstate', sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.header-codes-placeholder__chevron {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.games-switcher--dropdown .games-switcher__toggle {
    background: transparent;
    border: 1px solid transparent;
    color: #FFB600;
    font-family: 'interstate', sans-serif;
    font-size: 20px;
    font-weight: 800;
    padding: 8px 9px;
    margin-left: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.games-switcher--dropdown .games-switcher__toggle::after {
    content: '▾';
    display: inline-block;
    margin-left: 7px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.games-switcher--dropdown.is-open .games-switcher__toggle::after {
    transform: rotate(180deg);
}

.games-switcher--dropdown .games-switcher__toggle:hover,
.games-switcher--dropdown .games-switcher__toggle:focus {
    outline: none;
    border-color: #FFB600;
    border-radius: 8px;
    padding: 8px 9px;
    box-shadow: 0 0 0 2px rgba(255, 182, 0, 0.3);
}

.games-switcher--dropdown .games-switcher__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 8px;
    background: #000;
    border: 1px solid #FFB600;
    border-radius: 16px;
    width: 754px;
    height: 363px;
    z-index: 999;
    display: none;
    flex-direction: column;
}

.games-switcher--dropdown.is-open .games-switcher__menu {
    display: flex;
}

.games-switcher--dropdown .games-switcher__list {
    list-style: none;
    margin: 0;
    padding: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
    row-gap: 0;
    align-items: start;
    align-content: start;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    justify-content: start;
    scrollbar-width: thin;
    scrollbar-color: #8A869D transparent;
}

.games-switcher__mobile-header {
    display: none;
}

.games-switcher--dropdown .games-switcher__list::-webkit-scrollbar {
    width: 8px;
}

.games-switcher--dropdown .games-switcher__list::-webkit-scrollbar-thumb {
    background: #8A869D;
    border-radius: 6px;
}

.games-switcher--dropdown .games-switcher__list::-webkit-scrollbar-track {
    background: transparent;
}

.games-switcher--dropdown .games-switcher__list li {
    margin: 0;
    padding: 0;
}

.games-switcher--dropdown .games-switcher__link {
    display: block;
    padding: 10px 0;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.2s ease;
    text-align: left;
}

.games-switcher--dropdown .games-switcher__link:last-child {
    border-bottom: none;
}

.games-switcher--dropdown .games-switcher__link:hover {
    color: #FFB600;
}

.games-switcher--dropdown .games-switcher__link--all-games {
    color: #8A869D;
    font-size: 18px;
    background: transparent;
    cursor: default;
}

.games-switcher--dropdown .games-switcher__link--all-games:hover {
    color: #8A869D;
    background: transparent;
}

/* ── Codes Switcher ──────────────────────────────────────────────────────── */
.codes-switcher {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.codes-switcher--dropdown .codes-switcher__toggle {
    background: transparent;
    border: 1px solid transparent;
    color: #987EFB;
    font-family: 'interstate', sans-serif;
    font-size: 20px;
    font-weight: 800;
    padding: 8px 9px;
    margin-left: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.codes-switcher--dropdown .codes-switcher__toggle::after {
    content: '▾';
    display: inline-block;
    margin-left: 7px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.codes-switcher--dropdown.is-open .codes-switcher__toggle::after {
    transform: rotate(180deg);
}

.codes-switcher--dropdown .codes-switcher__toggle:hover,
.codes-switcher--dropdown .codes-switcher__toggle:focus {
    outline: none;
    border-color: #987EFB;
    border-radius: 8px;
    padding: 8px 9px;
    box-shadow: 0 0 0 2px rgba(152, 126, 251, 0.3);
}

.codes-switcher--dropdown .codes-switcher__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 8px;
    background: #000;
    border: 1px solid #987EFB;
    border-radius: 16px;
    width: 754px;
    height: 363px;
    z-index: 999;
    display: none;
    flex-direction: column;
}

.codes-switcher--dropdown.is-open .codes-switcher__menu {
    display: flex;
}

.codes-switcher--dropdown .codes-switcher__list {
    list-style: none;
    margin: 0;
    padding: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
    row-gap: 0;
    align-items: start;
    align-content: start;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    justify-content: start;
    scrollbar-width: thin;
    scrollbar-color: #8A869D transparent;
}

.codes-switcher__mobile-header {
    display: none;
}

.codes-switcher--dropdown .codes-switcher__list::-webkit-scrollbar {
    width: 8px;
}

.codes-switcher--dropdown .codes-switcher__list::-webkit-scrollbar-thumb {
    background: #8A869D;
    border-radius: 6px;
}

.codes-switcher--dropdown .codes-switcher__list::-webkit-scrollbar-track {
    background: transparent;
}

.codes-switcher--dropdown .codes-switcher__list li {
    margin: 0;
    padding: 0;
}

.codes-switcher--dropdown .codes-switcher__link {
    display: block;
    padding: 10px 0;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.2s ease;
    text-align: left;
}

.codes-switcher--dropdown .codes-switcher__link:last-child {
    border-bottom: none;
}

.codes-switcher--dropdown .codes-switcher__link:hover {
    color: #987EFB;
}

.codes-switcher--dropdown .codes-switcher__link--all-codes {
    color: #8A869D;
    font-size: 18px;
    background: transparent;
    cursor: default;
}

.codes-switcher--dropdown .codes-switcher__link--all-codes:hover {
    color: #8A869D;
    background: transparent;
}
/* ─────────────────────────────────────────────────────────────────────────── */

.header-sec-wrap {
    background: #323141;
    background: #14131A;
    padding: 8px 0;
    position: relative;
    z-index: 2;
}

.header-sec-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-sec-nav ul li:not(:last-child) {
    margin-right: 8px;
}
.header-sec-nav ul li a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    white-space: nowrap;
    font-size: 16px;
    padding: 8px 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: #2A2A37;
    border-radius: 8px;
    transition: 0.2s;
}
.header-sec-nav ul li.current a {
    background: #FFC950;
    color: #14131A;
}
.header-sec-nav ul li a:hover {
    color: #FFC950;
    color: #00E4C9;
    background: #FFC950;
    color: #14131A;
}

.single-content-section {
    padding-top: 60px;
    padding-bottom: 30px;
}

/* Breadcrumbs anchored just below header, above the split layout */
.single-breads {
    padding-bottom: 60px;
}

/* Mobile: let single-post breadcrumbs flow as inline text so the current
   title continues on the same line as the trail and wraps word-by-word
   (only the overflowing part drops down) instead of the whole title
   dropping to its own line. */
@media screen and (max-width: 639px) {
    .breads.single-breads ul {
        display: block;
    }
    .breads.single-breads ul li {
        display: inline;
        align-items: baseline;
    }
    .breads.single-breads ul li:after {
        display: inline-block;
        vertical-align: middle;
    }
    .breads.single-breads ul li a {
        display: inline;
    }
    /* Collapse the game category to an ellipsis to save space. */
    .breads.single-breads ul li.breads__game a {
        font-size: 0;
        line-height: 1;
    }
    .breads.single-breads ul li.breads__game a::before {
        content: '\2026';
        font-size: 14px;
    }
    /* Current title flows inline and wraps naturally by words. */
    .breads.single-breads ul li.breads__current {
        display: inline;
        white-space: normal;
        overflow: visible;
    }
}

.single-content-box {
    background: transparent;
    padding: 24px 24px 64px 0;
    border-radius: 24px;
}

.single-content-left {
    width: 75%;
    padding-right: 7px;
}
.single-content-right {
    width: 25%;
    padding-left: 21px;
    position: sticky;
    top: 80px;
}

.single-content-section .section-top {
    margin-bottom: 32px;
}

/* Author + date + readtime row below post title */
.single-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 4px;
}
.single-post-meta__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.single-post-meta__author {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.4;
}
.single-post-meta .single-post-meta__author a,
.single-post-meta__author a {
    color: #987EFB !important;
    text-decoration: underline !important;
    text-decoration-color: #987EFB !important;
    text-underline-offset: 2px;
    transition: 0.2s;
}
.single-post-meta .single-post-meta__author a:hover,
.single-post-meta__author a:hover {
    color: #b8a5ff !important;
}
.single-post-meta__sep {
    color: #8A869D;
    font-size: 28px;
    line-height: 0.8;
    font-weight: 700;
    display: inline-block;
    transform: translateY(-1px);
}
.single-post-meta__date,
.single-post-meta__readtime {
    font-size: 16px;
    color: #8A869D;
    line-height: 1.4;
}

.breads {
    margin-bottom: 8px;
}
.breads ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.breads ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8A869D;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;

}
.breads ul li:after {
    content: '';
    width: 8.5px;
    height: 8.5px;
    border-top: 1.5px solid #8A869D;
    border-right: 1.5px solid #8A869D;
    transform: rotate(45deg);
    margin: 0 8px;
}
.breads ul li:last-child:after {
    display: none;
}
.breads ul li a {
    color: #8A869D;
    transition: 0.2s;
}
.breads ul li:last-child,
.breads ul li:last-child a {
    color: #FFFFFF;
}
.breads ul li a:hover {
    color: #FFFFFF;
}

.single-content-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.single-content-details ul li {
    background: #323141;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 28px;
    margin-right: 8px;
    color: #fff;
}
.single-content-details ul li:last-child {
    margin-right: 0;
}
.single-content-details ul li img {
    max-height: 14px;
    margin-right: 4px;
}
.single-content-details ul li u {
    margin-left: 4px;
}

.entry img {
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 24px;
}

.entry img.eld-border {
    border: 1px solid #8A869D;
}

.entry {
    margin-bottom: 48px;
}

.entry table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 16px;
    border: 2px solid #323141;
    overflow: hidden;
}
.entry > *:last-child {
    margin-bottom: 0px;
}
.single-content-box > *:last-child {
    margin-bottom: 0px;
}

.entry p {
    font-family: 'Lato', sans-serif;
    color: #BFBBD4;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 8px;
}

.entry h2:not(:first-child),
.entry h3:not(:first-child),
.entry h4:not(:first-child),
.entry h5:not(:first-child),
.entry h6:not(:first-child) {
    margin-top: 48px;
}

.entry h2 {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}
.entry h3 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}
.entry h4 {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
}
.entry h5 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
}
.entry h6 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
}

.entry ul {
    margin-bottom: 8px;
}
.entry ul li {
    font-family: 'Lato', sans-serif;
    color: #BFBBD4;
    font-size: 18px;
    line-height: 2;
    padding-left: 24px;
    position: relative;
}
.entry ul li:before {
    content: '•';
    position: absolute;
    left: 8px;
    top: 0;
}

.entry ol {
    counter-reset: item;
    margin-bottom: 8px;
}
.entry ol li {
    font-family: 'Lato', sans-serif;
    color: #BFBBD4;
    font-size: 18px;
    line-height: 2;
    padding-left: 24px;
    position: relative;
}
.entry ol li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    position: absolute;
    left: 4px;
    top: 0;
}

.entry a {
    color: #FFC950;
    font-weight: 700;
    border-bottom: 1px solid #FFC950;
}
.entry a:hover {
    border-bottom: 1px solid transparent
}

.entry-cta-box {
    margin-bottom: 48px;
    background: #FBE7B6;
    padding: 24px 24px;
    border-radius: 16px;
    color: #191919;
}

.entry-cta-left {
    width: 19.78%;
}
.entry-cta-right {
    width: 80.22%;
    max-width: 310px;
    padding-left: 24px;
}

.entry-cta-image {
    padding-bottom: 100%;
}

.entry-cta-button {
    margin-top: 24px;
}

.entry-gallery-hold {
    padding: 0 16px;
    margin-bottom: 48px;
}

.entry-carousel-item {
    padding-bottom: 49.383%;
}
.entry-carousel-item img {
    border-radius: 24px;
    border: 1px solid #8A869D;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none;
}

.owl-has-nav .owl-nav {

}

.owl-has-nav.owl-carousel .owl-nav button.owl-next,
.owl-has-nav.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: #FFC950;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.2s;
}
.owl-has-nav.owl-carousel .owl-nav button.owl-next:hover,
.owl-has-nav.owl-carousel .owl-nav button.owl-prev:hover {
    background: #FBD684;
}

.owl-has-nav.owl-carousel .owl-nav button.owl-prev {
    left: -16px;
}

.owl-has-nav.owl-carousel .owl-nav button.owl-next {
    right: -16px;
}

.single-content-split {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* Single post title override */
.section-top .title-44 h1 {
    font-family: "interstate", sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
}

.toc-box {
    background: #14131A;
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    padding: 24px 16px;
}

.toc-box-title {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 24px;
}

.toc-box-links ul li:not(:last-child) {
    margin-bottom: 6px;
}

.toc-box-links ul li a {
    display: block;
    color: #8A869D;
    font-size: 16px;
    line-height: 1.2;
    padding: 8px 8px;
    border-radius: 5px;
    transition: 0.2s;
}
.toc-box-links ul li.current a,
.toc-mobile-popup__body .toc-box-links ul li.current a {
    color: #FFB600;
}
.toc-box-links ul li a:hover {
    background: #1E1F28;
    color: #fff;
}

.table-scroll {
    margin-top: 16px;
    margin-bottom: 16px;
}

.entry thead {
    background: #0E0E11;
    background-color: #0E0E11;
    color: #fff;
}

/* Thead corner radius — when a <thead> exists, it owns the top corners */
.entry thead tr:first-child th:first-child,
.entry thead tr:first-child td:first-child {
    border-top-left-radius: 14px;
}
.entry thead tr:first-child th:last-child,
.entry thead tr:first-child td:last-child {
    border-top-right-radius: 14px;
}

.entry thead td,
.entry thead th {
    padding: 14px 20px;
    font-weight: 700;
    text-align: left;
}

/* Thead cell dividers */
.entry thead th:not(:last-child),
.entry thead td:not(:last-child) {
    border-right: 2px solid #323141;
}

.entry tfoot td,
.entry tfoot th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left;
}

.entry tbody tr:not(:last-child) td,
.entry tbody tr:not(:last-child) th {
    border-bottom: 2px solid #323141;
}
.entry tbody td:not(:last-child),
.entry tbody th:not(:last-child) {
    border-right: 2px solid #323141;
}
.entry tbody td,
.entry tbody th {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    /* border: 2px solid #323141; */
}
.entry tbody tr:first-child th:first-child,
.entry tbody tr:first-child td:first-child {
    border-top-left-radius: 16px;
}
.entry tbody tr:first-child th:last-child,
.entry tbody tr:first-child td:last-child {
    border-top-right-radius: 16px;
}
.entry tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}
.entry tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}
.entry tbody td:first-child,
.entry tbody th:first-child {
    font-weight: 700;
}

.entry tbody,
.entry tfoot {
    border: none;
    background-color: #1E1F28;
}

.entry tbody tr:first-child th {
    background: #0E0E11;
    padding: 14px 20px;
    font-weight: 700;
}
.entry tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #282836;
}

/* ===========================
   Table Presets
   =========================== */

/* Dark Header — black header row, works with or without <thead> */
.entry table.table-dark-header thead th,
.entry table.table-dark-header thead td,
.entry table.table-dark-header tbody tr:first-child th,
.entry table.table-dark-header tbody tr:first-child td {
    background: #0E0E11;
    padding: 14px 20px;
    font-weight: 700;
    color: #FFFFFF;
}

/* Comparison — gold accent header, left-aligned body */
.entry table.table-comparison thead {
    background: linear-gradient(135deg, #2A2438 0%, #1E1F28 100%);
}
.entry table.table-comparison thead th,
.entry table.table-comparison thead td {
    color: #FFD700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.entry table.table-comparison tbody td,
.entry table.table-comparison tbody th {
    text-align: left;
}
.entry table.table-comparison tbody td:first-child,
.entry table.table-comparison tbody th:first-child {
    color: #FFD700;
}

/* Compact — tighter padding, smaller text, for data-heavy tables */
.entry table.table-compact tbody td,
.entry table.table-compact tbody th {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.4;
}
.entry table.table-compact thead td,
.entry table.table-compact thead th {
    padding: 8px 10px;
    font-size: 13px;
}

/* Borderless — no cell dividers, clean striped look */
.entry table.table-borderless {
    border: none;
}
.entry table.table-borderless tbody tr:not(:last-child) td,
.entry table.table-borderless tbody tr:not(:last-child) th {
    border-bottom: none;
}
.entry table.table-borderless tbody td:not(:last-child),
.entry table.table-borderless tbody th:not(:last-child) {
    border-right: none;
}
.entry table.table-borderless thead th:not(:last-child),
.entry table.table-borderless thead td:not(:last-child) {
    border-right: none;
}

.single-content-bottom {
    width: 75%;
    padding-right: 7px;
    margin-top: 40px;
}

.single-content-bottom-box {
    background: transparent;
    border-radius: 24px;
    padding: 24px 24px 64px 0;
    margin-bottom: 40px;
}

.single-content-bottom-box:last-child {
    margin-bottom: 0px;
}

.acc-faq .accordion {
    margin-left: 0;
    background: transparent;
}

.acc-faq .accordion-item {
    background: #1E1F28;
    border-radius: 8px;
    margin-bottom: 12px;
}
.acc-faq .accordion-item:last-child {
    margin-bottom: 0px;
}
.acc-faq .accordion-title {
    padding: 16px 64px 16px 24px;
    border: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: transparent;
}

.acc-faq .accordion-title:focus,
.acc-faq .accordion-title:hover {
    color: #fff;
    background: transparent;
}

.acc-faq .accordion-content {
    border: none;
    padding: 8px 24px 16px;
    background-color: transparent;
    color: #FFFFFF;
}
.acc-faq .accordion-content .entry {
    margin-bottom: 0;
}
.acc-faq .accordion-content .entry p,
.acc-faq .accordion-content .entry ul li {
    line-height: 1.375;
}

.acc-faq :last-child:not(.is-active)>.accordion-title {
    border-bottom: none;
}

.acc-faq :last-child>.accordion-content:last-child {
    border-bottom: none;
}


.acc-faq .accordion-title::before {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../img/acc-chev-down.svg) no-repeat center center;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    right: 24px;
    margin-top: 0;
    content: "";
}

.acc-faq .is-active>.accordion-title::before {
    content: "";
    transform: translateY(-50%) rotate(180deg);
}


/* .related-items replaced by .reg-items-list — see horizontal card grid above */

.item-image {
    padding-bottom: 72.84%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
}
.item-image img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: 0.6s;
}
a:hover .item-image img {
    /* transform: scale(1.1); */
}
.item-image:after {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1f28+0,1e1f28+100&0+0,1+100 */
    /* background: linear-gradient(to bottom,  rgba(30,31,40,0) 0%,rgba(30,31,40,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(180deg, rgba(30, 31, 40, 0) 50.28%, #1E1F28 100%),
    radial-gradient(49.99% 49.99% at 50% 50%, rgba(30, 31, 40, 0) 0%, rgba(30, 31, 40, 0.7) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}

.item-image .item-title {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0 8px;
}

.item-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.item-content {
    padding: 8px 8px;
}

.item-text {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
ul li .single-content-details {
    margin-top: 0;
}
ul li .single-content-details ul {
    margin: 0;
}
ul li .single-content-details ul li {
    font-size: 12px;
    padding: 4px 8px;
}

.related-items-box .title-32:not(:last-child) {
    margin-bottom: 32px;
}

footer {
    background: #14131A;
    padding: 24px 0;
    position: relative;
    z-index: 50;
}

.footer-payments {
    margin-bottom: 56px;
}

.footer-payments ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-payments ul li {
    color: #898A93;
    font-size: 14px;
    line-height: 1.2;
    margin-right: 10px;
}
.footer-payments ul li:last-child {
    margin-right: 0px;
}

.footer-middle {
    margin-bottom: 60px;
    gap: 24px;
}

.footer-middle-col {
    flex: 1 1 0;
}

.footer-middle-col-1 {
    max-width: 264px;
    padding-right: 10px;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-text {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 30px;
    max-width: 256px;
}

.footer-google-badge {
    margin-top: 30px;
}
.footer-google-badge a {
    display: inline-block;
    line-height: 0;
}
.footer-google-badge img {
    display: block;
    width: 140px;
    height: 44px;
}

.socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.socials ul li:not(:last-child) {
    margin-right: 14px;
}
.socials ul li a {
    transition: 0.2s;
}
.socials ul li a:hover {
    opacity: 0.7;
}

.footer-nav ul li {
    line-height: 1.2;
}
.footer-nav ul li:not(:last-child) {
    margin-bottom: 16px;
}
.footer-nav ul li a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 16px;
    color: #898A93;
    transition: 0.2s;
}
.footer-nav.v2 ul li a {
    font-weight: 700;
}
.footer-nav ul li a:hover {
    color: #fff;
}

.copyrights {
    font-size: 16px;
    line-height: 1.2;
    color: #898A93;
    margin-right: 24px;
}

.footer-sec-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.footer-sec-nav ul li {
    line-height: 1.2;
}
.footer-sec-nav ul li:not(:last-child) {
    margin-right: 24px;
}
.footer-sec-nav ul li a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 16px;
    color: #898A93;
    transition: 0.2s;
}
.footer-sec-nav.v2 ul li a {
    font-weight: 700;
}
.footer-sec-nav ul li a:hover {
    color: #fff;
}

.single-hero-bg {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    width: 100%;
    padding-bottom: 41.6667%;
}

.page-scroll-progress {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 8px;
    background: #1E1F28;
    top: 100%;
    z-index: 1;
}

.page-scroll-progress span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: #00E4C9;
    background: #FFC950;
}

.header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Hamburger menu button (mobile only) */
.hamburger-menu-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}
.hamburger-menu-btn img {
    display: block;
    width: 18px;
    height: 14px;
}

.hamburger-popup {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    background: #0E0E11;
    z-index: 2147483647;
}

.hamburger-popup__menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 14px;
}

.hamburger-popup__top {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hamburger-popup__close {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #FFFFFF;
    padding: 0;
    line-height: 1;
    cursor: pointer;
}

.hamburger-popup__close--left {
    font-size: 0;
}

.hamburger-popup__close--right {
    font-size: 42px;
}

.hamburger-popup__chevron-icon {
    width: 12px;
    height: 20px;
    display: block;
}

.hamburger-popup__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
}

.hamburger-popup__banner {
    margin-top: 50px;
}

.hamburger-popup__banner a {
    display: block;
}

.hamburger-popup__banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.hamburger-popup__action {
    min-height: 55px;
    height: 55px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #272727;
    border: 0;
    border-radius: 20px;
    padding: 0 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.hamburger-popup__action-label {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.hamburger-popup__action-chevron-icon {
    width: 12px;
    height: 20px;
    display: block;
    color: #FFFFFF;
}

.nav-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px;
    margin-right: 24px;
}
.nav-trigger span {
    width: 24px;
    height: 24px;
    background: url(../img/icon-menu.svg) no-repeat 50% 50%;
    cursor: pointer;
}

.mob-nav-hold {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    overflow: auto;
    padding: 116px 0 40px;
    background: #1E1F28;
    z-index: 20;
    min-width: 218px;
    -webkit-box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0);
    -moz-box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0);
    box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0);
    transform: translateX(-101%);
    pointer-events: none;
    transition: 0.3s;
}
.mob-nav-hold.active {
    -webkit-box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0.8);
    -moz-box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0.8);
    box-shadow: 0px 0px 0px 100vw rgba(14,14,17,0.8);
    transform: translateX(-0%);
    pointer-events: all;
}

.mob-nav ul li {
    line-height: 1.2;
}
.mob-nav ul li:not(:last-child) {
    margin-bottom: 32px;
}
.mob-nav ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.2s;
}
.mob-nav ul li a:hover {
    color: #00E4C9;
}

.mob-nav-close {
    position: fixed;
    top: 100px;
    right: 16px;
    width: 56px;
    height: 36px;
    border-radius: 8px;
    z-index: 22;
    background-color: #FFC950;
    background-image: url(../img/icon-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}
.mob-nav-close.active {
    opacity: 1;
    visibility: visible;
}

.no-link {
    pointer-events: none;
}


/* ===== Horizontal article card grid ===== */
.reg-items-list > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: start;
}
.reg-items-list > ul > li {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: start;
}
.reg-items-list > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border-radius: 16px;
    padding: 10px;
    position: relative;
    transition: background 0.2s;
}
.reg-items-list > ul > li > a:hover {
    background: #222222;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.reg-items-list > ul > li.entry-cta-box-in-list {
    grid-column: 1 / -1;
    margin: 16px 0;
}
.archive-box .entry-cta-box-in-list .entry-cta-box {
    margin-bottom: 0;
}

/* Card image – square with gold border */
.reg-items-list .item-image {
    width: 140px;
    min-width: 140px;
    height: 140px;
    padding-bottom: 0;
    border-radius: 16px;
    border: 2px solid #FFB600;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
.reg-items-list .item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14px;
    position: absolute;
    top: 0;
    left: 0;
}
.reg-items-list .item-image:after {
    display: none;
}

/* Card content */
.reg-items-list .reg-item-content {
    padding: 4px 0 4px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
}

/* Game category label */
.reg-items-list .item-game-cat {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #987EFB;
    margin-bottom: 4px;
}

/* Hide game label when already browsing that game */
.reg-items-list.game-context .item-game-cat {
    display: none;
}

/* Title */
.reg-items-list .reg-item-content .item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    max-width: none;
    margin-bottom: 8px;
}

/* Hide excerpt */
.reg-items-list .item-text {
    display: none;
}

/* Meta details – plain text, no pill backgrounds */
.reg-items-list .single-content-details {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    padding: 0;
}
.reg-items-list .single-content-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.reg-items-list .single-content-details ul li {
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #8A869D;
    min-height: auto;
    margin-right: 0;
}
.reg-items-list .single-content-details ul li:not(:last-child):after {
    content: '|';
    margin: 0 6px;
    opacity: 0.6;
}

.reg-items-more {
    margin-top: 64px;
}

.archive-box {
    background: transparent;
    border-radius: 24px;
    padding: 24px 24px 40px;
}

.archive-content-section {
    padding: 90px 0 56px;
}

.archive-content-section .section-top {
    margin-bottom: 56px;
}

.archive-featured-hold {
    margin-bottom: 64px;
}

/* --- Featured post: full-image overlay card --- */
.archive-featured-item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    max-height: 360px;
    border: 1px solid #fff;
}
.archive-featured-item a {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    color: #fff;
    transition: 0.2s;
    height: 358px;
}
.archive-featured-item a:hover {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255,201,80,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(255,201,80,1);
    box-shadow: 0px 0px 0px 2px rgba(255,201,80,1);
}

/* Background image */
.archive-featured-item .archive-featured-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 15px;
    min-height: 358px;
}
.archive-featured-item .archive-featured-image img {
    border-radius: 15px;
    transition: 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a:hover .archive-featured-image img {
    /* transform: scale(1.1); */
}

/* Gradient overlay – subtle black from bottom-left corner */
.archive-featured-overlay {
    position: absolute;
    inset: 0;
    border-radius: 15px;
    background: linear-gradient(to top right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.45) 40%, rgba(0,0,0,0) 70%);
    pointer-events: none;
    z-index: 1;
}

/* Text content – bottom-left */
.archive-featured-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 32px 40px;
    max-width: 60%;
}
.archive-featured-content .featured-date {
    font-size: 18px;
    font-weight: 700;
    color: #FFB600;
    margin-bottom: 8px;
}
.archive-featured-content .featured-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 10px;
}
.archive-featured-content .featured-excerpt,
.archive-featured-content .featured-excerpt p {
    font-size: 20px;
    font-weight: 400;
    color: #8A869D;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.archive-box > .title-32:not(:last-child),
.archive-featured-hold > .title-32:not(:last-child) {
    margin-bottom: 32px;
}

.item-cat {
    font-weight: 900;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    color: #898A93;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.no-left .entry-cta-right {
    padding-left: 0;
}

.header-cta .btn-yellow,
.header-cta .btn-yellow:focus,
.header-cta .btn-yellow:active {
    width: auto;
    min-width: 84px;
    height: 40px;
    min-height: 40px;
    padding: 0 14px;
    white-space: nowrap;
    font-family: 'interstate', sans-serif;
    font-size: 18px;
    font-weight: 800;
    background: #FFB600;
    color: #14131A;
}

.header-cta .btn-yellow:hover {
    background: #FFD97A;
    color: #14131A;
}

.archive-latest-hold {
    margin-bottom: 64px;
}
.archive-latest-hold .title-32:not(:last-child) {
    margin-bottom: 32px;
}

.archive-box .entry-cta-box {
    margin-bottom: 64px;
}

li.reading-time:before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #8A869D;
    -webkit-mask: url(../img/icon-clock.svg) no-repeat center center;
    mask: url(../img/icon-clock.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 4px;
}

.header-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 42px;
}

.header-search {
    width: 100%;
    max-width: 300px;
    position: relative;
}
.header-search input,
.header-search input:focus {
    margin: 0;
    outline: none;
    box-shadow: none;
    background: #2A2A37;
    border: 2px solid #323141;
    color: #fff;
    height: 42px;
    font-size: 16px;
    border-radius: 16px;
    padding: 2px 16px 2px 44px;
}
.header-search button {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 42px;
    background: url(../img/icon-search.svg) no-repeat center center;
    border: none;
    outline: none;
}

.form-element input::-webkit-input-placeholder {
    color: #C6C6CC;
    opacity: 1;
}
.form-element input::-moz-placeholder {
    color: #C6C6CC;
    opacity: 1;
}
.form-element input:-ms-input-placeholder {
    color: #C6C6CC;
    opacity: 1;
}
.form-element input:-moz-placeholder {
    color: #C6C6CC;
    opacity: 1;
}


.header-sec-nav-v2 ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 2px;
}
.header-sec-nav-v2 ul::-webkit-scrollbar {
    display: none;
}
.header-sec-nav-v2 ul li {
    flex: 1 0 auto;
}
.header-sec-nav-v2 ul li a {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    font-size: 16px;
    padding: 8px 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: #2A2A37;
    border-radius: 8px;
    transition: 0.2s;
}
.header-sec-nav-v2 ul li.current a {
    background: #FFC950;
    color: #14131A;
}
.header-sec-nav-v2 ul li a:hover {
    background: #FFC950;
    color: #14131A;
}

.search-block-mob {
    background: #14131A;
    border-radius: 24px;
    padding: 24px 24px;
    margin-bottom: 48px;
}

.search-block-mob .header-search {
    max-width: 100%;
    margin-top: 24px;
}

.entry-cta-box.full-width-image-cta {
    padding: 0;
    background: transparent;
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    border-radius: 25px;
    overflow: hidden;
}
.entry-cta-box.full-width-image-cta a {
    display: block;
    width: 100%;
}
.entry-cta-box.full-width-image-cta img {
    border-radius: 0;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Shortcode banner inside article content: prevent generic .entry img frame/margins */
.entry .eld-banner-shortcode {
    margin: 24px 0;
}
.entry .eld-banner-shortcode img {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.entry-carousel.owl-carousel .owl-stage-outer {
    border-radius: 24px;
}

/* ===== Homepage highlights / feature boxes ===== */
.homepage-highlights-section {
    background: transparent;
    padding: 0 0 64px;
}
.highlights-title {
    text-align: center;
    margin-bottom: 48px;
}
.highlights-title h3 {
    font-family: "interstate", sans-serif;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.highlight-card {
    text-align: center;
}
.highlight-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.highlight-icon svg {
    width: 33px;
    height: 33px;
}
.highlight-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.highlight-card-text {
    font-size: 18px;
    font-weight: 400;
    color: #8A869D;
    line-height: 1.5;
    margin: 0;
}


/* Media */
@media only screen and (max-width: 1199px) {
    .header-main-nav ul li:not(:last-child) {
        /* margin-right: 24px; */
    }
    .header-main-nav ul li a {
        padding: 19px 12px;
    }
    .footer-middle-col-1 {
        max-width: 100%;
        min-width: 26%;
    }
    .header-main-nav ul li a {
        font-size: 16px;
    }
    .header-sec-nav ul li a {
        font-size: 16px;
    }
    .socials ul li:not(:last-child) {
        margin-right: 10px;
    }
    .copyrights {
        margin-right: 0;
        width: 100%;
        margin-bottom: 16px;
    }
}

@media only screen and (min-width: 1024px) {
    .mob-nav-hold {
        display: none !important;
    }
    .footer-bottom {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer-bottom .copyrights {
        width: auto;
        margin-bottom: 0;
        margin-right: 24px;
        white-space: nowrap;
    }
    .footer-bottom .footer-sec-nav {
        margin-left: auto;
    }
    /* Desktop: Restore normal flexbox layout */
    .header-main-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }
    .header-left,
    .header-main-cta,
    .header-main-nav {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }
    .language-switcher {
        margin-left: auto;
        margin-right: 8px;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }
    .header-cta {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }
}

@media only screen and (max-width: 1023px) {
    .header-sec-wrap.show-for-large {
        display: block !important;
        background: #0E0E11;
        border-top: 1px solid #2A2A30;
        border-bottom: 1px solid #2A2A30;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .header-sec-wrap .header-sec {
        display: none;
    }
    .mobile-header-nav {
        display: block;
    }
    .mobile-header-nav__inner {
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 48px;
        background: #0E0E11;
    }
    .mobile-header-nav .games-switcher {
        display: flex !important;
        margin-top: 0;
        margin-right: 0;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
    .mobile-header-nav .codes-switcher {
        display: flex !important;
        margin-top: 0;
        margin-right: 0;
        order: initial;
        flex: initial;
    }
    .mobile-header-nav__item {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 0;
        background: transparent;
        padding: 8px 16px;
        color: #987EFB;
        font-family: 'interstate', sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
    }
    .mobile-header-nav__chevron {
        font-size: 24px;
        font-weight: 800;
        line-height: 1;
    }
    .header-main .games-switcher {
        display: none;
    }
    .header-main .codes-switcher {
        display: none;
    }
    .nav-trigger,
    .mob-nav-hold,
    .mob-nav-close {
        display: none !important;
    }
    .search-block-mob.hide-for-large {
        display: none !important;
    }
    .hamburger-popup__action-label {
        font-size: 20px;
    }
    .header-main-wrap {
        background: #0E0E11;
        /* padding: 8px 0; */
    }
    .header-main-left {
        width: 100%;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: contents; /* Flatten hierarchy on mobile */
    }
    /* Mobile: Reorder with game button after language switcher */
    .header-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .language-switcher {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .header-main-cta {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 4px;
    }
    .games-switcher {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 4px;
    }
    .header-main-cta a {
        padding: 8px 12px;
        font-size: 13px;
    }
    .header-main-nav {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .header-cta {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-left: 8px;
    }
    .language-switcher ul {
        gap: 4px;
    }
    .language-switcher a {
        padding: 6px 10px;
        font-size: 13px;
    }
    .language-switcher img.pll-flag {
        width: 18px;
    }
    .language-switcher__flag img {
        width: 28px;
    }
    .language-switcher--dropdown {
        gap: 6px;
    }
    .language-switcher--dropdown select,
    .language-switcher--dropdown .language-switcher__toggle {
        padding: 6px 28px 6px 10px;
        font-size: 13px;
    }
    .language-switcher--dropdown .language-switcher__menu {
        position: fixed;
        top: 61px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: calc(100% - 80px);
        max-width: 680px;
        min-width: 205px;
        max-height: calc(100dvh - 61px - 24px);
        overflow-y: auto;
        padding: 20px;
        border: 2px solid #fff;
        border-radius: 32px;
        z-index: 1002;
        gap: 14px;
    }
    .language-switcher--dropdown .language-switcher__overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1001;
        border: 0;
        background: #0E0E11B2;
        cursor: pointer;
    }
    .language-switcher--dropdown .language-switcher__menu-header {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height: 44px;
        margin-bottom: 4px;
    }
    .language-switcher--dropdown .language-switcher__menu-title {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }
    .language-switcher--dropdown .language-switcher__close {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #FFFFFF;
        font-size: 42px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
    }
    .language-switcher--dropdown .language-switcher__menu li a {
        font-size: 18px;
        padding: 14px 16px;
    }
    .games-switcher--dropdown .games-switcher__menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto;
        bottom: auto;
        transform: none !important;
        width: 100vw !important;
        max-width: none;
        height: 100dvh !important;
        max-height: none;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #0E0E11;
        z-index: 2147483647 !important;
    }
    .games-switcher__mobile-header {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height: 68px;
        padding: 0 20px;
        border-bottom: 1px solid transparent;
    }
    .games-switcher__mobile-title {
        color: #FFFFFF;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
    }
    .games-switcher__mobile-close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #FFFFFF;
        font-size: 38px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
    }
    .games-switcher__mobile-close--left {
        left: 14px;
        font-size: 0;
    }
    .games-switcher__mobile-close--right {
        right: 14px;
        font-size: 42px;
    }
    .games-switcher__mobile-chevron-icon {
        width: 12px;
        height: 20px;
        display: block;
    }
    .games-switcher--dropdown .games-switcher__list {
        grid-template-columns: 1fr;
        align-content: start;
        justify-content: start;
        padding: 10px 24px 24px;
        height: calc(100dvh - 68px);
        overflow-y: auto;
    }
    .games-switcher--dropdown .games-switcher__link {
        font-size: 18px;
        padding: 14px 0;
        text-align: left;
    }
    body.games-switcher-popup-open {
        overflow: hidden;
    }
    body.games-switcher-popup-open .header-sec-wrap.show-for-large {
        position: relative;
        z-index: 2147483647;
    }
    .codes-switcher--dropdown .codes-switcher__menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto;
        bottom: auto;
        transform: none !important;
        width: 100vw !important;
        max-width: none;
        height: 100dvh !important;
        max-height: none;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #0E0E11;
        z-index: 2147483647 !important;
    }
    .codes-switcher__mobile-header {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height: 68px;
        padding: 0 20px;
        border-bottom: 1px solid transparent;
    }
    .codes-switcher__mobile-title {
        color: #FFFFFF;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
    }
    .codes-switcher__mobile-close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #FFFFFF;
        font-size: 38px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
    }
    .codes-switcher__mobile-close--left {
        left: 14px;
        font-size: 0;
    }
    .codes-switcher__mobile-close--right {
        right: 14px;
        font-size: 42px;
    }
    .codes-switcher__mobile-chevron-icon {
        width: 12px;
        height: 20px;
        display: block;
    }
    .codes-switcher--dropdown .codes-switcher__list {
        grid-template-columns: 1fr;
        align-content: start;
        justify-content: start;
        padding: 10px 24px 24px;
        height: calc(100dvh - 68px);
        overflow-y: auto;
    }
    .codes-switcher--dropdown .codes-switcher__link {
        font-size: 18px;
        padding: 14px 0;
        text-align: left;
    }
    body.codes-switcher-popup-open {
        overflow: hidden;
    }
    body.codes-switcher-popup-open .header-sec-wrap.show-for-large {
        position: relative;
        z-index: 2147483647;
    }
    body.hamburger-popup-open {
        overflow: hidden;
    }
    body.hamburger-popup-open .header-main-wrap {
        position: relative;
        z-index: 2147483647;
    }
    body.hamburger-popup-open .header-sec-wrap.show-for-large {
        position: relative;
        z-index: 1;
    }
    body.language-switcher-popup-open {
        overflow: hidden;
    }
    .archive-box .entry-cta-box-in-list .entry-cta-box {
        height: 100%;
    }
    .reg-items-list > ul > li.entry-cta-box-in-list {
        grid-column: 1 / -1;
        margin: 8px 0;
    }
    .archive-content-section {
        padding: 80px 0 56px;
    }
    .header-main-cta {
        margin-right: 0;
    }
    .header-main {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .header-sec-nav ul li a {
        white-space: nowrap;
    }
    .header-sec-nav ul {
        overflow: auto;
        margin-left: -24px;
        padding-left: 24px;
        width: calc(100% + 48px);
    }
    .header-sec-nav ul li:last-child {
        padding-right: 24px;
    }
    .header-sec-nav ul {
        margin-left: -24px;
        padding-left: 24px;
        width: calc(100% + 48px);
        /* min-width: calc(100% + 24px); */
    }
    .socials ul li:not(:last-child) {
        margin-right: 14px;
    }
    .footer-middle-col-1 {
        max-width: 100%;
        min-width: 50%;
        padding-right: 0;
    }
    .footer-middle {
        margin-bottom: 36px;
        gap: 0;
    }
    .footer-middle-col {
        width: calc(50% - 24px);
        min-width: calc(50% - 24px);
        margin-right: 24px;
        margin-bottom: 24px;
    }
    .footer-middle-col:nth-child(2n) {
        margin-right: 0;
    }
    .single-content-bottom-box {
        padding: 24px 24px 48px;
    }
    .entry h2:not(:first-child),
    .entry h3:not(:first-child) {
        margin-top: 40px;
    }
    .entry h2 {
        margin-bottom: 40px;
        margin-bottom: 20px;
    }
    .title-44 {
        font-size: 40px;
    }
    .single-content-bottom {
        width: 100%;
        padding-right: 0;
    }
    .single-content-section .section-top {
        max-width: 100%;
    }
    .single-content-right {
        display: none;
    }
    .single-content-left {
        width: 100%;
        padding-right: 0;
    }
    .single-hero-bg {
        top: 96px;
    }
    .single-content-section {
        padding-top: 108px;
    }
    .single-hero-bg {
        display: none;
    }
}

@media screen and (max-width:639px) {
    .entry img {
        border-radius: 8px;
    }
    .nav-trigger {
        margin-right: 16px;
    }

    .archive-content-section .section-top {
        margin-bottom: 32px;
    }
    .reg-items-list > ul {
        grid-template-columns: 1fr;
    }
    .reg-items-list .item-image {
        width: 110px;
        min-width: 110px;
        height: 110px;
    }
    .reg-items-list .reg-item-content .item-title {
        font-size: 18px;
    }
    .reg-items-list .item-game-cat {
        font-size: 14px;
    }
    .reg-items-list > ul > li.entry-cta-box-in-list {
        grid-column: 1 / -1;
    }
    .search-block-mob {
        padding: 16px 8px;
        margin-bottom: 24px;
    }
    .breads {
        margin-top: 24px;
    }
    .no-left .entry-cta-right {
        width: 100%;
    }

    /* Section titles – center on mobile */
    .archive-box > .title-32 {
        text-align: center;
    }

    /* Featured card mobile adjustments */
    .archive-featured-item {
        max-height: 367px;
    }
    .archive-featured-item a {
        height: 365px;
    }
    .archive-featured-item .archive-featured-image {
        min-height: 365px;
    }
    .archive-featured-overlay {
        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0) 75%);
    }
    .archive-featured-content {
        max-width: 100%;
        padding: 16px;
    }
    .archive-featured-content .featured-date {
        font-size: 14px;
    }
    .archive-featured-content .featured-title {
        font-size: 24px;
        font-weight: 700;
    }
    .archive-featured-content .featured-excerpt,
    .archive-featured-content .featured-excerpt p {
        font-size: 18px;
        color: #D5D5D5;
        -webkit-line-clamp: 2;
    }

    .archive-box {
        padding: 90px 8px 24px;
    }

    /* Highlights mobile: 2-column grid */
    .homepage-highlights-section {
        padding: 0 0 40px;
    }
    .highlights-title {
        margin-bottom: 32px;
    }
    .highlights-title h3 {
        font-size: 24px;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
    .highlights-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .highlight-card-title {
        font-size: 18px;
    }
    .highlight-card-text {
        font-size: 18px;
    }
    .single-content-section {
        padding-top: 188px;
        padding-top: 108px;
    }
    .header-sec-nav ul li:last-child {
        padding-right: 16px;
    }
    .header-sec-nav ul {
        margin-left: -16px;
        padding-left: 16px;
        width: calc(100% + 32px);
    }
    .grid-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .title-44 {
        font-size: 32px;
    }
    .btn-yellow, .btn-yellow:focus, .btn-yellow:active {
        min-height: 36px;
        padding: 6px 16px;
        font-size: 14px;
    }
    .entry-cta-left {
        width: 80px;
    }
    .entry-cta-right {
        width: calc(100% - 80px);
        padding-left: 16px;
    }
    .text-16 {
        font-size: 14px;
    }
    .entry-cta-button {
        margin-top: 16px;
    }
    .entry-cta-right .title-24 {
        font-size: 16px;
    }
    .title-24:not(:last-child) {
        margin-bottom: 16px;
    }
    .entry-cta-box {
        margin-bottom: 40px;
        padding: 16px 16px;
    }
    .entry tbody tr:first-child th {
        padding: 14px 8px;
    }
    .entry tbody td, .entry tbody th {
        padding: 10px 8px;
        font-size: 14px;
    }
    .entry ol li {
        font-size: 14px;
    }
    .entry ul li {
        font-size: 14px;
    }
    .entry p {
        font-size: 14px;
    }
    .entry {
        margin-bottom: 40px;
    }
    .entry-carousel .owl-nav {
        display: none !important;
    }
    .entry-gallery-hold {
        padding: 0;
        margin-bottom: 40px;
    }
    .entry-carousel-item img {
        border-radius: 8px;
    }
    .single-content-box {
        padding: 16px 16px 40px;
    }
    .single-content-bottom-box {
        padding: 16px 16px 40px;
    }

    .socials ul li:not(:last-child) {
        margin-right: 18px;
    }
    .footer-middle-col {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 36px;
    }
    .entry iframe {
        max-width: 100%;
    }
    .footer-payments {
        margin-bottom: 48px;
    }
}

/* Games Menu Styles */
.games-menu-dropdown {
    position: relative;
    display: inline-block;
}

/* Ensure the games menu item doesn't interfere with the flex layout */
.header-sec-nav ul li.games-menu-item {
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

/* Override the flex display for the games menu dropdown content */
.games-menu-dropdown-content {
    display: block !important;
}

.games-menu-dropdown-content ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    display: block !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    align-items: unset !important;
}

.games-menu-dropdown-content ul li {
    margin: 0;
    padding: 0;
    display: block !important;
    width: 100% !important;
    flex: unset !important;
}

.games-menu-trigger {
    display: flex !important;
    align-items: center;
    cursor: pointer;
    padding: 8px 14px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    background: #2A2A37;
    border-radius: 8px;
    transition: 0.2s;
    white-space: nowrap;
    text-decoration: none;
}

.games-menu-trigger:hover {
    color: #00E4C9;
    background: #FFC950;
    color: #14131A;
}

.games-menu-trigger svg {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.games-menu-dropdown:hover .games-menu-trigger svg {
    transform: rotate(180deg);
}

.games-menu-dropdown-content {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #2A2A37;
    min-width: 200px;
    max-width: 300px;
    max-height: 400px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 9999;
    border: 1px solid #323141;
    overflow: hidden;
}

.games-menu-dropdown:hover .games-menu-dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.games-menu-dropdown-content ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    max-height: 384px;
    overflow-y: auto;
    overflow-x: hidden;
}

.games-menu-dropdown-content ul li {
    margin: 0;
    padding: 0;
}

.games-menu-dropdown-content ul li a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 400;
}

.games-menu-dropdown-content .game-logo {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.games-menu-dropdown-content .game-name {
    flex: 1;
}

.games-menu-dropdown-content ul li a:hover {
    background: #323141;
    color: #00E4C9;
}

.games-menu-dropdown-content ul li.current a {
    background: #FFC950;
    color: #14131A;
}

/* Custom scrollbar for games menu */
.games-menu-dropdown-content ul::-webkit-scrollbar {
    width: 6px;
}

.games-menu-dropdown-content ul::-webkit-scrollbar-track {
    background: #1E1F28;
    border-radius: 3px;
}

.games-menu-dropdown-content ul::-webkit-scrollbar-thumb {
    background: #323141;
    border-radius: 3px;
}

.games-menu-dropdown-content ul::-webkit-scrollbar-thumb:hover {
    background: #FFC950;
}

/* Firefox scrollbar */
.games-menu-dropdown-content ul {
    scrollbar-width: thin;
    scrollbar-color: #323141 #1E1F28;
}

/* Mobile responsive styles for games menu */
@media screen and (max-width: 1023px) {
    .search-block-mob {
        margin-bottom: 24px;
    }
    .breads {
        margin-top: 24px;
    }
    .games-menu-dropdown {
        width: 100%;
    }

    .games-menu-trigger {
        width: 100%;
        justify-content: space-between;
        padding: 12px 16px;
        border-bottom: 1px solid #323141;
        background: #2A2A37;
        color: #fff;
    }

    .games-menu-dropdown-content {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        margin-top: 0;
        background: #14131A;
        display: none;
        border: none;
        max-width: none;
    }

    .games-menu-dropdown.active .games-menu-dropdown-content {
        display: block;
    }

    .games-menu-dropdown-content ul {
        padding: 0;
        display: block !important;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .games-menu-dropdown-content ul li {
        display: block !important;
        width: 100% !important;
    }

    .games-menu-dropdown-content ul li a {
        padding: 12px 24px;
        border-bottom: 1px solid #323141;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .games-menu-dropdown-content .game-logo {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        margin-right: 16px;
    }

    .games-menu-dropdown-content ul li a:hover {
        background: #2A2A37;
        color: #00E4C9;
    }

    .games-menu-dropdown-content ul li:last-child a {
        border-bottom: none;
    }  
}

/* Mobile games dropdown (inside search-block-mob) */
.mobile-games-wrap {
    margin: 12px 0;
}

.mobile-games-wrap .games-menu-dropdown {
    width: 100%;
}

.mobile-games-wrap .games-menu-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: #2A2A37;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #323141;
}

.mobile-games-wrap .games-menu-trigger:hover,
.mobile-games-wrap .games-menu-dropdown.active .games-menu-trigger {
    background: #33334a;
    border-radius: 8px 8px 0 0;
}

.mobile-games-wrap .games-menu-dropdown-content,
.mobile-games-wrap .games-menu-dropdown:hover .games-menu-dropdown-content {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 0 0 8px 8px;
    margin-top: 0;
    background: #14131A;
    display: none !important;
    border: 1px solid #323141;
    border-top: none;
    max-width: none;
    transition: none;
}

.mobile-games-wrap .games-menu-dropdown.active .games-menu-dropdown-content {
    display: block !important;
}

.mobile-games-wrap .games-menu-dropdown-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.mobile-games-wrap .games-menu-dropdown-content ul li {
    display: block;
    width: 100%;
}

.mobile-games-wrap .games-menu-dropdown-content ul li a {
    padding: 12px 20px;
    border-bottom: 1px solid #323141;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-decoration: none;
}

.mobile-games-wrap .games-menu-dropdown-content ul li a:hover {
    background: #2A2A37;
    color: #00E4C9;
}

.mobile-games-wrap .games-menu-dropdown-content ul li:last-child a {
    border-bottom: none;
}

.mobile-games-wrap .games-menu-dropdown-content .game-logo {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    margin-right: 12px;
}

.post-summary{
  color: #ffffff;
  font-size: 18px;
  line-height: 2;
  padding-top: 20px;
  margin-bottom: 20px;
}
.is-hidden { display: none; }

/* Pagination styles */
nav.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 48px 0 0;
}

nav.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  min-width: 42px;
  padding: 0 12px;
    border: 1px solid #FFB600;
  border-radius: 8px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
  line-height: 1;
  text-decoration: none;
    color: #FFB600;
  background: transparent;
  transition: 0.2s;
}

nav.pagination .page-numbers:not(.current):hover {
    background: #FFD97A;
    border-color: #FFD97A;
    color: #14131A;
}

nav.pagination .page-numbers.current,
nav.pagination .page-numbers.current:hover {
    background: #FFB600;
    border-color: #FFB600;
    color: #000000;
  cursor: default;
}

nav.pagination .page-numbers.prev,
nav.pagination .page-numbers.next {
    width: 72px;
    min-width: 72px;
    padding: 0;
}

nav.pagination .page-numbers.dots {
    min-width: 42px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #FFB600;
    border-radius: 8px;
    color: #FFB600;
}

nav.pagination .page-numbers.dots:hover {
    color: #000000;
}

nav.pagination .page-numbers:focus,
nav.pagination .page-numbers:active {
    outline: none;
    box-shadow: none;
}

/* ToC (auto/manual) level styling */
.toc-box-links .toc-item.toc-level-2 a {
}

.toc-box-links .toc-item.toc-level-3 a {
  opacity: 0.9;
  padding-left: 20px;
  padding-top:0px;
  font-size: 14px;
 
}

.toc-box-links .toc-item.toc-level-4 a {
  opacity: 0.85;
  padding-left: 30px;
  padding-top:0px;
  font-size: 13px;
  
}

/* Make anchor jumps land below sticky header */
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  scroll-margin-top: 90px; 
}

.toc-sidebar-sticky-wrapper {
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
}

.toc-box {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 150px;
    border: 1px solid #FFFFFF;
}

/* When a sidebar CTA is present, shrink ToC so CTA fits below */
.single-content-right.has-sidebar-cta:has(
  .single-sidebar-cta-slot .cta-banner,
  .single-sidebar-cta-slot .cta-inline
) .toc-box {
  max-height: calc(40vh - 150px);
  min-height: 150px;
}


.toc-box-title {
  flex: 0 0 auto;
}

.toc-box-links {
  flex: 1 1 auto;
  overflow: auto;
  min-height: 0;                      /* allows the child to actually scroll */
  -webkit-overflow-scrolling: touch;  /* smooth scrolling on iOS */
}

/* nicer scrollbar (supported browsers) */
.toc-box-links::-webkit-scrollbar { width: 8px; }
.toc-box-links::-webkit-scrollbar-thumb { background: #292a35; border-radius: 6px; }
.toc-box-links::-webkit-scrollbar-track { background: transparent; }

/* Mobile: disable sticky + collapse ToC */
@media (max-width: 1024px) {
  .toc-box {
    position: static;
    max-height: none;
  }
}
.infinite-single.fade-in-start { 
    opacity: 0; 
    transform: translateY(12px); 
}
.infinite-single.fade-in-start.fade-in-in { 
    opacity: 1; 
    transform: translateY(0); 
    transition: opacity .35s ease, transform .35s ease; }
.article-divider {
  border: 0;
  height: 2px;
  background: #FFC950;
  opacity: 1;
  margin: 56px 0; 
  width: 100%;
  max-width: 880px; /* match your .grid-container-md if needed */
}
/* Reduce the huge top gap on appended infinite-scroll articles only */
#infinite-posts .infinite-single .single-content-section {
  padding-top: 30px;   /* tweak 40–64px to taste */
  padding-bottom: 30px; /* keep your existing bottom padding */
}

/* (Optional) slightly tighten on small screens if you want */
@media (max-width: 640px) {
  #infinite-posts .infinite-single .single-content-section {
    padding-top: 30px;
  }
}
#infinite-posts .infinite-single .single-hero-bg { 
    display: none; 
}

span.ayudawp-title{
    color:white!important;
}
/* Apply the 75% layout ONLY to the original article */
#primary-article .single-content-bottom {
  width: 75%;
  padding-right: 7px;
  margin-top: 40px;
}

/* Ensure appended (infinite) articles are full-width for their related section */
.infinite-single .single-content-bottom,
.infinite-single .single-content-bottom-box,
.infinite-single .related-items-box {
  width: 100%;
  padding-right: 24px;
}

/* Limit share button spacing for infinite-scroll articles only */
.infinite-single .ayudawp-share-buttons {
  margin: 30px 0 0; /* top margin only */
}

/* Sidebar CTA slot: never wider than the sidebar itself */
.single-sidebar-cta-slot {
    max-width: 251px;
    width: 100%;
    margin-top: 20px;
}

/* Ensure CTAs actually respect the slot width */
.single-sidebar-cta-slot .cta-banner,
.single-sidebar-cta-slot .cta-inline {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.below-nav-cta-slot {
    max-width: 809px;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.below-nav-cta-slot .cta-banner,
.below-nav-cta-slot .cta-inline {
    width: 100%;
    max-width: 100%;
}
.cta-wrap {
    overflow: hidden;       /* hard stop for full-bleed layouts */
}

/* Before / after content – match grid-container-md */
.cta-wrap-before,
.cta-wrap-after {
    max-width: 1136px;
    overflow: hidden; 
}
/* Top / bottom of post – match content column */
.cta-wrap-t-post,
.cta-wrap-b-post,
.cta-wrap-scd {
    max-width: 809px;
    overflow: hidden;
}

/* Deploy verification probe - no-results search page button. Used to confirm CSS cache freshness post-deploy. Safe to remove. */
.eld-deploy {
    letter-spacing: 0px;
}

/* ── 404 Page ── */
.error-404-section {
    padding: 60px 0 64px;
}
.error-404-wrap {
    text-align: left;
    padding-top: 10px;
}
.error-404-title {
    font-family: "interstate", sans-serif;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    margin-bottom: 32px;
}
.error-404-number {
    color: #FFB700;
}
.error-404-image {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 40px;
}
.error-404-image img {
    display: block;
    width: 100%;
    height: auto;
}
.error-404-btn {
    text-align: center;
}
.error-404-btn-link,
.error-404-btn-link:focus,
.error-404-btn-link:active {
    font-family: "interstate", sans-serif;
    font-size: 18px;
    font-weight: 800;
    padding: 12px 28px;
    border-radius: 8px;
    background: #FFB700;
    color: #14131A;
}
.error-404-btn-link:hover {
    background: #FFD97A;
    color: #14131A;
}

@media screen and (max-width: 639px) {
    .error-404-wrap {
        padding-top: 60px;
    }
    .error-404-title {
        font-size: 24px;
        text-align: center;
    }
    .error-404-btn-link,
    .error-404-btn-link:focus,
    .error-404-btn-link:active {
        font-size: 18px;
        font-weight: 800;
    }
}

/* =====================================================================
   Author Page
   ===================================================================== */

.author-page-section {
    padding: 60px 0 40px;
}

/* --- Breadcrumbs --- */
.author-page-section .breads {
    padding-top: 0px;
    margin-bottom: 60px;
}

/* --- Hero --- */
.author-page-section .author-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.author-page-section .author-hero__avatar {
    width: 120px;
    min-width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #2a2935;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.author-page-section .author-hero__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.author-page-section .author-hero__name {
    font-size: 34px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    margin: 0 0 4px;
}

.author-page-section .author-hero__subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #8A869D;
    margin: 0 0 12px;
}

.author-page-section .author-hero__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.author-page-section .author-hero__socials li {
    margin: 0;
    padding: 0;
}

.author-page-section .author-hero__socials li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.author-page-section .author-hero__socials li a:hover {
    opacity: 1;
}

.author-page-section .author-hero__socials li a img {
    width: 30px;
    height: 30px;
    position: static;
}

/* --- Bio --- */
.author-page-section .author-bio {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
    color: #BFBBD4;
    margin-bottom: 40px;
}

.author-page-section .author-bio p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
    color: #BFBBD4;
    margin: 0;
}

.author-page-section .author-bio p:not(:last-child) {
    margin-bottom: 12px;
}

/* --- Expertise & Achievements --- */
.author-page-section .author-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    margin-bottom: 56px;
}

.author-page-section .author-lists__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: none;
    border-radius: 16px;
    padding: 10px;
}

.author-page-section .author-lists__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 20px;
}

.author-page-section .author-lists__col ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.author-page-section .author-lists__col ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #BFBBD4;
    margin-bottom: 4px;
    list-style: disc;
}

.author-page-section .author-lists__col ul li::marker {
    color: #BFBBD4;
}

/* --- Recent Articles --- */
.author-page-section .author-articles {
    margin-top: 0;
}

.author-page-section .author-articles > .title-32 {
    margin-bottom: 32px;
}

.author-page-section .author-articles > .title-32 h3 {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
}

/* =====================================================================
   Author Page – Responsive
   ===================================================================== */

@media only screen and (max-width: 1023px) {
    .author-page-section .breads {
        padding-top: 20px;
        margin-bottom: 30px;
    }
}

/* About title – hidden on desktop, shown on mobile */
.author-page-section .author-bio__title {
    display: none;
    margin: 0 0 40px;
}

@media screen and (max-width: 639px) {
    .archive-latest-hold .reg-items-list > ul > li:nth-child(n+4) {
        display: none;
    }

    .author-page-section .author-hero {
        align-items: flex-start;
    }

    .author-page-section .author-hero__info {
        min-width: 0;
        width: 100%;
    }

    .author-page-section .author-bio__title {
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        color: #fff;
        margin: 0 0 40px;
    }

    .author-page-section .author-hero__name {
        font-size: 20px;
    }

    .author-page-section .author-hero__subtitle {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .author-page-section .author-hero__socials {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 10px;
        max-width: 100%;
    }

    .author-page-section .author-lists {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
    }

    .author-page-section .author-lists__col {
        padding: 0;
    }

    .author-page-section .author-lists__title {
        font-size: 20px;
        margin: 0 0 40px;
    }
}

/* ============================================ */
/* GAME CATEGORY PAGE HEADER                   */
/* ============================================ */

.games-cat-header {
    padding-top: 24px;
    padding-bottom: 32px;
}

.games-cat-header .breads {
    margin-bottom: 16px;
}

.games-cat-title {
    font-size: 32px;
    font-weight: 900;
    font-family: 'Interstate', sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 1.1;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

@media screen and (max-width: 639px) {
    .games-cat-header {
        padding-top: 20px;
        padding-bottom: 24px;
        text-align: center;
    }

    .games-cat-title {
        font-size: 24px;
    }

    .games-cat-header .breads ul {
        justify-content: flex-start;
    }
}

/* ============================================ */
/* AI SHARE & SUMMARIZE PLUGIN - CUSTOM STYLING */
/* ============================================ */

.single .ayudawp-share-buttons .ayudawp-buttons-container {
    gap: 24px;
}

.single .ayudawp-share-buttons .ayudawp-title {
    margin-bottom: 25px !important;
}

.single .ayudawp-share-buttons .ayudawp-share-btn {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    border: none !important;
    background-color: #FFFFFF !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 36px 36px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

.single .ayudawp-share-buttons .ayudawp-share-btn .ayudawp-button-text,
.single .ayudawp-share-buttons .ayudawp-share-btn .ayudawp-icon-wrapper,
.single .ayudawp-share-buttons .ayudawp-share-btn svg {
    display: none !important;
}

.single .ayudawp-share-buttons .ayudawp-share-btn:hover,
.single .ayudawp-share-buttons .ayudawp-share-btn:focus {
    background-color: #FFB600 !important;
    border-color: transparent !important;
    color: transparent !important;
    transform: none !important;
    outline: none;
}

.single .ayudawp-share-buttons .ayudawp-share-btn.claude {
    background-image: url('../img/Social-share-claude.svg');
}

.single .ayudawp-share-buttons .ayudawp-share-btn.chatgpt {
    background-image: url('../img/Social-share-chatgpt.svg');
}

.single .ayudawp-share-buttons .ayudawp-share-btn.twitter {
    background-image: url('../img/Social-share-X.svg');
}

.single .ayudawp-share-buttons .ayudawp-share-btn.linkedin {
    background-image: url('../img/Social-share-Linkedin.svg');
}

/* Game category: load more button */
.archive-box .btn-yellow.js-more-items-cats,
.archive-box .btn-yellow.js-more-items-cats:focus,
.archive-box .btn-yellow.js-more-items-cats:active {
    background: #FFB700;
    color: #000000;
    font-family: 'Interstate', sans-serif;
    font-size: 18px;
    font-weight: 800;
}

.archive-box .btn-yellow.js-more-items-cats:hover {
    background: #FFD97A;
    color: #000000;
}

/* Share title + container refinements */
.single .ayudawp-share-buttons span.ayudawp-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    color: #FFFFFF !important;
}

.single .ayudawp-share-buttons {
    border-top: none !important;
    border-bottom: none !important;
}

@media screen and (max-width: 639px) {
    .single .ayudawp-share-buttons span.ayudawp-title {
        font-size: 20px !important;
    }

    /* Keep all 4 share icons on a single row on mobile */
    .single .ayudawp-share-buttons .ayudawp-buttons-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center;
        gap: 0 !important;
        width: 100%;
    }

    /* Mobile: primary article bottom content should be full width */
    #primary-article .single-content-bottom {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

/* ===== Mobile ToC sticky button ===== */
.toc-mobile-btn {
    display: none;
}

@media (max-width: 1023px) {
    .toc-mobile-btn {
        display: block;
        position: fixed;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        padding: 0;
        border: none;
        background: transparent;
        cursor: pointer;
        z-index: 900;
        line-height: 0;
    }

    .toc-mobile-btn img {
        display: block;
        width: 45px;
        height: 45px;
    }

    /* Hide the button when any popup is open */
    body.toc-popup-open .toc-mobile-btn,
    body.games-switcher-popup-open .toc-mobile-btn,
    body.codes-switcher-popup-open .toc-mobile-btn,
    body.hamburger-popup-open .toc-mobile-btn,
    body.language-switcher-popup-open .toc-mobile-btn {
        display: none;
    }
}

/* ===== Mobile ToC popup (bottom-sheet) ===== */
.toc-mobile-popup {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.toc-mobile-popup[hidden] {
    display: none;
}

/* Dim overlay — top 33% of viewport */
.toc-mobile-popup__overlay {
    height: 33%;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.72);
    cursor: pointer;
}

/* Content sheet — bottom 67% */
.toc-mobile-popup__sheet {
    flex: 1;
    background: #1a1a1d;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.toc-mobile-popup__header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 18px 20px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.toc-mobile-popup__title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    text-align: center;
}

.toc-mobile-popup__close {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.toc-mobile-popup__body {
    flex: 1;
    overflow-y: auto;
    padding: 16px 40px 32px;
    -webkit-overflow-scrolling: touch;
}

/* Replicate toc-box-links style inside the popup */
.toc-mobile-popup__body .toc-box-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.toc-mobile-popup__body .toc-box-links ul li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-size: 18px;
    line-height: 1.4;
    border-bottom: none;
}

.toc-mobile-popup__body .toc-box-links ul li.current a {
    color: #FFB600;
}

.toc-mobile-popup__body .toc-box-links ul li:last-child a {
    border-bottom: none;
}

.toc-mobile-popup__body .toc-box-links .toc-item.toc-level-3 a {
    padding-left: 16px;
    font-size: 14px;
    opacity: 0.85;
}

.toc-mobile-popup__body .toc-box-links .toc-item.toc-level-4 a {
    padding-left: 28px;
    font-size: 13px;
    opacity: 0.75;
}

/* Prevent body scroll when popup is open */
body.toc-popup-open {
    overflow: hidden;
}

/* ===== Code article list ===== */
.code-article-list {
    margin-top: 32px;
    margin-bottom: 8px;
}

.code-article-list__heading {
    margin: 0 0 14px;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

.code-article-list__rows {
    list-style: none;
    margin: 0;
    padding: 0;
}

.code-article-list__row {
    display: block;
    margin-bottom: 8px;
}

.code-article-list__copy-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: #FFB700;
    font-size: 18px;
    font-weight: 700;
    line-height: 2;
    cursor: pointer;
    padding: 0;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: color 0.15s;
}

.code-article-list__copy-trigger:hover {
    color: #FFFFFF;
}

.code-article-list__copy-trigger:hover .code-article-list__copy-icon img {
    filter: brightness(0) invert(1);
}

.code-article-list__copy-trigger:focus-visible {
    outline: 2px solid #FFB700;
    outline-offset: 2px;
}

.code-article-list__copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12.5px;
    height: 12.5px;
}

.code-article-list__copy-icon img {
    display: block;
    width: 12.5px;
    height: 12.5px;
}

.code-article-list__reward {
    color: #BFBBD4;
    font-size: 18px;
    line-height: 2;
}

.code-article-list__copy-trigger.is-copied::after {
    content: attr(data-copy-label);
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 19px;
    background: #FFFFFF;
    color: #1A1A1A;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    border-radius: 7px;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    text-decoration: none;
    text-transform: none;
    z-index: 10;
}

/* Upward triangle pointer for the inline Copied bubble */
.code-article-list__copy-trigger.is-copied::before {
    content: '';
    position: absolute;
    top: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFFFFF;
    pointer-events: none;
    z-index: 11;
}

/* Floating "Copied" tooltip rendered on <body> when the copy trigger is
 * embedded inside a post table (whose overflow:hidden would otherwise clip
 * the ::after tooltip). Positioned via JS using fixed coordinates. */
.code-article-copied-floating {
    position: fixed;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 19px;
    background: #FFFFFF;
    color: #1A1A1A;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    border-radius: 7px;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    text-decoration: none;
    text-transform: none;
}

/* Upward triangle pointer for the floating Copied bubble */
.code-article-copied-floating::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFFFFF;
}

/*
 * Overrides for when the codes block is rendered inside .entry — e.g. when
 * a code-type element is embedded into a post via [eld_element]. Without
 * these the post-content rules (.entry ul li:before bullets, .entry img
 * margin/border/border-radius) bleed onto the codes UI.
 */
.entry .code-article-list__rows {
    list-style: none;
    margin: 0;
    padding: 0;
}
.entry .code-article-list__row {
    padding-left: 0;
}
.entry .code-article-list__row:before {
    content: none;
}
.entry .code-article-list__copy-icon img {
    margin: 0;
    border: 0;
    border-radius: 0;
}

@media (max-width: 639px) {
    .code-article-list {
        margin-top: 26px;
    }

    .code-article-list__heading {
        font-size: 32px;
    }

    .code-article-list__copy-trigger,
    .code-article-list__reward {
        font-size: 18px;
    }
}

/* ===== Code article TABLE template =====
 * Two-column "Redeem Codes / Rewards" layout. Reuses the existing
 * .code-article-list__copy-trigger class on copy buttons so the existing
 * clipboard JS works unchanged. Heading reuses .code-article-list__heading
 * for visual parity with the list template.
 */
.code-article-table-wrap {
    margin-top: 32px;
    margin-bottom: 8px;
}

.code-article-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #323141;
    border-radius: 12px;
    overflow: hidden;
    background: #1E1F28;
    color: #FFFFFF;
    /* Foundation sets margin-bottom: 1rem on raw <table>; keep that off so
     * the wrap controls spacing. */
    margin: 0;
}

/* Foundation defaults set tbody/thead { border:1px solid #f1f1f1;
 * background-color:#fefefe } and stripe even rows white-grey. Override
 * those explicitly to match the rest of the site's table palette. */
.code-article-table thead,
.code-article-table tbody,
.code-article-table tfoot {
    border: 0;
    background-color: transparent;
}

.code-article-table thead th {
    background: #0E0E11;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    padding: 14px 16px;
    border-bottom: 1px solid #323141;
}

.code-article-table thead th + th {
    border-left: 1px solid #323141;
}

.code-article-table tbody tr {
    background-color: #1E1F28;
}

.code-article-table tbody tr:nth-child(even) {
    background-color: #282836;
    border-bottom: 0;
}

.code-article-table__row + .code-article-table__row td {
    border-top: 1px solid #323141;
}

.code-article-table__cell {
    padding: 16px;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    background: transparent;
}

.code-article-table__cell--code {
    width: 50%;
    border-right: 1px solid #323141;
    text-align: center;
}

.code-article-table__cell--rewards {
    width: 50%;
}

/* Code input box + copy button.
 * NOTE: do NOT set overflow:hidden here — the .is-copied tooltip on the
 * copy button is an absolutely-positioned ::after pseudo and would get
 * clipped. Border-radius continuity is preserved by rounding the
 * button's right edges directly instead. */
.code-article-table__code-input {
    display: inline-flex;
    align-items: stretch;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    background: #0E0E11;
    border: 1px solid #323141;
    border-radius: 6px;
}

.code-article-table__code-text {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 12px;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: left;
    user-select: all;
    word-break: break-all;
}

.code-article-table__copy-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    border: 0;
    border-left: 1px solid #323141;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #FFB700;
    color: #0E0E11;
    cursor: pointer;
    padding: 0;
    transition: background 0.15s;
    /* Override .code-article-list__copy-trigger underline styling */
    text-decoration: none;
}

.code-article-table__copy-btn:hover {
    background: #FFD79A;
}

.code-article-table__copy-btn:focus-visible {
    outline: 2px solid #FFB700;
    outline-offset: 2px;
}

.code-article-table__copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.code-article-table__copy-icon img {
    display: block;
    width: 16px;
    height: 16px;
    /* Icon SVG is orange by default; force dark so it reads on the gold button. */
    filter: brightness(0);
}

/* Copied tooltip — repositioned for the table copy button so it appears
 * centered under the small square button instead of right-aligned. */
.code-article-table__copy-btn.is-copied::after {
    right: 50%;
    transform: translateX(50%);
}

/* Redeem link */
.code-article-table__redeem-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    color: #FFB700;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.code-article-table__redeem-link:hover {
    color: #FFD79A;
    text-decoration: underline;
}

.code-article-table__redeem-marker {
    font-size: 12px;
    line-height: 1;
}

/* Date added line */
.code-article-table__date {
    margin-top: 8px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

/* Rewards column list */
.code-article-table__rewards {
    list-style: none;
    margin: 0;
    padding: 0;
}

.code-article-table__reward {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.4;
}

.code-article-table__reward + .code-article-table__reward {
    border-top: 0;
}

.code-article-table__reward-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    background: transparent;
}

.code-article-table__reward-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.code-article-table__reward-name {
    color: #FFB700;
    font-weight: 700;
    text-decoration: none;
}

a.code-article-table__reward-name:hover {
    color: #FFD79A;
    text-decoration: underline;
}

.code-article-table__reward-qty {
    color: #FFFFFF;
    font-weight: 500;
}

/* Overrides when the table is rendered inside .entry (post body or
 * embedded element shortcode) — strips post-content rules that would
 * otherwise leak onto the table. */
.entry .code-article-table-wrap .code-article-table {
    margin: 0;
}
.entry .code-article-table thead th,
.entry .code-article-table tbody td {
    color: #FFFFFF;
}
.entry .code-article-table__rewards {
    list-style: none;
    margin: 0;
    padding: 0;
}
.entry .code-article-table__reward {
    padding-left: 0;
}
.entry .code-article-table__reward:before {
    content: none;
}
.entry .code-article-table__reward-icon img,
.entry .code-article-table__copy-icon img {
    margin: 0;
    border: 0;
    border-radius: 0;
}
.entry .code-article-table a,
.entry .code-article-table a:hover,
.entry .code-article-list a,
.entry .code-article-list a:hover {
    border-bottom: 0;
}

@media (max-width: 639px) {
    .code-article-table thead th {
        font-size: 15px;
        padding: 10px 8px;
    }
    .code-article-table__cell {
        padding: 12px 10px;
        font-size: 15px;
    }
    .code-article-table__code-text {
        font-size: 14px;
        padding: 7px 10px;
    }
    .code-article-table__copy-btn {
        width: 34px;
    }
    .code-article-table__redeem-link,
    .code-article-table__reward {
        font-size: 14px;
    }
    .code-article-table__date {
        font-size: 13px;
    }
    .code-article-table__reward-icon {
        width: 24px;
        height: 24px;
    }
}