:root {
    --primary-color: #0d9cef;
    --secondary-color: #242424;
    --radius: 10px;
}

html, body {
    padding: 0;
    margin: 0;
}

html, body {
    background-color: #ededed;
    color: #4e4e4e;
}

.btn {
    border-radius: var(--radius);
}

header {
    background-color: #fff;
    /*height: 125px;*/
}

a {
    text-decoration: none;
    color: #1189af;
}

    a:hover {
        color: #0a7698
    }

    a.link-no-style {
        color: inherit !important;
        text-decoration: none !important;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit !important;
}

.login-register-form-container {
    background-color: #dfdfdf;
}

.page-login-register-buttons {
    background-color: #fff;
}

.page-login-btn {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    padding: 14px 0;
    text-align: center;
    border-radius: 13px;
    color: #70747D;
}

    .page-login-btn:hover {
        color: #70747D
    }

    .page-login-btn.active {
        color: #fff;
        background-color: #70747D;
    }


.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.sweet-loader {
    background-color: transparent !important;
}

    .sweet-loader h1, .sweet-loader h2, .sweet-loader h3, .sweet-loader h4, .sweet-loader h5, .sweet-loader h6 {
        color: #ededed !important;
    }

    .sweet-loader .fa-2x {
        color: #ededed !important;
        vertical-align: middle !important;
        font-size: 1.5rem !important;
    }

    .sweet-loader .swal2-content {
        color: #ededed !important;
    }


#logo img, #footer-logo img {
    max-height: 48px;
}

.light-scroll {
    overflow-y: auto !important;
    overflow-x: hidden;
    /*padding-right: 8px;*/
}

    .light-scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .light-scroll::-webkit-scrollbar-thumb {
        background: #3c3c3c;
    }

    .light-scroll::-webkit-scrollbar-track {
        background: #dbdbdb;
    }

.light-scroll-sm {
    padding-right: 4px;
}

    .light-scroll-sm::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

.light-scroll-xs {
    padding-right: 3px;
}

    .light-scroll-xs::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

.page-header {
    padding: 1.5em 0em;
}

    .page-header .btn-page-back {
    }

.page-image {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5em;
    padding: 1.5em;
}

#div-page-image {
    margin: -1.5em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: .5em;
}
/*.page.has-picture .page-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}*/
.page-content {
    /*background-color: #fff;
    border: 1px solid #eee;*/
    padding: 1.5em;
    border-radius: .5em;
    padding-top: 0;
}

/*.page.has-picture .page-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}*/

.div-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: .5em;
    position: relative;
}

    .div-img a:not(.btn) {
        display: block;
        height: 100%;
        width: 100%;
        z-index: 99;
        position: absolute;
    }

.div-img-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: .5em;
    position: relative;
}

    .div-img-contain a {
        display: block;
        height: 100%;
        width: 100%;
    }

.list-group {
    border-radius: .5em;
}

.page-menu-container .list-group {
    --bs-list-group-bg: #ffffff08;
}

.page-menu-container .list-group-item.active {
    border: 0;
}

.page-menu-container .list-group-item a {
    display: block;
}

.page-menu-container .list-group-item.active a {
    color: #fff;
}

.page:not(#home-page) {
    margin-bottom: 4em;
}

#home-page-showcase {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4em 0;
    margin-top: 0;
    padding-bottom: 6em;
}

#home-page-showcase-title {
    text-align: center;
    margin-bottom: 4em;
}

.page-showcase-item {
    border: 1px solid #eee;
    border-radius: var(--radius);
    position: relative;
    background-color: #fff;
}

.page-showcase-item-picture .div-img, .page-showcase-item-picture .div-img-contain {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.page-showcase-item-content {
    padding: 1em;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

/*.sf-menu ul {
    width: 12em !important;
    left: 50% !important;
    margin-left: -6em;
}
*/
.page-showcase {
    margin: 3em 0;
    margin-bottom: 5em;
}

.page-showcase-title {
    margin-bottom: 2em;
}

.page-showcase-title {
    text-align: center;
}

.page-showcase-item-title a {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
}

.page-showcase-item-description {
    font-size: 13px;
}

#footer {
    padding: 4em 2em;
    background-color: #222;
    color: #eee;
}

#footer-welcome-text {
    font-size: .7rem;
}

#footer .list-group {
    --bs-list-group-bg: transparent;
}

div[data-svg] {
    display: inline-block;
}

.slider-image {
    border-radius: 0;
}

.owl-dots {
    margin: 0 !important;
    padding-top: .4em;
    padding-bottom: .15em;
    background-color: #dadada;
}

.owl-dot span {
    width: .8em !important;
    height: .8em !important;
    background-color: #70747D !important;
}

.owl-dot.active span {
    background-color: #1189af !important;
}

[contenteditable]:focus {
    outline: 1px dashed #0a7698;
}

.page #page-blocks-container:not(.home-page #page-blocks-container) {
    /*background-color: #fff;*/
}

.sf-menu a {
    border: 0;
}

.sf-menu li {
    background-color: transparent;
}

    .sf-menu li:hover {
        background-color: transparent;
    }

    .sf-menu li.divider a {
        border-right: 1px solid #0000001c;
    }

.sf-menu ul {
    background-color: #fff;
}

    .sf-menu ul li {
        background-color: transparent;
        font-size: .9em;
    }

        .sf-menu ul li.divider {
            border-bottom: 1px solid #0000001c;
        }

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c2c2c2;
    --bs-btn-disabled-border-color: #c2c2c2;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c2c2c2;
    --bs-btn-disabled-border-color: #c2c2c2;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.owl-dot.active span {
    background-color: var(--primary-color) !important;
}

#offcanvasThemeSettings hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

.block {
    border-radius: var(--radius);
    overflow: hidden;
    min-height: 50px;
}

.sf-menu li {
    transition: background .1s;
}

/*.list-group-item {
    border: var(--bs-list-group-border-width) solid rgb(255 255 255 / 7%);
}*/

input[type=color] {
    border: 0;
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background-color: transparent;
}

#slider {
    margin-bottom: 4em;
}

.page-showcase-item-title {
    margin-bottom: .8em;
}

.block h3 {
    margin: 0.5em 0;
    font-size: 2.5em !important;
}

#content-body {
    min-height: 570px;
}

#topbar {
    height: 40px;
    font-size: .9em;
}

    #topbar .nav-link {
        color: #4e4e4e;
    }

    #topbar .nav-item {
        border-right: 1px solid #0000001c;
    }

        #topbar .nav-item:last-child {
            border: 0;
        }

.ck.ck-balloon-panel {
    z-index: 9999999 !important;
}

.h1, h1 {
    font-size: 2em;
}

.sf-sub-ul {
    left: unset !important;
    right: 0 !important;
}

.product-box h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 0;
}

.product-box-price {
    font-size: 16px;
    font-weight: bold;
}

.product-box-image {
    width: 100%;
    height: 140px;
    object-fit: cover;
    object-position: center;
}

.product-box-image-container img {
    border-radius: 8px;
}

.owl-item video {
    width: 100%;
    object-fit: cover; /* Videoyu kapsayacak şekilde ayarla */
}

.page-carousel-item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px;
}

.page-list-group-item {
    background-color: transparent;
}

#offcanvasPageSettings {
    width: 30%;
}
#offcanvasMobileNav .list-group-item a {
    font-size: 1.2em;
    letter-spacing: 1.5px;
    font-weight: 500;
}