/* Add custom CSS styles below */ 

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1 !important;
    background-color: #4a3728 !important; /* لون الخلفية: بني دافي */
    background-color: rgba(74, 55, 40, var(--tw-bg-opacity, 1)) !important;
    
    --tw-text-opacity: 1 !important;
    color: #f5f5dc !important; /* لون الكتابة: بيج فاتح عشان يليق مع البني */
    color: rgba(245, 245, 220, var(--tw-text-opacity, 1)) !important;
}
.store-footer {
    margin-top: 3rem; /* مساحة علوية مريحة للموبايل والويب */
    position: relative;
    border-top: 4px solid #36281d; /* خط علوي بني أغمق بدرجة بيدي لمسة جمالية */
    border-radius: 12px 12px 0 0; /* انحناء مودرن للحواف العلوية */
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12); /* ضل ناعم يفصل الفوتر عن الصفحة */
    
    /* لون الخلفية البني (نفس درجة الناف بار) */
    --tw-bg-opacity: 1;
    background-color: #4a3728; 
    background-color: rgba(74, 55, 40, var(--tw-bg-opacity, 1));
    
    /* لون النص والروابط (البيج الفاتح المتناسق) */
    --tw-text-opacity: 1;
    color: #f5f5dc; 
    color: rgba(245, 245, 220, var(--tw-text-opacity, 1));
    
    /* مسافات داخلية متناسقة مع كل الشاشات */
    padding: 2rem 1rem; 
}
.store-footer__inner, .store-footer__newsletter {
    border-bottom: 1px rgba(245, 245, 220, 0.15); /* خط منقط بلون البيج الشفاف عشان يليق مع البني */
    border-style: dashed;
    
    /* لون الخلفية البني المتناسق */
    --tw-bg-opacity: 1;
    background-color: #4a3728;
    background-color: rgba(74, 55, 40, var(--tw-bg-opacity, 1));
    
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.store-footer__curve {
    --tw-text-opacity: 1;
    color: #4a3728;
    color: rgba(74, 55, 40, var(--tw-bg-opacity, 1));
}
.store-footer__contacts-row {
    border-bottom: 1px rgba(245, 245, 220, 0.15); /* خط منقط ناعم بلون بيج شفاف */
    border-style: dashed;
    
    /* لون الخلفية البني الموحد */
    --tw-bg-opacity: 1;
    background-color: #4a3728;
    background-color: rgba(74, 55, 40, var(--tw-bg-opacity, 1));
    
    padding-bottom: 1rem;
    padding-top: 1rem;
}

/* تصميم زرار بصمة الزعيم */
.alzaiem-signature-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* مسافة بين النص والأيقونة إن وجدت */
    padding: 10px 24px;
    background: linear-gradient(135deg, #d4af37, #b8860b); /* تدرج ذهبي ملكي فخم */
    color: #1d1f1f !important; /* لون النص غامق ومريح للقراءة فوق الذهبي */
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 50px; /* حواف دائرية بالكامل لشكل عصري وأنيق */
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); /* توهج ذهبي خفيف */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    font-family: inherit;
}

/* تأثير جذاب عند مرور الماوس (Hover) للموبايل والويب */
.alzaiem-signature-btn:hover {
    background: linear-gradient(135deg, #f5f5dc, #d4af37); /* يقلب لبيج وذهبي فاتح */
    transform: translateY(-3px); /* يرتفع للأعلى قليلاً */
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5); /* يزيد التوهج والجاذبية */
    color: #4a3728 !important; /* يتماشى مع بني الفوتر */
}

/* تأثير عند الضغط الفعلي (Active) */
.alzaiem-signature-btn:active {
    transform: translateY(-1px);
}

.advanced-slider .swiper .swiper-slide-active h2 {
  color: #C9A36B;
}