﻿

/**Kullanımı**/
/*var(--kırmızı)*/


/*.header-fixed {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}*/
.header-opt-1 .header-nav {
    background-color: var(--renk3);
    /*margin-top: 157px;*/
}


.block-nav-categori .block-title {
    color: var(--top1yazirenk)
}

/*.header-opt-1 .block-nav-categori .ui-categori {
    background: var(--KategoriBg) !important;
}*/


.block-section-top1 .block-nav-categori .ui-categori {
    background: var(--KategoriBg) !important;
}

    .block-section-top1 .block-nav-categori .ui-categori > li > a {
        color: var(--KategoriLink) !important;
    }

    .block-section-top1 .block-nav-categori .ui-categori > li > a:hover {
        color: var(--KategoriLinkHover) !important;
    }

.block-nav-categori .ui-categori > li {
    border-bottom: 1px solid var(--KategoriLinkBorderBottom) !important;
}

.block-nav-categori .ui-categori .submenu .categori-list li a {
    font-size: 14px;
    color: var(--AltKategoriLink) !important;
    border-bottom: 1px solid var(--AltKategoriLinkBorderBottom) !important;
}
    .block-nav-categori .ui-categori .submenu .categori-list li a:hover {
    
        color: var(--AltKategoriLinkHover) !important;
    }






/****Navbar Kategori Kısmı*****/
.header-opt-1 .block-nav-categori .block-title {
    background-color: var(--renk1)
}

/**Top Header Arka plan rengi**/
.header-opt-1 .header-top {
    background-color: var(--renk1)
}
    /* Top Header Yazı rengi**/
    .header-opt-1 .header-top .nav-left > li > a, .header-opt-1 .header-top .nav-left > li > span, .header-opt-1 .header-top .nav-right > li > a, .header-opt-1 .header-top .nav-right > li > span {
        color: var(--top1yazirenk);
    }

/**Top Arama Buton***/

.header-opt-1 .header-content .block-search .form-search .btn-search {
    background-color: var(--renk3) !important;
    color: var(--navbaryazirenk)
}

    .header-opt-1 .header-content .block-search .form-search .btn-search:hover {
        background-color: var(--renk3) !important;
        color: var(--top1yazirenk)
    }




/***Top Sepet Butonu***/
.header-opt-1 .header-content .block-minicart > .dropdown-toggle .cart-icon {
    background-image: url(../images/icon/index1/minicart.png) !important;
    background-color: var(--renk1) !important;
}

    .header-opt-1 .header-content .block-minicart > .dropdown-toggle .cart-icon:hover {
        background-image: url(../images/icon/index1/minicart.png) !important;
        background-color: var(--renk3) !important;
    }



/**Sepet ürün sayısı badge**/
.header-opt-1 .header-content .block-minicart > .dropdown-toggle .counter-number {
    background-color: var(--renk3) !important;
    color: var(--navbaryazirenk) !important;
}

    .header-opt-1 .header-content .block-minicart > .dropdown-toggle .counter-number:before {
        border-color: transparent var(--renk3) transparent transparent;
    }



/***Navbar yazı******/
.block-nav-menu .ui-menu > li > a {
    color: var(--navbaryazirenk) !important;
}




/***Slider Aktif alt buton kutucuk active***/
.slide-opt-8 .owl-dots .owl-dot.active {
    background-color: #0e0e58 !important;
    /* color: #6f3333; */
    border-color: #c7861e !important;
}
/***Slider Aktif alt buton kutucuk***/
.slide-opt-8 .owl-dots .owl-dot {
    color: #666 !important;
    border: 1px solid #c14c4c !important;
}



/****İndirim badge*****/
.product-item-opt-1 .product-item-label.label-price {
    background-color: var(--IndirimBg);
    color: var(--IndirimYazi);
}


/****Tükendi badge****/
.product-item-opt-1 .product-item-label.label-sale-off {
    background-color: var(--TukendiBg);
    color: var(--TukendiYazi);
}



/***Sepete ekle butonu****/
.product-item-opt-1 .product-item-info .btn-cart {
    background-color: var(--renk1);
    color: var(--top1yazirenk) !important;
}


    /****Sepete Ekle butonu hover****/
    .product-item-opt-1 .product-item-info .btn-cart:hover {
        background-color: #4bc30b;
        color: black !important;
    }


/***Özel ürünler tab****/
.block-tab-products-opt1 .nav > li.active > a {
    color: #333 !important;
    border-bottom: 3px solid var(--renk3) !important;
}

.block-tab-products-opt1 .nav > li > a {
    border-color: var(--renk1) !important;
}


/****Günün ürünü çerçeve****/
.block-deals-of-opt1 .block-title .icon {
    background-color: var(--renk3) !important;
}
    /****Günün ürünü çerçevenin gubbesi****/
    .block-deals-of-opt1 .block-title .icon:before {
        border-color: transparent transparent var(--renk3);
    }
/****Günün ürünü çerçevenin çerçevesi****/
block-deals-of-opt1 .block-content {
    border: 3px solid rgb(14, 14, 88) !important;
    background-color: #e20017 !important;
}

.block-deals-of-opt1 .block-content {
    border: 3px solid var(--renk3) !important;
}
/****Yukarı butonu****/
.back-to-top .fa {
    background-color: var(--renk1) !important;
    color: var(--top1yazirenk) !important;
}


/***Sepete Ekle butonu****/
.catalog-view_op1 .product-options-bottom .btn-cart {
    background-color: var(--renk1) !important;
    color: var(--top1yazirenk) !important;
}

    .catalog-view_op1 .product-options-bottom .btn-cart:hover {
        background-color: var(--renk3) !important;
        color: var(--navbaryazirenk) !important;
    }




/****Fiyatı düştü oranı badge****/
.catalog-view_op1 .product-info-main .product-info-price .label-sale {
    /*background-color: #fff !important;
    color: #0a0 !important;
    font-weight: bold;
    font-size: 26px;
    border-right: 1px solid #efefef;*/
    background-color: #fff !important;
    border-right: 1px solid #efefef;
    color: #ff4800;
    font-size: 34px;
    font-weight: 700;
}
.catalog-view_op1 .product-info-main .product-info-price .label-sale small {
    color: #ff4800;
}


/***Ürün Detayı Açıklama ve yorum kısmı****/
.catalog-view_op1 .product-info-detailed .nav > li > a {
    color: #ffffff !important;
    background-color: var(--renk1) !important;
}


/****Ürünler listesi sepete ekle butonu**/
.product-item-opt-1 .product-item-info .btn-cart:hover {
    background-color: var(--renk3) !important;
    color: var(--navbaryazirenk) !important;
}





.product-item-opt-1 .product-item-label.label-new {
    background-color: var(--renk3);
    color: var(--navbaryazirenk)
}

/****Ürün hover hızlı butonlar*****/

.product-item-opt-1 .product-item-actions .btn {
    color: var(--navbaryazirenk) !important;
    background-color: var(--renk3) !important;
}


    .product-item-opt-1 .product-item-actions .btn:hover {
        color: var(--top1yazirenk) !important;
        background-color: var(--renk1) !important;
    }



.back-to-top {
    border: 2px solid var(--renk1) !important;
}

    .back-to-top:hover {
        color: var(--navbaryazirenk) !important;
        background-color: var(--renk3) !important;
    }


.header-opt-1 .header-nav .setting .dropdown-toggle {
    background-color: var(--renk1);
}

.header-opt-1 .header-nav .block-search .block-title {
    background-color: var(--renk1);
}

.header-opt-1 .header-nav .block-minicart .dropdown-toggle .cart-icon {
    background-color: var(--renk1);
}


.block-service-opt1 .item i {
    color: black !important;
}

    .block-service-opt1 .item i:hover {
        color: var(--renk3) !important;
    }

.product-item-opt-1 .product-item-info .btn-cart:hover {
    background-color: #cd59fb;
    color: black
}




.catalog-view_op1 .product-info-detailed .nav > li.active > a {
    background-color: var(--renk3) !important;
    border: 1px solid #eee;
}


.catalog-view_op1 .block-related .owl-nav .owl-next, .catalog-view_op1 .block-related .owl-nav .owl-prev, .catalog-view_op1 .block-upsell .owl-nav .owl-next, .catalog-view_op1 .block-upsell .owl-nav .owl-prev {
    background-color: var(--renk1);
    color: var(--top1yazirenk);
}


    .catalog-view_op1 .block-related .owl-nav .owl-next:hover, .catalog-view_op1 .block-related .owl-nav .owl-prev:hover, .catalog-view_op1 .block-upsell .owl-nav .owl-next:hover, .catalog-view_op1 .block-upsell .owl-nav .owl-prev:hover {
        background-color: var(--renk3);
        color: var(--navbaryazirenk);
    }




.catalog-view_op1 .product-options-bottom .product-addto-links .action:hover {
    color: #a111db !important
}

    .catalog-view_op1 .product-options-bottom .product-addto-links .action:hover:before {
        background-color: var(--renk3);
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

.block-tab-products-opt1 .owl-nav .owl-next, .block-tab-products-opt1 .owl-nav .owl-prev {
    text-align: center;
    display: block;
    float: left;
    margin-left: 5px;
    width: 24px;
    line-height: 24px;
    background-color: var(--renk1);
    color: var(--top1yazirenk)
}

    .block-tab-products-opt1 .owl-nav .owl-next:hover, .block-tab-products-opt1 .owl-nav .owl-prev:hover {
        background-color: var(--renk3);
        color: var(--navbaryazirenk)
    }


.block-minicart .actions .btn {
    /*color: var(--top1yazirenk) !important;
    background-color: var(--renk1) !important;*/
}
.block-minicart .actions .btn:hover {
    /*color: var(--top1yazirenk) !important;
    background-color: var(--renk3) !important;*/
}

.catalog-view_op1 .toolbar-products .pagination > li.active > a, .catalog-view_op1 .toolbar-products .pagination > li.active > span {
    background-color: var(--renk1);
    color: #fff;
    border-color: var(--renk1)
}


.footer-opt-1 {
    background-color: var(--footherbg) !important;
    color: var(--footheryazi) !important;
    padding-top: 100px;
    padding-bottom: 50px;
}

.product-item-opt-1 .product-item-name a {
    color: var(--urunBaslik) !important;
}

    .product-item-opt-1 .product-item-name a:hover {
        color: var(--urunBaslikhover) !important;
    }



.product-item-opt-1 .product-item-price {
    color: var(--FiyatRenk);
}


.block-section-top1 .block-nav-categori .view-all-categori .btn-view-all:hover, .block-section-top1 .block-nav-categori .view-all-categori a:hover {
    background-color: var(--renk1);
    color: #fff
}


#rdbCargo .desc {
    font-size: 11px;
    display: grid;
    padding: 0 15px;
}










