@font-face {
    font-family: "Mario Gilroy";
    src: url("/mario-assets/fonts/Gilroy-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mario Gilroy";
    src: url("/mario-assets/fonts/Gilroy-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mario Gilroy";
    src: url("/mario-assets/fonts/Gilroy-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --mario-bg: #1f222b;
    --mario-bg-deep: #181a21;
    --mario-surface: #2e313c;
    --mario-surface-2: #373b48;
    --mario-surface-3: #414653;
    --mario-border: #4b505e;
    --mario-orange: #f49600;
    --mario-orange-2: #eb5c15;
    --mario-teal: #37b5b5;
    --mario-teal-dark: #3598aa;
    --mario-text: #ffffff;
    --mario-muted: #b8bdc8;
    --mario-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}

html,
body {
    background: var(--mario-bg) !important;
    color: var(--mario-text) !important;
    font-family: "Mario Gilroy", Arial, sans-serif !important;
}

body > .fixed.inset-0 {
    display: none !important;
}

body > .flex.min-h-screen,
body > div.flex.min-h-screen,
main,
.min-h-screen {
    background: var(--mario-bg) !important;
}

nav.fixed.top-0 {
    background: rgba(46, 49, 60, .98) !important;
    border-bottom: 3px solid var(--mario-orange) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .34) !important;
    backdrop-filter: blur(12px) !important;
}

nav.fixed.top-0 > div {
    max-width: 1440px;
    margin: 0 auto;
}

nav.fixed.top-0 a[href="/"] img {
    width: 164px !important;
    max-width: 164px !important;
    height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
    padding: 4px 0 !important;
}

nav.fixed.top-0 a[href="/"] {
    padding: 3px 10px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 4px !important;
    background: #eef0f4 !important;
}

nav.fixed.top-0 a[href*="login"],
nav.fixed.top-0 a[href*="giris"],
nav.fixed.top-0 button[type="submit"] {
    background: var(--mario-orange) !important;
    border: 1px solid #ffab21 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 14px rgba(244, 150, 0, .24) !important;
}

nav.fixed.top-0 a[href*="register"] {
    background: var(--mario-teal) !important;
    border: 1px solid #58caca !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 14px rgba(55, 181, 181, .22) !important;
}

nav.fixed.top-0 input {
    width: 145px;
    min-height: 34px;
    border: 1px solid var(--mario-border) !important;
    border-radius: 4px !important;
    background: #242730 !important;
    color: #fff !important;
}

.mario-main-nav {
    position: fixed;
    z-index: 55;
    top: 56px;
    left: 0;
    right: 0;
    height: 52px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: #262932;
    border-bottom: 1px solid #444955;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

.mario-main-nav__inner {
    width: min(100%, 1360px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0 18px;
}

.mario-main-nav a {
    position: relative;
    min-width: 122px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    border-left: 1px solid rgba(255, 255, 255, .055);
    color: #dfe2e8 !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .18s ease;
}

.mario-main-nav a:last-child {
    border-right: 1px solid rgba(255, 255, 255, .055);
}

.mario-main-nav a:hover,
.mario-main-nav a.is-active {
    background: var(--mario-orange) !important;
    color: #fff !important;
}

.mario-main-nav a::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 3px;
    background: var(--mario-teal);
    transition: .18s ease;
}

.mario-main-nav a:hover::after,
.mario-main-nav a.is-active::after {
    left: 0;
    right: 0;
}

body > .flex.min-h-screen > .hidden.md\:block.fixed {
    display: none !important;
}

body > .flex.min-h-screen > .flex-1.md\:ml-64 {
    margin-left: 0 !important;
}

body > .flex.min-h-screen > .flex-1.md\:ml-64 > main {
    padding-top: 108px !important;
}

section {
    color: var(--mario-text);
}

.swiper.home-slider {
    overflow: hidden !important;
    border: 1px solid #4a4e59 !important;
    border-radius: 5px !important;
    background: var(--mario-surface) !important;
    box-shadow: var(--mario-shadow) !important;
}

.swiper.home-slider img {
    border-radius: 4px !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: 38px !important;
    height: 54px !important;
    border-radius: 3px !important;
    background: rgba(46, 49, 60, .88) !important;
    color: var(--mario-orange) !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: 800 !important;
}

.swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    background: #fff !important;
    opacity: .65 !important;
}

.swiper-pagination-bullet-active {
    width: 24px !important;
    border-radius: 8px !important;
    background: var(--mario-orange) !important;
    opacity: 1 !important;
}

.mario-promo-strip {
    width: min(calc(100% - 32px), 1368px);
    margin: 14px auto 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.mario-promo-strip a {
    overflow: hidden;
    display: block;
    border: 1px solid var(--mario-border);
    border-radius: 5px;
    background: var(--mario-surface);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .2);
}

.mario-promo-strip img {
    display: block;
    width: 100%;
    aspect-ratio: 3.1 / 1;
    object-fit: cover;
    transition: transform .2s ease;
}

.mario-promo-strip a:hover img {
    transform: scale(1.025);
}

.bg-gradient-to-br,
.bg-gradient-to-r,
.bg-black\/60,
.bg-black\/30,
.bg-black {
    background-image: none !important;
}

.from-zinc-900\/50,
.via-zinc-900\/30,
.to-transparent,
.from-zinc-900\/80,
.via-zinc-900\/60,
.to-zinc-900\/40,
.from-zinc-900\/20,
.via-zinc-900\/10,
.to-zinc-900\/20,
.from-zinc-900\/10,
.via-zinc-900\/5,
.to-zinc-900\/10 {
    background: transparent !important;
}

.game-card,
.winner-card,
.match-card,
[class*="game-card"],
[class*="winner-card"],
[class*="match-card"],
.rounded-xl.border,
.rounded-lg.border,
.border-zinc-800\/50,
.border-zinc-800\/60,
.border-zinc-700\/50 {
    border-color: var(--mario-border) !important;
}

.game-card,
.winner-card,
.match-card,
[class*="game-card"],
[class*="winner-card"],
[class*="match-card"] {
    overflow: hidden;
    border-radius: 5px !important;
    background: var(--mario-surface) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2) !important;
}

.game-card:hover,
[class*="game-card"]:hover {
    border-color: var(--mario-orange) !important;
    transform: translateY(-2px);
}

h1,
h2,
h3,
h4,
h5,
.text-white,
.text-zinc-300 {
    color: var(--mario-text) !important;
}

.text-zinc-400,
.text-zinc-500,
.text-gray-400,
p {
    color: var(--mario-muted) !important;
}

[style*="#ebff00"],
.text-yellow-400 {
    color: var(--mario-orange) !important;
}

.casino-gradient {
    background: linear-gradient(135deg, #ffad24, var(--mario-orange)) !important;
}

input,
select,
textarea {
    border-color: var(--mario-border) !important;
    background: #242730 !important;
    color: #fff !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--mario-orange) !important;
    box-shadow: 0 0 0 3px rgba(244, 150, 0, .14) !important;
}

button,
a {
    letter-spacing: 0 !important;
}

button[type="submit"]:not(.pbx-support-fab),
.mario-primary-button {
    border-color: #ffad24 !important;
}

footer,
.footer,
[class*="footer"] {
    border-color: var(--mario-border) !important;
    background: var(--mario-bg-deep) !important;
    color: var(--mario-text) !important;
}

footer *,
.footer *,
[class*="footer"] * {
    color: var(--mario-muted) !important;
}

footer .bg-black,
footer .bg-zinc-900,
footer .bg-zinc-800,
.footer .bg-black,
.footer .bg-zinc-900,
.footer .bg-zinc-800 {
    border-color: var(--mario-border) !important;
    background: var(--mario-surface) !important;
}

[class*="social"] a,
[class*="payment"] a,
[class*="provider"] a {
    border: 1px solid var(--mario-border) !important;
    background: var(--mario-surface) !important;
    color: #fff !important;
}

.pbx-support-fab {
    border-radius: 50% !important;
    background: var(--mario-orange) !important;
    color: #fff !important;
}

.pbx-support-panel {
    border: 1px solid var(--mario-border) !important;
    border-radius: 7px !important;
    background: var(--mario-surface) !important;
}

#duyuruModal > div {
    width: min(calc(100% - 32px), 448px) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#duyuruModal > div > div {
    border-color: var(--mario-border) !important;
    border-radius: 7px !important;
    background: rgba(46, 49, 60, .98) !important;
}

@media (max-width: 767px) {
    nav.fixed.top-0 a[href="/"] img {
        width: 94px !important;
        max-width: 94px !important;
        height: 36px !important;
    }

    nav.fixed.top-0 a[href="/"] {
        padding: 2px 6px !important;
    }

    nav.fixed.top-0 .flex.items-center.space-x-4 {
        position: absolute !important;
        right: 6px !important;
        top: 7px !important;
        display: flex !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    nav.fixed.top-0 .flex.items-center.space-x-4 > * {
        margin-left: 0 !important;
    }

    nav.fixed.top-0 a[href*="login"],
    nav.fixed.top-0 a[href*="giris"],
    nav.fixed.top-0 a[href*="register"] {
        padding: 8px 9px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .mario-main-nav {
        top: 48px;
        height: 44px;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
    }

    .mario-main-nav::-webkit-scrollbar {
        display: none;
    }

    .mario-main-nav__inner {
        width: max-content;
        min-width: 100%;
        justify-content: flex-start;
        padding: 0;
    }

    .mario-main-nav a {
        min-width: 92px;
        padding: 0 12px;
        font-size: 10px;
    }

    body > .flex.min-h-screen > .flex-1.md\:ml-64 > main {
        padding-top: 94px !important;
    }

    section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .swiper.home-slider {
        border-radius: 5px !important;
    }

    .swiper.home-slider img {
        min-height: 112px !important;
        border-radius: 4px !important;
        object-fit: cover !important;
    }

    .mario-promo-strip {
        width: calc(100% - 20px);
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 9px;
    }

    .mario-promo-strip img {
        aspect-ratio: 3.15 / 1;
    }

    .rounded-xl,
    .rounded-lg {
        border-radius: 6px !important;
    }

    .fixed.bottom-0,
    nav.fixed.bottom-0,
    .mobile-bottom-nav,
    [class*="bottom-nav"] {
        border-top: 2px solid var(--mario-orange) !important;
        background: rgba(38, 41, 50, .98) !important;
        box-shadow: 0 -8px 22px rgba(0, 0, 0, .3) !important;
    }

    .fixed.bottom-0 *,
    nav.fixed.bottom-0 *,
    .mobile-bottom-nav *,
    [class*="bottom-nav"] * {
        color: #c7cbd4 !important;
    }

    .fixed.bottom-0 .text-red-400,
    nav.fixed.bottom-0 .text-red-400,
    .mobile-bottom-nav .text-red-400,
    [class*="bottom-nav"] .text-red-400 {
        color: var(--mario-orange) !important;
    }

    #mobileSidebar {
        border-right: 2px solid var(--mario-orange) !important;
        background: rgba(46, 49, 60, .99) !important;
    }

    #mobileSidebar .sidebar-menu-item {
        border: 1px solid var(--mario-border) !important;
        border-radius: 5px !important;
        background: #262932 !important;
    }

    .pbx-support-widget {
        bottom: 84px !important;
    }

    #duyuruModal {
        padding: 12px !important;
    }

    #duyuruModal > div {
        width: 100% !important;
    }

    #duyuruModal .relative.p-6 {
        padding: 20px 16px !important;
    }

    #duyuruModal .flex.gap-3 {
        gap: 8px !important;
    }

    #duyuruModal .flex.gap-3 button {
        min-width: 0 !important;
        padding: 9px 7px !important;
        font-size: 11px !important;
    }
}

/* Codex Mario polish 20260709: slider, modal and mobile richness */
.home-slider,
.casino-slider {
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 250px !important;
    background: #171a22 !important;
    border: 1px solid rgba(255, 153, 0, .25) !important;
}
.home-slider .swiper-wrapper,
.home-slider .swiper-slide,
.home-slider .swiper-slide a,
.casino-slider .swiper-wrapper,
.casino-slider .swiper-slide,
.casino-slider .swiper-slide a {
    height: 100% !important;
}
.home-slider img,
.casino-slider img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}
.mario-promo-strip,
.home-category-grid,
.mario-visual-section {
    background: #242833 !important;
    border-color: rgba(255, 153, 0, .22) !important;
}
.mario-promo-strip img,
.home-category-grid img,
[class*="bottomBanner"] img {
    filter: saturate(1.08) contrast(1.06) brightness(.92) !important;
}
#bonusModal {
    z-index: 140 !important;
    align-items: flex-start !important;
    padding-top: calc(122px + env(safe-area-inset-top)) !important;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}
#bonusModal > div {
    max-height: calc(100dvh - 224px) !important;
    margin-top: 0 !important;
}
@media (min-width: 769px) {
    #bonusModal {
        padding-top: 96px !important;
        padding-bottom: 44px !important;
    }
    #bonusModal > div {
        max-height: calc(100dvh - 148px) !important;
    }
}
@media (max-width: 768px) {
    body {
        background: #20242d !important;
    }
    .home-slider,
    .casino-slider {
        min-height: 210px !important;
        margin: 10px 10px 16px !important;
        border-radius: 12px !important;
    }
    .home-slider img,
    .casino-slider img {
        height: 210px !important;
    }
    .mario-promo-strip {
        background: #252934 !important;
        padding: 9px !important;
        border-radius: 12px !important;
    }
    .mario-promo-strip img {
        background: #12151b !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
    }
    #bonusModal {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (max-width: 430px) {
    .home-slider,
    .casino-slider {
        min-height: 196px !important;
    }
    .home-slider img,
    .casino-slider img {
        height: 196px !important;
    }
}

/* Codex final slider sizing 20260709 */
.home-slider,
.casino-slider {
    min-height: 300px !important;
}
.home-slider img,
.casino-slider img {
    height: 300px !important;
}
@media (max-width: 768px) {
    .home-slider,
    .casino-slider {
        min-height: 232px !important;
    }
    .home-slider img,
    .casino-slider img {
        height: 232px !important;
    }
}
@media (max-width: 430px) {
    .home-slider,
    .casino-slider {
        min-height: 224px !important;
    }
    .home-slider img,
    .casino-slider img {
        height: 224px !important;
    }
}