@media (max-width: 575px) {
    .tp-slider-height-3 {
        min-height: 700px !important;
    }
}
.tp-product-offer .tp-section-title-wrapper .section-title {
    color: #ffffff !important; /* أبيض */
}
/* تغيير لون اللينكات في المينيو */
.tp-main-menu-content ul li a {
    color: #ffba08 !important;
}

/* تغيير لون أيقونة القائمة على الموبايل */
.tp-header-action-item-menu .tp-header-action-btn svg rect {
    fill: #ffba08 !important;
}
/* تغيير لون اللينكات في المينيو */
.tp-main-menu-content ul li a {
    color: #ffba08 !important;
}

/* تغيير لون أيقونات الهيدر */
.tp-header-action .tp-header-action-btn svg,
.tp-header-action .tp-header-action-btn svg path,
.tp-header-action .tp-header-action-btn svg rect {
    color: #ffba08 !important; /* لتطبيق currentColor */
    stroke: #ffba08 !important; /* لتطبيق على خطوط stroke */
    fill: #ffba08 !important;   /* لتطبيق على fill لو موجود */
}

/* تغيير لون badge لو عايز */
.tp-header-action-badge {
    background-color: #ffba08 !important;
    color: #35000d !important; /* نص داخل البادج */
}
.tp-footer-logo img {
    max-height: 100px !important; /* تكبير اللوجو */
    height: auto; /* يحافظ على نسبة الأبعاد */
    width: auto;  /* يحافظ على نسبة الأبعاد */
}
@media (max-width: 1024px) {
    .logo a img {
        max-height: 70px !important;
    }
}
/* تطبيق خط Tajawal على النصوص فقط وليس الأيقونات */
html[lang="ar"] body, 
html[lang="ar"] p, 
html[lang="ar"] h1, 
html[lang="ar"] h2, 
html[lang="ar"] h3, 
html[lang="ar"] h4, 
html[lang="ar"] h5, 
html[lang="ar"] h6, 
html[lang="ar"] span, 
html[lang="ar"] a, 
html[lang="ar"] li, 
html[lang="ar"] div:not(.ti) {
    font-family: 'Tajawal', sans-serif !important;
}

}
/* إخفاء على شاشات أصغر من 768px */
@media (max-width: 768px) {
    .owl-dots.tp-swiper-dot.tp-slider-3-dot {
        display: none !important;
    }
}
/* عكس كل الصور داخل .tp-slider-thumb-3 للصفحة العربية */
html[lang="ar"] .tp-slider-thumb-3 {
    transform: scaleX(-1);
}
/* إخفاء الـOwl Dots على شاشات أصغر من 768px (الموبايل والتابليت الصغير) */
@media (max-width: 768px) {
    .owl-dots.tp-swiper-dot.tp-slider-3-dot {
        display: none !important;
    }
}
.tp-shop-top-right:not(.tp-shop-top-right-2) {
        margin-top: 90px !important;
    }