/* ========== تعديل السلايدر ========== */
/* تعديل المسافة بين السلايدات */
#circle-links-slider-16 .swiper-slide,
#circle-links-slider-17 .swiper-slide,
#circle-links-slider-0 .swiper-slide {
    margin-right: -45px !important; /* تقليل المسافة بين الشرائح */
}

/* ========== تعديل الأزرار ========== */
/* تخصيص تصميم الزر الخارجي */
a.btn.btn--outline-primary {
    border-radius: 10px !important; /* تحديد درجة الانحناء */
}

/* إخفاء أيقونة جوال باستخدام السمة href */
a[href="tel:+966550403880"],
/* أو إخفاء أيقونة جوال باستخدام النص "جوال" داخل العنصر */
a .text-unicode.unicode,
/* أو استهداف العنصر داخل الحاوية الرئيسية */
.store-footer__contacts-row a[href="tel:+966550403880"] {
    display: none !important;
}

/* تخصيص تصميم زر رئيسي */
.btn--outline-primary {
    border: 2.5px solid #eee1ca !important; /* زيادة وضوح الحدود */
    background-color: transparent !important; /* إزالة الخلفية */
    color: #002e20 !important; /* لون النص */
    padding: 10px 20px !important; /* المسافة الداخلية */
    border-radius: 5px !important; /* تدوير الزوايا */
    font-size: 16px !important; /* حجم النص */
    text-align: center !important; /* محاذاة النص */
    display: inline-block !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0px 2px 5px rgba(238, 225, 202, 0.1) !important; /* ظل خفيف جدًا */
}

/* تأثير التمرير على الزر */
.btn--outline-primary:hover {
    background-color: transparent !important; /* إبقاء الخلفية شفافة عند التحويم */
    border-color: #002e20 !important; /* الحفاظ على لون الحدود */
    color: #002e20 !important; /* الحفاظ على لون النص */
    box-shadow: 0px 3px 7px rgba(238, 225, 202, 0.15) !important; /* زيادة الظل قليلًا عند التحويم */
}

/* تحسين محاذاة عناصر الزر */
.btn--outline-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* ========== تحسين تخطيط النصوص ========== */
/* محاذاة النصوص داخل الأقسام */
.w-full.md\:w-7\/12 h3,
.w-full.md\:w-7\/12 h2,
.w-full.md\:w-7\/12 p {
    text-align: center !important; /* محاذاة العناصر في المنتصف */
}

/* ========== تعديل موضع الخريطة ========== */
/* رفع موضع الخريطة */
.s-block--map__element {
    position: relative;
    top: -100px !important; /* تحريك الخريطة لأعلى */
}

/* ========== تحسين تصميم الفوتر ========== */
/* جعل جميع أيقونات الفوتر في نفس السطر */
.store-footer__contacts-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px !important; /* المسافة بين الأيقونات */
    border-top: none !important; /* إزالة الحد العلوي */
    border-bottom: none !important; /* إزالة الحد السفلي */
}

/* إخفاء النصوص وإبقاء الأيقونات فقط */
.enhanced-contact-item span {
    display: none !important;
}

/* إزالة الإطار والحواف الدائرية من الأيقونات */
.enhanced-contact-item,
.social-link {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ضبط حجم الأيقونات وتوحيد اللون والإضاءة */
.enhanced-contact-item i,
.social-link i,
.social-link svg {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    color: #eee1ca !important; /* توحيد اللون */
    fill: #eee1ca !important;  
    filter: brightness(1) contrast(1) !important; /* توحيد الإضاءة */
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
}

/* تخصيص تباعد الأيقونات الاجتماعية */
.rounded_contacts {
    display: flex;
    align-items: center;
    gap: 15px !important;
    margin-top: 0 !important; /* إزالة المسافة العلوية */
}

/* التأكد من ترتيب أيقونات الواتساب والإيميل أولاً */
.enhanced_rounded_contacts {
    order: -1; /* تظهر أيقونات الاتصال أولاً */
}

/* التأكد من أن جميع الأيقونات تظهر بنفس الإضاءة */
.enhanced-contact-item i,
.social-link i,
.social-link svg {
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
}

/* إزالة أي هوامش أو حدود إضافية */
.enhanced-contact-item,
.social-link,
.store-footer__contacts-row ul {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ضبط لون أيقونة تويتر وتوحيد مظهرها */
.social-link svg {
    fill: #eee1ca !important;
    stroke: none !important;
    width: 30px !important;
    height: 30px !important;
    filter: brightness(1) contrast(1) !important;
}

/* إزالة التأثير الافتراضي عند التفاعل مع الأيقونات */
.enhanced-contact-item:hover i,
.social-link:hover i,
.social-link:hover svg {
    opacity: 0.8 !important;
}

/* إزالة الحد السفلي فقط من الفوتر */
.store-footer__inner {
    border-bottom: none !important;
}

/* ========== ترتيب الرقم الضريبي داخل الفوتر ========== */
/* ترتيب العناصر بشكل عمودي وضبط المسافات */
.store-footer__inner .flex.rtl\:space-x-reverse {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 5px !important; /* المسافة بين العناصر الرئيسية */
}

/* المسافة في الأعلى للأيقونة (الرقم الضريبي) */
.store-footer__inner .flex.rtl\:space-x-reverse img {
    width: 50px !important;
    height: auto;
    margin-top: 30px !important; /* المسافة في الأعلى للأيقونة */
    margin-bottom: 10px !important; /* المسافة من الأسفل للأيقونة */
}
/* ========== إلى هنا صحيح ========== */
/* إخفاء الشريط بالكامل (بما في ذلك النص والصورة) */
#walaa-frame-footer {
    display: none !important;
}

/* أو يمكنك فقط إخفاء النص "صنع بواسطة" والصورة مع بقاء الشريط مرئيًا */
#walaa-frame-footer span,
#walaa-frame-footer img {
    display: none !important;
}


/*By NAIF ALHARBI */
.flex.whitespace-nowrap.gap-4.items-center {
    justify-content: center;
}
small.text-store-text-secondary {
    position: relative;
    display: inline-block;
}

small.text-store-text-secondary::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: rgb(219 190 33 / 22%);
    border-radius: 4px;
}
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-4.text-store-text-primary {
    text-align: center;
}
img.max-h-full.object-contain.custom-brand-image {
    width: 70px;
    border-radius:5px
}
.underline {
    text-decoration-line: none;
}
::selection {
    background-color: #002e20; /* لون الخلفية عند التحديد */
    color: #ffffff; /* لون النص عند التحديد */
}
h2.product-entry__sub-title.text-sm.text-store-text-secondary.leading-6.mb-2\.5 {
    text-align: center;
}

.flex.whitespace-nowrap.gap-4.items-center {
    display: flex;
    flex-direction: column;
}
/* تقليل المسافة بين الأقسام والبنر الرئيسي */
.square-links-1 .container {
    margin-top: -30px !important; /* تعديل المسافة من الأعلى
    /* ========== الماركه في صفحة المنتج  ========== */