/* Add custom CSS styles below */ 
/* 🎨 عناوين الأقسام في الهيدر فقط باللون الأصفر عند التمرير */
.quicklinks > .quicklinks__inner nav.mainmenu__default ul.main-menu > li > a {
  color: #ffffff; /* اللون الأساسي */
  transition: color 0.3s ease;
}

.quicklinks > .quicklinks__inner nav.mainmenu__default ul.main-menu > li > a:hover {
  color: #1A854B; /* الأصفر عند hover */
}

/* 🎨 روابط القوائم الفرعية في الهيدر فقط */
.quicklinks .sub-menu a {
  color: #ffffff; /* اللون الأساسي */
  transition: color 0.3s ease;
}

.quicklinks .sub-menu a:hover {
  color: #1A854B; /* الأصفر عند hover */
}


/* 🎨 الروابط في الفوتر تتحول للأصفر عند التمرير */
.store-footer__inner a {
  color: #ffffff; /* اللون الأساسي أبيض */
  transition: color 0.3s ease;
}

.store-footer__inner a:hover {
  color: #1A854B; /* الأصفر المستخدم في هوية تيرادور */
}

/* ✉️ تصغير خط الإيميل */
.store-footer__inner .email span.text-unicode {
  font-size: 0.85rem; /* أصغر من الحجم الحالي */
}


/* إخفاء الشعار القديم */
.store-footer__inner img {
    display: none !important;
}



/* 🎨 تقليص عرض القائمة الجانبية للنصف (فقط على الشاشات الكبيرة) */
@media (min-width: 992px) {
  #storemenu-panel.side-panel.side-panel--wide {
      width: 20% !important;  /* العرض على الديسكتوب */
      max-width: 20% !important;
  }
}

/* 🎨 على الجوال (شاشات صغيرة) نخليها بعرض كامل */
@media (max-width: 991px) {
  #storemenu-panel.side-panel.side-panel--wide {
      width: 100% !important;
      max-width: 100% !important;
  }
}

/* الشعار الجديد فوق النصوص */
.store-footer__inner::before {
    content: "";
    display: block;
    background-image: url('https://i.ibb.co/x8sBr5xW/1.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;  /* عرض الشعار */
    height: 120px;  /* ارتفاع الشعار */
    margin-bottom: -10px; /* تقلل المسافة بين الشعار والنص */

    position: relative;   /* ضروري عشان نقدر نحركه */
    left: -150px;  /* تحريك يسار (قلّل الرقم للتحريك بشكل أخف) */
    top: 70px;    /* تحريك لأسفل */
}


.store-footer__inner {
    text-align: right; /* يمين */
}

@media (max-width: 767px) {
    .store-footer__inner {
        text-align: center; /* وسط في الجوال */
    }
}

/* في الشاشات الصغيرة (جوال) نخليه بالوسط */
@media (max-width: 767px) {
    .footer .footer-logo {
        justify-content: center;
        margin: 0 auto;
    }
}



/* تغيير لون عنوان المنتج عند تمرير الماوس على الكرت */
.product-entry__content:hover .product-entry__title a {
    color: #1A854B;
    transition: color 0.3s ease; /* يعطي تأثير سلس */
}

/* لو تحب التأثير عند تمرير الماوس على العنوان نفسه فقط */
.product-entry__title a:hover {
    color: #1A854B;
    transition: color 0.3s ease;
}

/* اللون الأصفر لأيقونة السلة */
.product-entry__content .sicon-cart2 {
    color: #1A854B;
}

/* اللون الأصفر بشكل افتراضي */
.product-entry__content .sicon-cart2 {
    color: #1A854B;
    transition: color 0.3s ease;
}

/* اللون الأسود عند التمرير على الزر */
.product-entry__content .btn--add-to-cart:hover .sicon-cart2 {
    color: #000000;
}

/* الأيقونة صفراء افتراضياً */
.product-entry__content .sicon-cart2 {
    color: #1A854B;
    transition: color 0.2s ease;
}

/* عند التمرير على الزر، تصبح الأيقونة والنص أسود */
.product-entry__content .btn--add-to-cart:hover .s-button-text,
.product-entry__content .btn--add-to-cart:hover .sicon-cart2 {
    color: #000000 !important;
}

/* 1️⃣ عناوين المنتجات - hover يصبح أصفر */
.product-entry__title a:hover {
    color: #1A854B !important;
    transition: color 0.3s ease;
}

/* 2️⃣ زر "جميع الفئات" - hover يصبح أصفر */
.tab-trigger:hover {
    color: #1A854B !important;
    border-color: #1A854B !important;
    transition: color 0.3s ease, border-color 0.3s ease;
}

/* 3️⃣ أيقونات صغيرة / badges - highlight عند hover */
.product-entry__content .icon,
.badge {
    transition: color 0.3s ease, background-color 0.3s ease;
}

.product-entry__content .icon:hover,
.badge:hover {
    color: #1A854B !important;
    background-color: #FFF8E0; /* لمسة خلفية فاتحة لتباين خفيف */
}

/* 4️⃣ روابط جانبية عامة - hover يصبح أصفر */
a:hover {
    color: #1A854B !important;
    transition: color 0.3s ease;
}

/* 5️⃣ أزرار "أضف للسلة" - نحافظ على الأسود عند hover */
.s-button-element span.s-button-text:hover {
    color: #000 !important;
}

/* 6️⃣ إضافة تأثير خفيف عند تمرير كل الكروت */
.product-entry__content:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}

/* 7️⃣ تحسين تباين الأصفر مع الخلفية البيضاء في كل الأماكن */
.product-entry__title a,
.tab-trigger,
a {
    transition: color 0.3s ease;
}

/* الحالة العادية */
#products-slider-6-slider .btn--add-to-cart .s-button-primary {
    background-color: #000000 !important; /* زر أسود */
    color: #ffffff !important; /* نص أبيض */
    border-color: #000000 !important;
}

#products-slider-6-slider .btn--add-to-cart .s-button-primary .sicon-cart2 {
    color: #1A854B !important; /* أيقونة أصفر */
}

/* عند التمرير */
#products-slider-6-slider .btn--add-to-cart .s-button-primary:hover {
    background-color: #1A854B !important; /* زر أصفر */
    color: #000000 !important; /* نص أسود */
    border-color: #1A854B !important;
}

#products-slider-6-slider .btn--add-to-cart .s-button-primary:hover .sicon-cart2 {
    color: #000000 !important; /* أيقونة أسود عند hover */
}

.left-side button[data-target="all-cats-tab"][data-component-id="storemenu-panel"] {
    display: none !important;
}

/* توسيط المحتوى داخل كل عنصر */
.s-block--features__item {
    display: flex;
    flex-direction: column;
    align-items: center; /* أفقي */
    justify-content: center; /* عمودي */
    text-align: center; /* توسيط النصوص */
    transition: color 0.3s, fill 0.3s; /* سلاسة التحولات */
}

/* تغيير اللون عند التمرير */
.s-block--features__item:hover h2,
.s-block--features__item:hover p {
    color: #1A854B; /* لون تيرادور الأصفر */
}

.s-block--features__item:hover .feature-icon i {
    color: #1A854B; /* لون أيقونات تيرادور عند Hover */
}

/* أيقونة الهامبرجر في زر "جميع الفئات" */
#all-cats-trigger .sicon-layout-grid {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://www.svgrepo.com/show/524617/hamburger-menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-family: initial !important;
    content: "";
    transition: filter 0.3s ease;
}

/* تغيير لون الأيقونة عند hover إلى أصفر تيرادور (#1A854B) */
#all-cats-trigger:hover .sicon-layout-grid {
    filter: invert(83%) sepia(75%) saturate(4961%) hue-rotate(1deg) brightness(100%) contrast(103%);
}

/* إزالة أي نص أو محتوى موجود داخل الـspan */ #all-cats-trigger .sicon-layout-grid::before { content: ""; }

/* إخفاء زر "كل الفئات" داخل القائمة فقط */
.tab--comments.inactive[data-target="all-cats-tab"] {
    display: none !important;
}


.no-content-placeholder .btn--rounded-full:hover {
    background: black;
    color: white!important;
    border-color: black;
}

@media (max-width: 768px) {
  button.s-button-element .s-button-text .overflow-hidden.text-ellipsis {
    font-size: 0.875rem; /* تقريباً 14px */
  }
}

/* البورد العادي */
.product-entry {
  border: 1px solid #eeeeee; /* البورد الافتراضي */
  border-radius: 10px; /* مثال */
  transition: border-color 0.3s ease;
}

/* عند التمرير */
.product-entry:hover {
  border-color: #000000; /* اللون الأصفر تبع تيرادور */
}

h4.sale-price {
  color: #e60023 !important; /* أحمر للمخفض */
}

.old-price,
del,
strike {
  color: inherit !important; /* يرجع المشطوب للون الافتراضي */
}

.s-button-primary:hover {
  background-color: #1A854B !important;
  border-color: #1A854B !important;
  color: #fff !important;
}

.promotion-badge {
    background-color: #1A854B; /* اللون الأخضر */
    color: #ffffff; /* الكتابة باللون الأبيض */
    padding: 5px 10px; /* يمكن تعديل المسافة داخل الزر */
    border-radius: 5px; /* لجعل الزوايا مدورة إذا تحب */
    display: inline-block; /* لضبط شكل الزر */
    font-weight: bold; /* لتقوية الخط */
    text-align: center; /* لضبط النص في الوسط */
}