@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

#gs-blogpost p {
    font-family: 'Merriweather', serif;
    line-height: 32px;
    font-size: 17px;
}
.uk-article p,
#eb .eb-post-body {
    font-family: 'Merriweather', serif !important;
    line-height: 32px;
}
#eb h1, #eb h2, #eb h3, #eb h4, #eb h5, #eb h6 {
    font-family: 'Merriweather', serif !important;
}
#eb .eb-post img {
    border-radius: 50%;
}
#eb .eb-post-meta,
#eb .eb-entry-meta {
    font-size: 14px;
}
#eb .eb-tag {
    overflow: hidden;
}
#eb .eb-tag-head {
    border: none;
}
#eb .eb-tag-name a {
    line-height: 15px;
    display: block;
}
#eb .o-avatar__content {
    display: block;
}
#eb .mod-welcome-action span i {
    min-width: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
    background: #ebebeb;
    color: #616161;
    padding: 4px;
    border-radius: 50%;
}
/*  This css for description 
body #eb .eb-brand-bio {
    font-family: 'Merriweather', serif !important;
    font-size: 16px !important;   
}
*/
.tm-header .uk-sticky-fixed>.uk-navbar-container:not(.uk-navbar-transparent) {
    box-shadow: 0px 9px 31px 0px #00000005;
}
body.guray-blog {
    overflow: unset;
}
body.guray-blog aside#tm-sidebar {
    flex-wrap: wrap;
    text-align: left;
    display: flex;
}
body.guray-blog aside#tm-sidebar>.uk-child-width-1-1.uk-grid.uk-grid-stack {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 7rem;
    z-index: 10;
}
body.guray-blog .uk-subnav-divider {
    font-size: 13px;
}
.hover-soon-info a:hover:after {
    content: "Soon";
    font-size: 14px;
    font-weight: 500;
    color: #8293d4;
    position: absolute;
    margin-left: 6px;
}
.hover-soon-info a:hover {
    cursor: help;
}
body.ebdarkmodecolor .uk-container, body.ebdarkmodecolor .uk-container *:not(a.eb-post-image-cover) {
    background: unset !important;
}
body.ebdarkmodecolor .uk-section-muted {
    background: #00070a !important;
}
body.ebdarkmodecolor .uk-offcanvas-bar, body.ebdarkmodecolor .uk-offcanvas-bar * {
    background-color: #000 !important;
}
body.ebdarkmodecolor.uk-offcanvas-flip .uk-offcanvas {
    background-color: unset !important;
}
body.ebdarkmodecolor #gsc .uk-button-primary,
body.ebdarkmodecolor #gsc button.btn-primary,
body.ebdarkmodecolor #gsc button span,
body.ebdarkmodecolor .uk-button-primary,
body.ebdarkmodecolor a.btn-primary,
body.ebdarkmodecolor a span {
    background: #226bf4 !important;
    color: #cbdaf9 !important;
}
body.ebdarkmodecolor .uk-subnav>.uk-active>a {
    color: #d5e3ff !important;
}
body.ebdarkmodecolor .mod-languages .uk-subnav>li>a {
    color: white !important;
}
body.ebdarkmodecolor .mod-languages .uk-subnav>li.uk-active>a {
    color: rgb(66, 103, 178) !important;
}
body.ebdarkmodecolor #eb time {
    color: #d4e2fe;
}
body.ebdarkmodecolor .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-color: #d4e2fe !important;
}
body.ebdarkmodecolor .uk-button-text::before {
    filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg);
}
body.ebdarkmodecolor .uk-container .uk-alert.uk-alert-danger {
    background: #2d141b !important;
    color: #ffffff !important;
}
body.ebdarkmodecolor .uk-navbar-primary .uk-navbar-nav>li>a {
    color: #fff !important;
}
body.ebdarkmodecolor div#module-menu-mobile > ul > li:not(.uk-active) > a {
    color: #fff !important;
}
div#module-menu-mobile > ul > li {
    margin: 23px 0px;
}
.m-lang-sw {
    border-top: 0.5px solid #888888;
    border-bottom: 0.5px solid #888888;
    padding: 15px 0px;
}
#tm-main span.highlight,
body.ebdarkmodecolor #tm-main span.highlight {
    background-color: #ebf507 !important;
    font-weight: bold;
    padding: 1px 0;
    color: #000000 !important;
}
body.glossary .uk-fieldset, fieldset {
    border: 0px solid !important;
    display: inline-block;
    padding: 33px 0px;
}
body.glossary .glossary #toolbar {
    margin: 0px;
}
body.glossary .glossary #toolbar ul {
    display: contents;
    margin: 0px !important;
}
body.glossary li#toolbar-cancel {
    margin-left: 10px;
}
body.glossary .glossary ul.adminformlist, ul.adminformlist li {
    margin-bottom: 40px;
    margin-top: 10px;
}
#com_glossary .seopagination ul>li.active>span.glossletselect {
    width: 60px !important;
}
#com_glossary .custom-select select.seoselect, .custom-select select.seoselect {
    padding-right: 40px;
}
div.seogl-newterm {
    margin: 0px;
}
#glossarylist > tbody > tr > td:nth-child(1) > a.button.btn.btn-primary {
    float: right;
    padding: 2px 10px !important;
    line-height: normal;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
}
#glossarylist > tbody > tr > td:nth-child(1) > a {
    color: #226bf4;
}
div#glossarysearch {
    padding: 0px;
}
body.ebdarkmodecolor table.res#glossarylist * tr:nth-of-type(odd) {
    background: #eeeeee17 !important;
}
body.ebdarkmodecolor #seog-top-pagination > ul > li.uk-active > span {
    background: #312e94 !important;
    color: #cbdaf9 !important;
}
body.ebdarkmodecolor #com_glossary .seopagination ul>li.active>span {
    background: #eeeeee17 !important;
}
body.ebdarkmodecolor #com_glossary #searchForm > div.input-append > div > div.srch-btn > button {
    background: #ffffff24 url(../../../components/com_seoglossary/assets/images/srchIcn.png) center center no-repeat !important;
    background-size: 17px auto !important;
    text-shadow: none;
    box-shadow: none;
}
body.ebdarkmodecolor #com_glossary .custom-select select.seoselect, .custom-select select.seoselect {
    background: #ffffff00 url(../../../components/com_seoglossary/assets/images/dropIcn.png) 93% center no-repeat !important;
}
body.ebdarkmodecolor table.res#glossarylist * tr.header-seoglossary th {
    background: black !important;
    border: 0px solid #000 !important;
}
#eb .eb-reading-indicator {
    background: #c9b316;
    color: #fff;
    padding: 2px 7px;
}
#eb .eb-reading-indicator * {
    font-weight: 400;
}
body.ebdarkmodecolor #eb .eb-reading-indicator {
    background: #74680d !important;
}

body.ebdarkmodecolor .uk-navbar-dropdown {
    background: #151b27;
}
body.ebdarkmodecolor blockquote {
    color: #fff;
}

body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li>a div,
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li a div{
    color: rgb(66, 103, 178);
}
body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a div *,
body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li:hover>a div.uk-width-expand,
body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary>li:not(.uk-parent):hover>a,
body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li:hover>a,

body.ebdarkmodecolor .uk-navbar-dropdown-nav>li.uk-active>a div *,
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li:hover>a div.uk-width-expand,
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li:not(.uk-parent):hover>a,
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li:hover>a {
    color: rgb(195 215 255) !important;
}
body.ebdarkmodecolor .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li span.uk-icon,
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li span.uk-icon {
    color: #8b8b8b !important;
}
body.ebdarkmodecolor .uk-nav-primary .uk-nav-subtitle,
body.ebdarkmodecolor .uk-navbar-dropdown-nav .uk-nav-subtitle {
    color: #8b8b8b !important;
}
body.ebdarkmodecolor .uk-navbar-dropdown-nav>li>a {
    color: #fff !important;
}
body.ebdarkmodecolor .market-quotes-widget__field--name-row-cell a,
body.ebdarkmodecolor .market-quotes-widget__field {
    color: #fff;
}
body.ebdarkmodecolor h1, body.ebdarkmodecolor h2, body.ebdarkmodecolor h3 {
    color: #e2e8f0 !important;
}
@media print {
    div#darkmode_button,
    .uk-navbar-toggle .uk-icon,
    .no-print {
        visibility: hidden;
        display: none;
    }
    .tm-header-placeholder.uk-margin-remove-adjacent {
        height: 20px !important;
    }
}

/* Normal TOC için hiçbir şey değiştirme */

/* Scroll sonrası mini navigasyon görünümü */
/* Mini TOC toggle (her zaman sabit mor buton) */
.rl_quickindex.card.mini {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 40px;
    background: #5d58ff;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

/* Kapalı iken ikon (liste) */
.rl_quickindex.card.mini::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0ca"; /* fa-list-ul */
    font-size: 20px;
    color: #fff;
}

/* Açıkken ikon X'e dönüşür */
.rl_quickindex.card.mini.open::before {
    content: "\f00d"; /* fa-times */
}

/* İçerik penceresi (mor alanın üstünde açılır) */
.rl_quickindex.card.mini .toc-content {
    display: none;
    position: fixed;
    bottom: 70px; /* toggle alanının üstünde */
    right: 20px;
    width: 300px;
    max-height: 70vh;
    overflow-y: auto;
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 10px;
    z-index: 9998;
}

/* Açıldığında içerik görünür */
.rl_quickindex.card.mini.open .toc-content {
    display: block;
}

/* Glow */
#mouse-glow {
    position: fixed;
    top: 0;
    left: 0;

    width: 900px;
    height: 900px;

    border-radius: 50%;

    pointer-events: none;

    z-index: 9999;

    transform: translate3d(-9999px, -9999px, 0);

    will-change: transform;

    background: radial-gradient(
            circle,
            rgba(93, 88, 255, 0.38) 0%,
            rgba(93, 88, 255, 0.24) 20%,
            rgba(93, 88, 255, 0.16) 40%,
            transparent 70%
    );

    filter: blur(110px);
}

/* DARK MODE */
body.ebdarkmodecolor #mouse-glow {
    background: radial-gradient(
            circle,
            rgba(96, 165, 250, 0.40) 0%,
            rgba(96, 165, 250, 0.20) 22%,
            rgba(96, 165, 250, 0.08) 42%,
            transparent 72%
    ) !important;

    filter: blur(130px);
}

/* MOBILE Glow */
@media (max-width: 960px) {

    #mouse-glow {
        background: radial-gradient(
                circle,
                rgba(93, 88, 255, 0.25) 0%,
                rgba(93, 88, 255, 0.10) 35%,
                transparent 70%
        );
    }

    body.ebdarkmodecolor #mouse-glow {
        background: radial-gradient(
                circle,
                rgba(96, 165, 250, 0.28) 0%,
                rgba(96, 165, 250, 0.12) 40%,
                transparent 72%
        ) !important;
    }
}