/* ========================================= */
/* 1. ظاهر دکمه شناور تغییر تم */
/* ========================================= */
.fab-theme-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #2c2c2c;
    color: #fff;
    border: 2px solid #d4af37; /* حاشیه طلایی برای همخوانی با تم شما */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    font-size: 24px;
    cursor: pointer;
    z-index: 99999; /* قرارگیری روی تمام المان‌ها */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.fab-theme-btn:active {
    transform: scale(0.9);
}

/* ========================================= */
/* 2. افکت تاریک شدن کل صفحه */
/* ========================================= */
html.dark-mode {
    filter: invert(1) hue-rotate(180deg);
    background-color: #111;
}

/* ========================================= */
/* 3. استثنائات (جلوگیری از وارونگی عکس‌ها و اسلایدرها) */
/* ========================================= */
html.dark-mode img,
html.dark-mode video,
html.dark-mode iframe,
html.dark-mode svg,
html.dark-mode [style*="background"], /* هدف قرار دادن هرگونه استایل بک‌گراند درون‌خطی */
html.dark-mode .item-image,
html.dark-mode .full-image,
html.dark-mode .slider-slides,
html.dark-mode .slider-slide,
html.dark-mode ion-slide,
html.dark-mode .swiper-slide,
html.dark-mode .box,
html.dark-mode .advance-news-header,
html.dark-mode .news-single-img {
    filter: invert(1) hue-rotate(180deg) !important;
}

/* ========================================= */
/* 4. جلوگیری از فیلتر مضاعف درون المان‌ها */
/* ========================================= */
html.dark-mode [style*="background"] img,
html.dark-mode [style*="background"] .box,
html.dark-mode .item-image img,
html.dark-mode .full-image img,
html.dark-mode .slider-slide img,
html.dark-mode .slider-slide .box,
html.dark-mode ion-slide img,
html.dark-mode ion-slide .box,
html.dark-mode .swiper-slide img,
html.dark-mode .swiper-slide .box {
    filter: none !important;
}