/* أيقونة السلة */
.header-row > .circle-action > .sicon-cart:before {
    font-family: FontAwesome;
    content: "\f291";
    font-size: 25px;
    color: darkorange;
    width: 100px;
}

.feature-item__icon {
    margin: auto;
    width: 75px;
    height: 75px;
    background-color: coral;
    color: white;
    border-radius: 90%;
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 3rem;
}

#loggdemo.popup-trigger {
    content: "";
    color: #fcc220;
    opacity: 0%;
}

.sicon-user-circle:before {
    content: "تسجيل الدخول \f072";
}

.active {
    content: "";
    color: #ffff;
}

.header-btn__icon.sicon-user-circle {
    display: flex;
    height: 2.5rem;
    width: 9.2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #374151;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.s-product-card-price {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #FF0000;
}

.s-product-card-sale-price h4 {
    --tw-text-opacity: 1 !important;
    color: #FF0000 !important;
    color: rgba(153,27,27, 1 !important) !important;
}

.s-product-card-sale-price:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 1;
    opacity: 50%;
    margin-right: 5px;
}

/* تنسيق القائمتين في ذيل الصفحة */
.footer-lists {
    display: flex;
    justify-content: space-between; /* التباعد بين القائمتين */
    align-items: flex-start; /* محاذاة القوائم من الأعلى */
}

.footer-list {
    list-style: none; /* إخفاء التعداد */
    padding: 0;
    margin: 0 20px; /* المسافة بين القوائم */
}

.footer-list li {
    margin-bottom: 10px; /* مسافة بين عناصر القائمة */
}

/* إضافة عنصر "موثق لدى منصة الأعمال" */
.custom-footer {
    text-align: center;
    padding: 20px;
    background-color: #f8f8f8; /* لون الخلفية */
    margin-top: 20px; /* مسافة أعلى العنصر */
}

.custom-footer a {
    text-decoration: none;
    color: #333;
}

.footer-image {
    width: 80px; /* حجم الصورة */
    height: auto;
    margin-bottom: 5px;
}

.footer-text {
    font-size: 14px;
    color: #333;
    margin-top: 5px;
}

/* استدعاء العنصر */
footer:after {
    content: "";
    display: block;
    text-align: center;
    margin-top: 20px;
}

footer:after {
    content: "موثق لدى منصة الأعمال";
    display: flex;
    justify-content: center;
    align-items: center;
}

footer:after a {
    display: inline-block;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
}