@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ================================================= */
/* ROOT */
/* ================================================= */

:root{
    --emerald:#2fd58f;
    --emerald-soft:#2dd895;
    --dark-bg:#0b1218;
    --header-bg:#0f1822;
    --nav-bg:#101c27;
    --card-bg:#111c26;
}

/* ================================================= */
/* GLOBAL */
/* ================================================= */

body,
.layout-bc{
    background:var(--dark-bg) !important;
    font-family:'Poppins',sans-serif !important;
}

/* ================================================= */
/* HEADER FULL WIDTH FIX */
/* ================================================= */

.layout-content-holder-bc,
.layout-footer-holder-bc{
    max-width:100% !important;
    padding:0 !important;
}

.hdr-main-content-bc{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    background:var(--header-bg) !important;
    height:72px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.05);
    padding:0 40px !important;
}

/* Navigation bar */

.nav-menu-container.header-navigation:first-child{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    background:var(--nav-bg) !important;
    border-bottom:1px solid rgba(255,255,255,.04);
    padding:0 40px !important;
    margin-top:8px !important;
}

/* ================================================= */
/* MENU */
/* ================================================= */

.nav-menu-container.header-navigation:first-child .nav-menu{
    height:60px !important;
    align-items:center;
    gap:12px;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item{
    padding:10px 18px;
    border-radius:10px;
    background:rgba(255,255,255,.03);
    color:#c9d4df !important;
    transition:.25s;
    font-weight:500;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item:hover{
    background:rgba(47,213,143,.15);
    color:var(--emerald) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active{
    background:rgba(47,213,143,.2);
    color:var(--emerald) !important;
    box-shadow:inset 0 0 0 1px rgba(47,213,143,.35);
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item i{
    color:var(--emerald) !important;
}

/* ================================================= */
/* BUTTONS (DÜZELTİLDİ) */
/* ================================================= */

.btn.sign-in,
.btn.register{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    line-height:1 !important;
}

.btn.sign-in{
    background:#ffffff !important;
    color:#0b1218 !important;
    border-radius:10px !important;
    padding:8px 20px !important;
    font-weight:600;
}

.btn.sign-in::before,
.btn.sign-in::after{
    display:none !important;
}

.btn.register{
    background:linear-gradient(135deg,var(--emerald-soft),var(--emerald)) !important;
    color:#000 !important;
    border-radius:10px !important;
    padding:8px 22px !important;
    font-weight:700;
}

/* ================================================= */
/* CONTENT CONTAINER */
/* ================================================= */

.layout-bc:not(.page-full-size) .layout-content-holder-bc{
    max-width:1400px !important;
    margin:0 auto !important;
    padding:0 30px !important;
}

/* ================================================= */
/* CASINO & CANLI CASINO */
/* ================================================= */

.games-horiz-scroll,
.layout-group-products{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:25px !important;
}

.casino-game-item,
.layout-group-products a{
    width:220px !important;
    height:220px !important;
    background:var(--card-bg) !important;
    border-radius:16px !important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.05);
    position:relative;
    transition:.3s;
}

.casino-game-item img,
.layout-group-products img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ❌ EMERALD OVERLAY TAMAMEN KALDIRILDI */

.casino-game-item::after,
.layout-group-products a::after{
    display:none !important;
}

.casino-game-item:hover,
.layout-group-products a:hover{
    box-shadow:0 14px 35px rgba(47,213,143,.3);
}

/* ================================================= */
/* SECTION TITLES */
/* ================================================= */

.games-content .page-view-more .view-title-more{
    text-align:center !important;
    width:100%;
    font-size:28px !important;
    font-weight:700 !important;
    color:#fff !important;
    margin-bottom:30px;
}

/* ================================================= */
/* ÖNE ÇIKANLAR */
/* ================================================= */

.ftr-game-item-bc{
    background:linear-gradient(180deg,#111a24,#0c1218) !important;
    border-radius:16px;
    border:1px solid rgba(47,213,143,.08);
}

.ftr-game-item-bc .market-group-holder-bc .market-bc.active,
.ftr-game-item-bc .market-group-holder-bc .market-bc:hover{
    background:var(--emerald) !important;
    color:#000 !important;
}

/* ================================================= */
/* FOOTER */
/* ================================================= */

footer{
    background:#0f1822 !important;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--emerald-soft),var(--emerald));
}