:root {
    --dark-background-color: #2a2a2a; /* Değişkeni tanımla */
    --dark-background-secondary-color: #424242; /* Değişkeni tanımla */
    --dark-main: #f2f2f2;
    --dark-secondary: #d9d9d9;
    --dark-main-hover: #ffd700
}

body.dark-theme{
    color: var(--dark-main);
    background: var(--dark-background-color);
}

.dark-theme a{
    color: var(--dark-main);
}

.dark-theme .tf-topbar.style-2{
    background: var(--dark-background-color);
}

.dark-theme header{
    background-color: var(--dark-background-color);
}
.dark-theme .tf-social-icon.style-fill a{
    background-color: #797979;
}

.dark-theme .collection-position-2 .cls-btn{
    background-color: var(--dark-background-color);
    color: var(--dark-main);
}

.dark-theme .heading-section h3{
    color: var(--dark-main);
}

.dark-theme .tab-product .nav-tab-item a:hover, .dark-theme .tab-product .nav-tab-item a.active{
    color: var(--dark-main);
    border-bottom-color: var(--dark-main);
}

.dark-theme .testimonial-item{
    background-color: var(--dark-background-color);
}

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

.dark-theme .title-display, .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6{
    color: var(--dark-main);
}

.dark-theme [class^="icon-"], .dark-theme [class*=" icon-"]{
    color: var(--dark-main);
}

.dark-theme .gallery-item .box-icon:hover{
    background-color: var(--white);
}

.dark-theme footer p{
    color: var(--dark-secondary);
}

.dark-theme footer .footer-menu .footer-menu_item{
    color: var(--dark-secondary);
}

.dark-theme footer .footer-menu .footer-menu_item:hover{
    color: var(--dark-main-hover);
}

.dark-theme .form-newsletter button{
    border: 1px solid var(--dark-main);
}

.dark-theme .box-nav-ul .sub-menu{
    background-color: var(--dark-background-color);
    color: var(--dark-main);
}
.dark-theme .box-nav-ul .menu-list .menu-link-text{
    color: var(--dark-main);
}

.dark-theme .box-nav-ul .menu-list .menu-link-text:hover{
    color: var(--dark-main-hover);
}

.dark-theme .tf-slideshow .card-box{
    background-color: var(--dark-background-color);
}

.dark-theme .card-product:hover .box-icon{
    background-color: var(--dark-background-color);
}

.dark-theme .btn-line::after{
    background-color: var(--dark-main);
}

.dark-theme .canvas-body{
    background-color: var(--dark-background-color);
}

.dark-theme .widget-facet .facet-size-box .size-item{
    color: var(--dark-main);
}

.dark-theme svg {
    filter: invert(1);
}

.dark-theme .page-title .heading{
    color: var(--main);
}

.dark-theme .breadcrumbs a.link{
    color: var(--dark-main) !important;
}

.dark-theme a.title{
    color: var(--dark-main) !important;
}

.dark-theme ul.breadcrumbs i{
    color: var(--main);
}

.dark-theme .tf-product-info-list .tf-product-info-desc > p{
    color: var(--dark-secondary);
}

.dark-theme .tf-product-info-list .tf-product-info-help .tf-product-info-available p,
.dark-theme .tf-product-info-list .tf-product-info-help .tf-product-info-return p,
.dark-theme .tf-product-info-list .tf-product-info-help .tf-product-info-time p,
.dark-theme .tf-product-info-list ul.tf-product-info-sku li .text-1{
    color: var(--dark-secondary);
}

.dark-theme .widget-tabs.style-1 .widget-menu-tab .item-title::after{
    background-color: var(--dark-main);
}

.dark-theme .wg-card-store{
    background-color: var(--dark-background-color);
    border: 1px solid var(--dark-secondary);
}

.dark-theme .sw-dots.type-circle .swiper-pagination-bullet.swiper-pagination-bullet-active,
.dark-theme .sw-dots.type-circle .swiper-pagination-bullet::after{
    border: 1px solid var(--dark-secondary);
}

.dark-theme p,.dark-theme li{
    color: var(--dark-secondary);
}

.dark-theme .blog-detail-wrap > .inner{
    background-color: var(--dark-background-secondary-color);
}

.dark-theme .blog-detail-wrap.page-single-2 > .inner{
    padding: 1rem;
}

.dark-theme .relatest-post-item.style-row .meta p{
    color: var(--dark-main);
}

.dark-theme .contact-us-content{
    padding: 1rem .8rem;
    background-color: var(--dark-background-secondary-color);
    border-radius: 10px;
}

.dark-theme .nav-icon-item:hover svg{
    filter: invert(0);
}

.dark-theme .modal-content{
    background-color: var(--dark-background-color);
}

.dark-theme .modal-search .icon-close-popup,.dark-theme .modal-shopping-cart .header .icon-close-popup{
    color: var(--main);
}

.dark-theme .nav-account .dropdown-account{
    background-color: var(--dark-background-color);
}

.dark-theme .btn{
    background-color: var(--dark-background-secondary-color);
}

.dark-theme .dark-theme-selector{
    display: none !important;
}

body:not(.dark-theme) .light-theme-selector{
    display: none !important;
}

.dark-theme .sidebar-account{
    background-color: var(--dark-background-secondary-color);
}

.dark-theme .sidebar-account .my-account-nav .my-account-nav-item:hover,
.dark-theme .sidebar-account .my-account-nav .my-account-nav-item.active{
    background-color: var(--dark-main-hover);
}

.dark-theme textarea,
.dark-theme input[type=text],
.dark-theme input[type=password],
.dark-theme input[type=datetime],
.dark-theme input[type=datetime-local],
.dark-theme input[type=date],
.dark-theme input[type=month],
.dark-theme input[type=time],
.dark-theme input[type=week],
.dark-theme input[type=number],
.dark-theme input[type=email],
.dark-theme input[type=url],
.dark-theme input[type=search],
.dark-theme input[type=tel],
.dark-theme input[type=color],
.dark-theme .form-control{
    background: var(--dark-background-color);
    color: var(--dark-main);
}

.dark-theme .account-orders table thead tr{
    background-color: transparent;
}


.dark-theme .tf-select select{
    color: var(--dark-main);
}

.dark-theme .logo-header img{
    filter: invert(1);
}
.dark-theme .footer-logo img{
    filter: invert(1);
}

.dark-theme .offcanvas{
    background-color: var(--dark-background-color);
}

.dark-theme .nav-ul-mb .nav-mb-item .mb-menu-link{
    color: var(--dark-main);
}

.dark-theme .nav-ul-mb .btn-open-sub:after,
.dark-theme .nav-ul-mb .btn-open-sub::before{
    background-color: var(--dark-main);
}

.dark-theme .nav-ul-mb .sub-nav-link{
    color: var(--dark-main);
}