/* =========================================================
   Back To Top Arrow Fix - backtotop-fix.css
   Unicon font yüklenemediğinde ok ikonunu CSS ile çizer.
========================================================= */

/* Varolan icon elementinin font içeriğini sıfırla */
.backtotop-wrap a i[class*="unicon-chevron-up"],
.backtotop-wrap a i[class*="chevron-up"],
.backtotop-wrap a i {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* CSS chevron oku */
.backtotop-wrap a i[class*="unicon-chevron-up"]::before,
.backtotop-wrap a i[class*="chevron-up"]::before,
.backtotop-wrap a i::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-top: 2.5px solid #ffffff !important;
    border-right: 2.5px solid #ffffff !important;
    transform: rotate(-45deg) !important;
    margin-top: 3px !important;
    margin-left: 0 !important;
}

/* Butonu ortala */
.backtotop-wrap a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Lexend teması spesifik selector'lar */
a.btn.btn-sm.bg-primary.text-white.rounded-circle i[class*="unicon-chevron-up"],
a[data-uc-backtopup] i[class*="unicon-chevron-up"],
a[data-uc-backtopup] i {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

a.btn.btn-sm.bg-primary.text-white.rounded-circle i[class*="unicon-chevron-up"]::before,
a[data-uc-backtopup] i[class*="unicon-chevron-up"]::before,
a[data-uc-backtopup] i::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-top: 2.5px solid #ffffff !important;
    border-right: 2.5px solid #ffffff !important;
    transform: rotate(-45deg) !important;
    margin-top: 3px !important;
    margin-left: 0 !important;
}