/* Add custom CSS styles below */ 

.dark .da-bgm {
    border-radius: 20px;
}
.dark .da-cp {
    color: #f0f0f0 !important;
}
.header-inner{
  border-bottom: 3px solid #0e955b;
}
.swiper-cards {
    z-index: -1;
    margin: -12px 0 0 0;
}

/* استهداف كل الأيقونات داخل البوتوم هيدر */
.bottom-header .bottom-header-icon i,
.bottom-header .bottom-header-icon svg,
.bottom-header .bottom-header-icon span {
  color: #fff !important; /* يخلي النص والأيقونة أبيض */
  fill: #fff !important;  /* للـ SVG مثل أيقونة السلة */
}

.dark .slide--cat-entry h4 {
    color: #f0f0f0;
}

.header-container .sicon-menu{
color: #0e955b !important;
}
.header-container .sicon-search {
  color: #fff !important;
}

.header-container .da-tm{
  color: #fff !important;
}

.s-button-element.s-button-primary {
  background: linear-gradient(135deg, #0e955b, #0cae68);
  border: none; /* يشيل أي حدود */
  color: #fff; /* لون النص */
  border-radius: 25px;
}

.s-button-element.s-button-primary:hover {
  background: linear-gradient(135deg, #0cae68, #0e955b); /* عكس التدرج عند التمرير */
}

.store-footer__inner p,
.store-footer__inner h3,
.store-footer__inner .sicon-arrow-up {
  color: #ffffff !important; /* يضمن أن كل الروابط والعناوين والكلام داخل الفوتر بنفس اللون */
}

.store-footer__inner a.da-tm {
  color: #ffffff !important; /* اللون الأساسي */
}

.store-footer__inner a.da-tm:hover {
  color: #00c2ff !important; /* اللون عند التمرير */
}

.social-links .sicon-instagram2 {
  color: #E1306C !important; /* انستقرام */
}

.social-links .sicon-x {
  color: #ffffff !important; /* X (تويتر سابقاً) */
}

.social-links .sicon-snapchat {
  color: #FFFC00 !important; /* سناب شات */
}

.social-links .sicon-tiktok {
  color: #69C9D0 !important; /* تيك توك */
}

.store-footer__inner {
  border-radius: 20px 20px 0 0;
}

.dark .slide--cat-entry, .slide--cat-entry{
    border-bottom: 3px solid #0e955b;
}

.store-footer__inner {
    border-top: 3px solid #0e955b;
}

/* .dark .da-bgg {
    z-index: -1;
}
*/


.dark .contact-links a {
    /* background-color: var(--dark-grey) !important; */
    background: linear-gradient(135deg, #112b33, #17323d);
}
.dark .contact-links a:hover {
    background: linear-gradient(135deg, #17323d, #112b33);
}
.footer-list a.block:hover {
  color: #0e955b !important;
}





/* تنسيق قائمة الروابط */
.footer-list {
    display: flex;
    flex-wrap: wrap; /* يسمح بتوزيع العناصر على عدة أسطر */
    gap: 10px; /* المسافة بين الروابط */
}

/* تنسيق كل رابط */
.footer-list a {
    display: block;
    padding: 8px 12px;
    background: linear-gradient(135deg, #112b33, #17323d);
    color: #fff; /* لون النص أبيض */
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    width: calc(50% - 5px); /* عرض الرابط نصف العمود مع المسافة */
    text-align: center;
}
.footer-list a:hover {
    background: linear-gradient(135deg, #17323d, #112b33);
    font-size: 15px;
}


p.text-base {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40ch; /* قص بعد 40 حرف تقريباً */
  transition: max-width 0.3s ease-in-out;
  cursor: pointer;
}

p.text-base:hover,
p.text-base:focus {
  white-space: normal;
  max-width: 100%; /* يفتح كامل النص */
}