:root {
    --color-theme: rgb(255 255 255 / 10%);
    --color-black: rgb(255 255 255 / 88%);
    --color-white: rgb(255 255 255 / 88%);
    --color-muted: #bcc5cf;
    --color-blue: #0f6cbd;
    --color-blue-hover: #0b599c;

    --kutu-renk: rgb(255 255 255 / 10%);
    --kutu-renk-hover: rgb(255 255 255 / 15%);
    --kutu-renk-soft: rgb(255 255 255 / 10%);
    --kutu-renk-soft-hover: rgb(255 255 255 / 15%);

    --yazi-renk-gri-s: rgb(255 255 255 / 44%);
    --yazi-renk-gri-m: rgb(255 255 255 / 64%);
    --yazi-renk-gri-l: rgb(255 255 255 / 84%);

    --bg-white: #010409;
    --bg-siyah-yuzde-2: rgb(255 255 255 / 2%);
    --bg-siyah-yuzde-3: rgb(255 255 255 / 3%);
    --bg-siyah-yuzde-5: rgb(255 255 255 / 5%);
    --bg-siyah-yuzde-7: rgb(255 255 255 / 7%);
    --bg-siyah-yuzde-8: rgb(255 255 255 / 8%);
    --bg-siyah-yuzde-10: rgb(255 255 255 / 10%);
    --bg-siyah-yuzde-15: rgb(255 255 255 / 15%);

    --border-light: rgb(180 180 180 / 12%);
    --border-regular: rgb(180 180 180 / 20%);
    --border-solid: rgb(180 180 180 / 32%);
}


body { padding-top: 67px; }
input { background: transparent; }
.binary img { background: linear-gradient(100deg, var(--kutu-renk-soft) 20%, var(--kutu-renk-soft) 40%, var(--kutu-renk-soft) 60%); }
#toast-container .toast { background: #0d1117; }
#toast-container .toast-message { color: var(--color-black); }
#toast-container .toast-error .toast-title { color: #ef4444; }
#toast-container .toast-success .toast-title { color: #10b981; }


/* HEADER */
.site-menu .menu-body { background: #0d1117; border-right: 1px solid #2f353d; }
.site-menu .menu-body .menu-group li a:hover { background: var(--bg-siyah-yuzde-8); }
.site-menu .mobil-app .box { background: var(--bg-siyah-yuzde-5); }
.header { height: 67px; background: var(--bg-white); border-bottom: 1px solid #2f353d; }
.header .profil ul { background: #0d1117; border: 1px solid #2f353d; box-shadow: none; }
.header .profil ul li a:hover { background: var(--bg-siyah-yuzde-7); }
.header .profil .profil-btn .icon { background: var(--bg-white); }
.sub-nav { background: #0d1117; border-bottom: 1px solid #2f353d; }
.sub-nav .boxs .box .detail .title { color: var(--color-muted); }
@media (max-width: 768px) {
    body { padding-top: 63px; }
    .header { height: 63px; }
    .sub-nav { background: transparent; }
    .sub-nav .boxs .box a { background: var(--kutu-renk)!important; }
}



/* INDEX */
.index-money .money .more a:hover { background: var(--kutu-renk-soft-hover); }
.index-money .money-long .more a:hover { background: var(--kutu-renk-soft-hover); }
.index-money .boxs .kuyumcu .detail .title { color: var(--color-muted); }
.index-money .boxs .kuyumcu .detail .code { color: var(--color-white); }
.index-money .money .box .detail .top .title { color: var(--color-muted); }
.index-money .money-long .box .flag span { background: var(--kutu-renk); }



/* CATEGORY MONEY */
.cat-title .search { color: var(--color-white); }
.cat-title .search input { background: var(--kutu-renk); border-color: transparent!important; }
.cat-title .search input:focus { background: var(--kutu-renk-hover); }
.category-money table tbody tr td .detail .flag-text { background: var(--kutu-renk-hover); }
.category-money table tbody tr:hover { background: var(--bg-siyah-yuzde-5)!important; }
.category-money table tbody tr td .degisim { background: rgb(255 255 255 / 8%)!important; }
.category-money table tbody tr td .degisim.moneyUp { color: #089981; }
.category-money table tbody tr td .degisim.moneyDown { color: #f23645; }
.category-money table tbody tr td .degisim.moneyNat { color: #787c83; }
.category-money.doviz-cevirici table input { color: var(--color-white); }
.category-money.doviz-cevirici table input:focus { background: var(--kutu-renk); }
@media (max-width: 768px) {
    .category-money table tbody tr td .degisim { background: transparent!important; }
}


/* SINGLE MONEY */
.single-money .single-title .detail .symbol { background: var(--kutu-renk); border-color: transparent!important; }
.single-money .single-title .detail .symbol:hover { background: var(--kutu-renk-hover); }
.single-money .single-title .detail .piyasa { background: var(--kutu-renk)!important; border-color: transparent !important; }
.single-money .single-title .detail .piyasa:hover { background: var(--kutu-renk-hover)!important; }
.single-money .single-title .detail .favori { background: var(--kutu-renk)!important; border-color: transparent !important; }
.single-money .single-title .detail .favori:hover { background: var(--kutu-renk-hover)!important; }

.single-money .hesap { background: #0d1117; border-color: #2f353d; }
.single-money .hesap .ust .col .box { background: rgb(255 255 255 / 7%); border-color: var(--border-light); }
.single-money .hesap .ust .col .box:hover { background: var(--kutu-renk-soft); }
.single-money .hesap .ust .col input.miktar { background: rgb(255 255 255 / 7%); border-color: var(--border-light); }
.single-money .hesap .ust .col input.miktar:hover { background: var(--kutu-renk-soft); }
.single-money .hesap .ust .col .doviz-secici { background: #0d1117; border-color: #2f353d; }
.single-money .hesap .ust .col .doviz-secici .arama { color: var(--color-white); }
.single-money .hesap .alt .left .hesap-sonuc { color: var(--color-black); }
@media (max-width: 768px) {
    .single-money .hesap .ust .col .doviz-secici .icerik { background: #0d1117; border: 1px solid; border-color: #2f353d; }
}
.single-money .grafik .stats { background: #0d1117; border-color: #2f353d; }
.single-money .banka { border: 1px solid; border-radius: 6px; box-shadow: unset; border-color: #2f353d; }
.single-money .banka table thead tr th { background: #0d1117; }
.single-money .banka table tbody tr:hover { background: var(--bg-siyah-yuzde-5)!important; }
.single-money .banka .more .col span { background: #1b1e22; }
.single-money .similar .boxs .box { box-shadow: unset; }
.single-money .similar .boxs .box .body { border: 1px solid var(--border-regular); border-top: 0; border-radius: 0 0 6px 6px; }
.money-article { background: #0d1117; border-color: #2f353d; }
.money-article h2 { border-color: var(--color-blue); }



/* CATEGORY BLOG */
.category-blog .boxs .box .detail { background: var(--kutu-renk-soft); }



/* SINGLE BLOG */
.single-blog .detail .social li.xTwitter a { color: var(--color-white); }
.single-blog .article h2:before { background: var(--color-blue); }
.single-blog .article ul { color: var(--color-blue); background:var(--bg-siyah-yuzde-7); }
.single-blog .article ol { color: var(--color-blue); background:var(--bg-siyah-yuzde-7); }
.single-blog .article blockquote { background:var(--bg-siyah-yuzde-7); }
.single-blog .article table thead tr th, .single-blog .article table tbody tr th { border-right: 1px solid var(--border-regular); }



/* SIDEBAR */
.sidebar .big-title h3 { color: var(--yazi-renk-gri-m); }



/* FOOTER */
.footer { background: #0d1117; border-top: 1px solid #2f353d; }
.footer .head ul li a { border-bottom: 2px solid #0d1117; }
.footer .bottom .social li a { background: var(--kutu-renk); }
.footer .bottom .social li a:hover { background: var(--kutu-renk-hover); color: unset; }
.bottom-menu { background: #1b1e22; border-top: 1px solid var(--border-light); }
.bottom-menu ul li a:hover{ background: var(--bg-siyah-yuzde-3); }
.bottom-menu.doviz ul li.doviz a,
    .bottom-menu.altin ul li.altin a,
    .bottom-menu.kripto ul li.kripto a,
    .bottom-menu.emtia ul li.emtia a,
    .bottom-menu.hisse ul li.hisse a {
        background: var(--bg-siyah-yuzde-3);
}

.search-popup .content { background: #0d1117; border-color: #2f353d; }
.pwa-popup-content { background: #0d1117; border: 1px solid; border-color: #2f353d; }



/* GIRIS YAP */
.giris-yap .giris-form .tabs .tab.active { background: var(--color-blue); }
.giris-yap .giris-form .google-btn { background: var(--kutu-renk); border-color: transparent; }
.giris-yap .giris-form .google-btn:hover { background: var(--kutu-renk-hover); }
.giris-yap .giris-form .submit-btn { background: var(--color-blue); }
.giris-yap .giris-form .form-group input { background: var(--bg-siyah-yuzde-5); }



/* PROFIL */
.profil-page .profil-sidebar { background: #0d1117; border-color: #2f353d; }
.profil-page .profil-content { background: #0d1117; border-color: #2f353d; }
.profil-page .profil-content .favori-liste table tbody tr td .islem { background: #15181e; }

.profil-duzenle .profil-sidebar { background: #0d1117; border-color: #2f353d; }
.profil-duzenle .profil-sidebar .profil-menu .menu-item.active { color: #fff; }
.profil-duzenle .profil-content { background: #0d1117; border-color: #2f353d; }
.profil-duzenle .profil-content .avatar-upload-container { background: #0d1117; border-color: #2f353d; }
.profil-duzenle .profil-content .form-group input { background: var(--bg-siyah-yuzde-2); }
.profil-duzenle .profil-content .avatar-upload-container { background: var(--bg-siyah-yuzde-5); border-color: var(--bg-siyah-yuzde-10); }

.favori-popup .content { background: #0d1117; border-color: #2f353d; }


/* TOOLTIP */
.tooltip { background: #333; }
.tooltip.top::before { border-top-color: #333; }
.tooltip.bottom::before { border-bottom-color: #333; }
.tooltip.left::before { border-left-color: #333; }
.tooltip.right::before { border-right-color: #333; }