/* Giriş */
.btn.s-small.sign-in {
    width: 90px;
    height: 38px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    background: #42b5b7 url("https://cms.btcoservice40.com/storage/medias/mislikazan-18762582/media_18762582_edbce8be16d77b65476a41e16173debd.svg") center/100% 100% no-repeat;
    transition: top .3s ease;
    animation: changewidth 1s infinite alternate;
}

.btn.sign-in:hover {
    top: -3px;
}

/* Kayıt Ol */
.btn.s-small.register {
    width: 100px;
    height: 38px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    background: #f49a1c url("https://cms.btcoservice40.com/storage/medias/mislikazan-18762582/media_18762582_34f02eb88a6e5a8e86c73ac8c1fd0764.svg") center/100% 100% no-repeat;
    transition: top .3s ease;
    animation: changewidth .8s infinite alternate;
}

.btn.register:hover {
    top: -3px;
}

@keyframes changewidth {
    from {
        background-position: 190px;
    }
    to {
        background-position: 0;
    }
}
html.is-web #root:not(.sportsbook) {     max-width: var(--desktop-home-page-content-width);     margin: 0 auto }
font uyarlamasi - EN ALTA EKLENECEK KATMAN */
@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/urbanist/v18/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4fFg.ttf") format("truetype");
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/urbanist/v18/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4fFg.ttf") format("truetype");
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/urbanist/v18/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkfFg.ttf") format("truetype");
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/urbanist/v18/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkfFg.ttf") format("truetype");
}

:root {
    --mk-web-font: "Urbanist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.is-web,
html.is-web body,
html.is-web #root {
    font-family: var(--mk-web-font) !important;
    font-feature-settings: normal !important;
    font-variation-settings: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

html.is-web body :where(
    div,
    span,
    p,
    a,
    button,
    input,
    textarea,
    select,
    label,
    strong,
    b,
    small,
    li,
    td,
    th,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
):not(:where(
    i,
    svg,
    svg *,
    [class*="icon" i],
    [class*="Icon"],
    [class^="bc-i-"],
    [class*=" bc-i-"],
    .CMSIconSVGWrapper,
    .bc-icon
)) {
    font-family: var(--mk-web-font) !important;
}

html.is-web :where(
    .btn,
    .btn span,
    .btn label,
    .nav-menu-item,
    .nav-menu-item span:not(:where([class*="icon" i], [class*="Icon"], [class^="bc-i-"], [class*=" bc-i-"])),
    .nav-menu-item label,
    .nav-menu-item [class*="title" i],
    .form-control-input-bc,
    .form-control-title-bc
) {
    font-family: var(--mk-web-font) !important;
}

html.is-web :where(.btn, .nav-menu-item, .hdr-user-ent-buttons-bc) {
    font-weight: 700 !important;
}
/* =========================================================
   MISLIKAZAN
   WEB FOOTER EXPANDABLE SEO CONTENT
   FULL OPEN + TRANSPARENT + HIDE ARROW
   BETCONSTRUCT CSS ONLY
   EN ALTA EKLENECEK
========================================================= */


/* =========================================================
   1. EXPANDABLE WRAPPER
   FORCE FULL HEIGHT
========================================================= */

html.is-web .expandableContentWrapper {
    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-bottom: 0 !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;

    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;

    clip: auto !important;
    clip-path: none !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transform: none !important;

    transition: none !important;
}


/* =========================================================
   2. EXPANDABLE CONTENT
   FORCE FULL OPEN
========================================================= */

html.is-web .expandableContentWrapper > .expandableContent,
html.is-web .expandableContent {
    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;

    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;

    clip: auto !important;
    clip-path: none !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transform: none !important;

    transition: none !important;
}


/* =========================================================
   3. INNER CONTENT
   REMOVE HEIGHT / CLAMP RESTRICTIONS
========================================================= */

html.is-web .expandableContentWrapper .expandableContent > *,
html.is-web .expandableContentWrapper .expandableContent div,
html.is-web .expandableContentWrapper .expandableContent section,
html.is-web .expandableContentWrapper .expandableContent article,
html.is-web .expandableContentWrapper .expandableContent p {
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;

    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;

    -webkit-box-orient: initial !important;

    white-space: normal !important;
    text-overflow: clip !important;

    mask-image: none !important;
    -webkit-mask-image: none !important;
}


/* =========================================================
   4. REMOVE BACKGROUND / GRADIENT OVERLAY
========================================================= */

html.is-web .expandableContentWrapper::before,
html.is-web .expandableContentWrapper::after,
html.is-web .expandableContent::before,
html.is-web .expandableContent::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    mask-image: none !important;
    -webkit-mask-image: none !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   5. HIDE REAL BETCONSTRUCT EXPAND ARROW
========================================================= */

html.is-web .expandableContentIcon.bc-i-small-arrow-down {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
}


/* =========================================================
   6. REMOVE EMPTY SPACE LEFT BY ARROW
========================================================= */

html.is-web .expandableContentWrapper:has(
    .expandableContentIcon.bc-i-small-arrow-down
) {
    padding-bottom: 0 !important;
}


/* =========================================================
   7. FINAL FORCE OPEN LAYER
========================================================= */

html.is-web body .expandableContentWrapper,
html.is-web body .expandableContentWrapper .expandableContent {
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    mask-image: none !important;
    -webkit-mask-image: none !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   8. HIDE ARROW PSEUDO ICON IF BETCONSTRUCT
   GENERATES GLYPH THROUGH ::BEFORE
========================================================= */

html.is-web .expandableContentIcon.bc-i-small-arrow-down::before,
html.is-web .expandableContentIcon.bc-i-small-arrow-down::after {
    content: none !important;

    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;
}
/* =========================================================
   WEB LOGIN BUTTON
   REMOVE "GİRİŞ" TEXT UNDERLINE
   EN ALTA EKLENECEK
========================================================= */

html.is-web .btn.s-small.sign-in,
html.is-web .btn.s-small.sign-in > span,
html.is-web .btn.s-small.sign-in span {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: solid !important;
    text-decoration-color: transparent !important;

    border-bottom: none !important;
    box-shadow: none !important;
}


/* PSEUDO ELEMENT İLE ÇİZGİ EKLENİYORSA KALDIR */

html.is-web .btn.s-small.sign-in > span::before,
html.is-web .btn.s-small.sign-in > span::after {
    text-decoration: none !important;

    border-bottom: none !important;
    box-shadow: none !important;
}


/* HOVER / FOCUS / ACTIVE DURUMLARINDA DA ÇİZGİ OLMASIN */

html.is-web .btn.s-small.sign-in:hover,
html.is-web .btn.s-small.sign-in:hover > span,
html.is-web .btn.s-small.sign-in:focus,
html.is-web .btn.s-small.sign-in:focus > span,
html.is-web .btn.s-small.sign-in:active,
html.is-web .btn.s-small.sign-in:active > span {
    text-decoration: none !important;
    text-decoration-line: none !important;

    border-bottom: none !important;
}