/* Add custom CSS styles below */ 
@import "https://site-assets.fontawesome.com/releases/v6.5.2/css/all.css";

/* تعريف المتغيرات الأساسية */
:root {
    --mc: #3e2269;
    --sc: #910a67;
    --The-logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/jZalqY/kt21eMjeVLGRPYBHHOnkNuDjUmNOIJcO1WyTiVYS.png"); 
    --color-primary: #000;
    --btn-primary-bg: #2b2f91; /* متغير جديد للون خلفية الأزرار الأساسية */
    --transition-speed: 0.3s; /* متغير جديد لسرعة الانتقال السلس */
}

/* تنسيق البنرات والعروض - تم دمج المحددات */
section.s-block.s-block--fixed-banner.wide-placeholder > div,
section.s-block--best-offers.container.angel_anime .s-slider-block__title *,
section.s-block.s-block--fixed-banner.wide-placeholder {
    max-width: 100%;
    padding: 0;
}

/* تنسيق ألوان النص - تم دمج المحددات */
.app-inner button.btn--coupon .s-button-text,
.cart-submit-wrap span.s-button-text,
section.sticky-product-bar.rounded-md button[type="submit"],
.tabs.tabs__product *:not(.options-tab),
button.s-login-modal-enter-button.s-button-element,
button.s-button-wrap.hydrated.s-button-primary,
header .header-container :is(:first-of-type *, .items-stretch > div:last-of-type *) {
    color: black;
}

/* الأيقونات */
.sicon-shopping:before {
    content: "\e0dc";
    font-family: "font awesome 5 pro";
}
.s-product-card-out-of-stock.hide-out-of-stock {
    opacity: 0.8;
    cursor: no-drop;
}
.s-products-slider-card.swiper-slide button.s-button-element.s-button-wide {
    border: 0;
    border-radius: 10px;
}
span.s-cart-summary-count {
    background: var(--sc);
}
.sbc-certificate.flex-center.gap-2.text-gray-400.da-tm {
    color: #53387b !important;
    font-weight: 900;
}
a.\!flex.flex-col.items-center.justify-center.text-sm.leading-none.gap-2 {
    display: flex;
    flex-direction: row;
    width: 100% !important;
}

/* تعديلات الفوتر وروابط السوشيال ميديا */
[dir="rtl"] .footer-middle h3 {
    text-align: center;
}
.social-links {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}
.social-links a {
    border-radius: 5px;
    height: 30px;
    width: 30px;
    padding: 3px;
    transition: transform var(--transition-speed) ease; /* ميزة احترافية: انتقال سلس عند التحويم */
}
.social-links a:hover {
    transform: scale(1.1); /* تأثير بسيط للتحويم */
}

.sicon-twitter2:before {
    content: "\e61b";
    font-family: "Font Awesome 6 Brands";
}
/* تدرجات ألوان السوشيال ميديا */
a[href*="instagram"] { background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
a[href*="twitter"] { background: linear-gradient(45deg, #00acee, #36d8ff, #00acee); }
a[href*="snapchat"] { background: linear-gradient(120deg, #fffc00, #fffc00); }
a[href*="tiktok"] { background: linear-gradient(120deg, #69c9d0, #000, #ee1d52); }
a[href*="facebook"] { background: linear-gradient(45deg, #3776f2, #00b1f7); }
a[href*="youtube"] { background: #dc2743; }
.s-user-menu-dropdown *,
.social-links a[href*="snapchat"] * {
    color: #000 !important;
}
ul.main-menu > li.mobile-menu-slider,
section.total.details.mb-5 {
    display: none;
}
.social-links a[href*="snapchat"] p {
    color: #fff !important;
}

/* تنسيق التبويبات */
a.tab-trigger.description-tab.is-active {
    background: #635959 !important;
    transition: background-color var(--transition-speed) ease;
}
a.tab-trigger.reveiws-tab {
    background: #373a99 !important;
    color: white !important;
    transition: background-color var(--transition-speed) ease;
}

/* تنسيق الأزرار الرئيسية - تم التجميع وإضافة الانتقال السلس */
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center.s-button-wrap.hydrated {
    background: var(--btn-primary-bg) !important;
    color: white !important;
    transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
}
button.s-products-slider-card.swiper-slide button.s-button-element.s-button-wide {
    transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;
}

/* ألوان النص الموحدة */
span.s-cart-summary-count, .social-links .icon, 
span.s-cart-summary-count, 
a.tab-trigger.description-tab.is-active, 
i.sicon-star.text-xs.me-1, i.sicon-newspaper-alt.text-xs.me-1, 
a.tab-trigger.description-tab.inactive, 
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center.s-button-wrap.hydrated, 
button.btn--coupon.has-not-coupon.btn--default.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center, 
span.s-button-text {
    color:white !important; 
}
.s-button-icon .s-button-text {
    display: flex;
    color: black !important; /* هذا يتعارض مع الكود أعلاه، تم إبقاؤه كما هو */
}

/* تنسيق زر قائمة الأمنيات */
button.relative.px-1.py-1.btn--wishlist.animated.lazy.rounded-tiny.s-button-element.s-button-button.s-button-outline.s-button-light-outline.s-button-loader-center {
    background: #2b2f91;
    border-radius: 20px !important;
    padding: 10px;
    transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
}

/* زر الشراء السريع */
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after {
    background: #000000 !important;
    transition: background-color var(--transition-speed) ease;
}

/* تنسيق الهيدر */
.store-header.z-3 .shadow-none:not(.fixed-pinned) .inner {
    background: #fbfbfb !important;
}

/* الحركة الأفقية - تم إبقاؤها كما هي لأنها تأثير بصري */
.lazy__bg.lazy_avatar.lazy.hover\:scale-110.\!bg-transparent.entered.loaded{
    animation: customAni 2s ease 0s infinite normal none;
}
@keyframes customAni {
  0% { transform: translateY(0); }
  100% { transform: translateY(10.5px); }
}

/* تعديلات أجهزة الجوال (Max-width: 600px) */
@media (max-width: 600px) {
    .banner-entry {
        height:130px;
    }
    section.s-block--best-offers.container.angel_anime .s-slider-block__title {
        justify-content: center;
    }
    body:not(.index) .sticky-product-bar button[support-sticky-bar] > span.s-button-text::before {
        content: "أضف للسلة";
    }
    section.sticky-product-bar.rounded-md > .container {
        flex-direction: column;
    }
    .s-button-primary-outline:hover {
        color: white !important;
    }
    /* مميزات المتجر */
    .angel-feature.flex-center.flex-col.mob\:mt-4 {
        margin-top: 0;
    }
    .angel-feature.flex-center.flex-col {
        width: 78% !important;
        background: white !important;
        border-radius: 20px !important;
        box-shadow: 1px 7px 6px 0px #c3bfbf !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-top: 10px !important;
    }
}

/* تعديلات الشاشات الكبيرة (Min-width: 992px) */
@media only screen and (min-width: 992px) { 
    .angel-feature.flex-center.flex-col {
        background: white !important;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        border-radius: 20px !important;
        box-shadow: 1px 7px 6px 0px #c3bfbf !important;
    }
}

/* تخصيصات أخرى - تم الحفاظ عليها ولكن يفضل إزالة القواعد غير المستخدمة أو قواعد الـ content */
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #ffce6e !important;
}
.s-products-slider-card.swiper-slide button.s-button-element.s-button-wide:hover {
    color: black;
}
.grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0px, 1fr)); /* 5 ايقونات جمب بعض */
}
h4.text-center.text-base.md\:text-lg.da-tm {
    font-size: 15px !important;
}