/* =========================================================
   RQMYA — STORE FOOTER REDESIGN
   الهوية: كحلي/تركوازي + ذهبي + أبيض
   ========================================================= */


/* =========================================================
   1) الفوتر الرئيسي
   ========================================================= */

.store-footer,
.s-footer,
footer.store-footer {

    background: #005B63 !important;
    color: #FFFFFF !important;

    border-top: 3px solid #C99524 !important;

    font-family: "Cairo", sans-serif !important;

    direction: rtl !important;

    box-shadow: none !important;
}


/* إزالة الخلفيات الداخلية الفاتحة */

.store-footer [class*="bg-white"],
.store-footer [class*="bg-gray"],
.store-footer [class*="bg-slate"],
.s-footer [class*="bg-white"],
.s-footer [class*="bg-gray"] {

    background: transparent !important;
}


/* =========================================================
   2) إزالة اللوجو العلوي الحالي
   ========================================================= */

.store-footer::before,
.s-footer::before,
footer.store-footer::before {

    display: none !important;

    content: none !important;
}


/* =========================================================
   3) الحاوية الرئيسية
   ========================================================= */

.store-footer .row,
.s-footer .row {

    width: 100% !important;

    max-width: 1280px !important;

    margin: 0 auto !important;

    padding: 55px 40px 45px !important;

    display: grid !important;

    grid-template-columns:
        1.45fr
        1fr
        1.15fr !important;

    gap: 65px !important;

    align-items: start !important;

    box-sizing: border-box !important;

    position: relative !important;
}


/* =========================================================
   4) النصوص العامة
   ========================================================= */

.store-footer,
.store-footer p,
.store-footer span,
.store-footer li,
.store-footer a,
.s-footer,
.s-footer p,
.s-footer span,
.s-footer li,
.s-footer a {

    font-family: "Cairo", sans-serif !important;
}


/* =========================================================
   5) العمود الأول — هوية رقميات الأعمال
   ========================================================= */

/*
   نستخدم نفس اللوجو الشفاف الذي رفعته في سلة.
*/

.store-footer .row > div:first-child::before,
.s-footer .row > div:first-child::before {

    content: "";

    display: block !important;

    width: 135px !important;

    height: 85px !important;

    margin: 0 0 18px auto !important;

    background-image: url(
        "https://cdn.files.salla.network/other/463607134/1aa6eb27-cc78-4705-aad6-22816943601e-original.webp"
    ) !important;

    background-repeat: no-repeat !important;

    background-position: right center !important;

    background-size: contain !important;
}


/*
   عنوان المتجر
*/

.store-footer .row > div:first-child h3,
.store-footer .row > div:first-child h4,
.store-footer .row > div:first-child .title,
.s-footer .row > div:first-child h3,
.s-footer .row > div:first-child h4 {

    color: #FFFFFF !important;

    font-size: 22px !important;

    font-weight: 800 !important;

    margin-bottom: 12px !important;
}


/*
   الوصف
*/

.store-footer .row > div:first-child p,
.s-footer .row > div:first-child p {

    color: rgba(255,255,255,.78) !important;

    font-size: 13px !important;

    line-height: 2 !important;

    max-width: 390px !important;

    margin-bottom: 15px !important;
}


/* =========================================================
   6) عناوين الفوتر
   ========================================================= */

.store-footer h3,
.store-footer h4,
.store-footer [class*="title"],
.s-footer h3,
.s-footer h4 {

    color: #E8BB55 !important;

    font-weight: 800 !important;

    font-size: 16px !important;

    line-height: 1.6 !important;

    margin-bottom: 17px !important;
}


/* =========================================================
   7) الروابط
   ========================================================= */

.store-footer a,
.s-footer a {

    color: rgba(255,255,255,.90) !important;

    text-decoration: none !important;

    font-size: 13px !important;

    line-height: 2 !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


.store-footer a:hover,
.s-footer a:hover {

    color: #E8BB55 !important;

    transform: translateX(-3px) !important;
}


/* =========================================================
   8) قائمة الروابط — ترتيب أفضل
   ========================================================= */

.store-footer .row ul,
.s-footer .row ul {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.store-footer .row ul li,
.s-footer .row ul li {

    margin: 0 0 5px !important;

    padding: 0 !important;
}


/* =========================================================
   9) الصفحات التعريفية والقانونية
   ========================================================= */

/*
   نميّز أول مجموعة من القائمة بصريًا.
   القائمة الحالية في متجرك تحتوي على:
   سياسة الخصوصية
   سياسة الاستبدال والاسترجاع
   من نحن
   شروط الاستخدام
   الأسئلة الشائعة
   برنامج التسويق بالعمولة
*/

.store-footer .row > div:nth-child(2) ul li a,
.s-footer .row > div:nth-child(2) ul li a {

    color: rgba(255,255,255,.88) !important;
}


/* =========================================================
   10) التواصل
   ========================================================= */

.store-footer a[href^="mailto:"],
.s-footer a[href^="mailto:"] {

    color: #FFFFFF !important;

    font-weight: 600 !important;

    margin-bottom: 8px !important;
}


/*
   واتساب
*/

.store-footer a[href*="wa.me"],
.store-footer a[href*="whatsapp"],
.s-footer a[href*="wa.me"],
.s-footer a[href*="whatsapp"] {

    color: #FFFFFF !important;
}


/* =========================================================
   11) السوشال ميديا
   ========================================================= */

.store-footer ul:has(a[href*="instagram"]),
.s-footer ul:has(a[href*="instagram"]) {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 10px !important;

    margin-top: 18px !important;
}


.store-footer ul:has(a[href*="instagram"]) li,
.s-footer ul:has(a[href*="instagram"]) li {

    margin: 0 !important;

    padding: 0 !important;
}


.store-footer ul:has(a[href*="instagram"]) li a,
.s-footer ul:has(a[href*="instagram"]) li a {

    width: 40px !important;

    height: 40px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: 1px solid rgba(232,187,85,.55) !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.05) !important;

    color: #FFFFFF !important;

    transform: none !important;

    box-sizing: border-box !important;
}


.store-footer ul:has(a[href*="instagram"]) li a:hover,
.s-footer ul:has(a[href*="instagram"]) li a:hover {

    background: #C99524 !important;

    border-color: #C99524 !important;

    color: #FFFFFF !important;

    transform: translateY(-3px) !important;
}


/* =========================================================
   12) إزالة الخطوط الفاصلة المزعجة
   ========================================================= */

.store-footer hr,
.store-footer [class*="border-t"],
.s-footer hr,
.s-footer [class*="border-t"] {

    border-color: rgba(255,255,255,.10) !important;
}


/* =========================================================
   13) المنطقة السفلية — الحقوق والدفع
   ========================================================= */

.store-footer > div:last-child,
.store-footer__bottom,
.store-footer__copyright,
.s-footer-bottom {

    background: #014550 !important;

    color: #FFFFFF !important;

    border-top: 1px solid rgba(255,255,255,.12) !important;

    padding: 16px 35px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


.store-footer > div:last-child *,
.store-footer__bottom *,
.store-footer__copyright *,
.s-footer-bottom * {

    color: #FFFFFF !important;
}


/* =========================================================
   14) شعارات الدفع
   ========================================================= */

.store-footer > div:last-child ul,
.store-footer__bottom ul,
.s-footer-bottom ul {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 10px !important;
}


/* =========================================================
   15) إخفاء واتساب القديم المكرر
   ========================================================= */

.store-footer a[href*="966533624586"]:not([href*="wa.me"]),
.s-footer a[href*="966533624586"]:not([href*="wa.me"]) {

    display: none !important;
}


/* =========================================================
   16) الجوال
   ========================================================= */

@media (max-width: 768px) {

    .store-footer .row,
    .s-footer .row {

        grid-template-columns: 1fr !important;

        gap: 32px !important;

        padding: 38px 22px 30px !important;

        text-align: center !important;
    }


    /* اللوجو */

    .store-footer .row > div:first-child::before,
    .s-footer .row > div:first-child::before {

        width: 110px !important;

        height: 70px !important;

        margin: 0 auto 15px auto !important;

        background-position: center !important;
    }


    /* النص */

    .store-footer .row > div,
    .s-footer .row > div {

        text-align: center !important;
    }


    .store-footer .row > div:first-child p,
    .s-footer .row > div:first-child p {

        margin-left: auto !important;

        margin-right: auto !important;
    }


    /* الروابط */

    .store-footer ul,
    .s-footer ul {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

    }


    /* السوشال */

    .store-footer ul:has(a[href*="instagram"]),
    .s-footer ul:has(a[href*="instagram"]) {

        flex-direction: row !important;

        justify-content: center !important;

        gap: 10px !important;

        margin-top: 15px !important;
    }


    /* الشريط السفلي */

    .store-footer > div:last-child,
    .store-footer__bottom,
    .s-footer-bottom {

        padding: 15px 15px !important;

        text-align: center !important;
    }


    .store-footer > div:last-child *,
    .store-footer__bottom *,
    .s-footer-bottom * {

        text-align: center !important;
    }


    .store-footer > div:last-child ul,
    .store-footer__bottom ul,
    .s-footer-bottom ul {

        justify-content: center !important;

        flex-wrap: wrap !important;
    }

}


/* =========================================================
   17) إصلاح المساحة الزائدة
   ========================================================= */

.store-footer .row,
.s-footer .row {

    padding-bottom: 35px !important;
}


.store-footer .row > div:first-child ul,
.s-footer .row > div:first-child ul {

    position: static !important;

    bottom: auto !important;

    left: auto !important;
}
/* =========================================================
   RQMYA — FINAL FOOTER OVERRIDE
   ========================================================= */

/* الفوتر بالكامل */
.store-footer {
    background: #005B63 !important;
    color: #FFFFFF !important;
    border-top: 3px solid #C99524 !important;
    font-family: "Cairo", sans-serif !important;
    direction: rtl !important;
}


/* إزالة أي خلفية فاتحة داخل محتوى الفوتر */
.store-footer,
.store-footer > div,
.store-footer .row,
.store-footer .container,
.store-footer .store-footer__inner,
.store-footer .store-footer__top,
.store-footer .store-footer__content {
    background-color: #005B63 !important;
}


/* إلغاء الفراغ الزائد */
.store-footer .row {
    padding-top: 38px !important;
    padding-bottom: 35px !important;
    margin-top: 0 !important;
}


/* جميع النصوص */
.store-footer p,
.store-footer span,
.store-footer li,
.store-footer a,
.store-footer h3,
.store-footer h4,
.store-footer strong {
    font-family: "Cairo", sans-serif !important;
}


/* النصوص */
.store-footer p {
    color: rgba(255,255,255,.78) !important;
    line-height: 1.9 !important;
}


/* العناوين */
.store-footer h3,
.store-footer h4 {
    color: #E8BB55 !important;
    font-weight: 800 !important;
}


/* الروابط */
.store-footer a {
    color: rgba(255,255,255,.90) !important;
    text-decoration: none !important;
    transition: .2s ease !important;
}

.store-footer a:hover {
    color: #E8BB55 !important;
}


/* =========================================================
   إلغاء اللوجو الموجود أعلى الفوتر
   ========================================================= */

.store-footer::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   إضافة اللوجو الشفاف في عمود رقميات الأعمال
   ========================================================= */

/*
   في الفوتر الحالي:
   العمود الثالث = معلومات رقميات الأعمال
*/

.store-footer .row > div:nth-child(3)::before {
    content: "";
    display: block !important;

    width: 120px !important;
    height: 70px !important;

    margin: 0 0 16px auto !important;

    background-image: url(
        "https://cdn.files.salla.network/other/463607134/1aa6eb27-cc78-4705-aad6-22816943601e-original.webp"
    ) !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: contain !important;

    background-color: transparent !important;
}


/* =========================================================
   عنوان رقميات الأعمال
   ========================================================= */

.store-footer .row > div:nth-child(3) h3,
.store-footer .row > div:nth-child(3) h4 {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}


/* =========================================================
   روابط مهمة
   ========================================================= */

.store-footer .row > div:nth-child(2) h3,
.store-footer .row > div:nth-child(2) h4 {
    color: #E8BB55 !important;
}

.store-footer .row > div:nth-child(2) ul {
    margin: 0 !important;
    padding: 0 !important;
}

.store-footer .row > div:nth-child(2) li {
    margin-bottom: 4px !important;
}


/* =========================================================
   تواصل معنا
   ========================================================= */

.store-footer .row > div:nth-child(1) h3,
.store-footer .row > div:nth-child(1) h4 {
    color: #E8BB55 !important;
}


/* البريد وواتساب */
.store-footer a[href^="mailto:"],
.store-footer a[href*="wa.me"] {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}


/* =========================================================
   السوشال ميديا
   ========================================================= */

.store-footer ul:has(a[href*="instagram"]) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding: 0 !important;
}


.store-footer ul:has(a[href*="instagram"]) li {
    margin: 0 !important;
    padding: 0 !important;
}


.store-footer ul:has(a[href*="instagram"]) li a {
    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(232,187,85,.50) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,.05) !important;
    color: #FFFFFF !important;

    transform: none !important;
}


.store-footer ul:has(a[href*="instagram"]) li a:hover {
    background: #C99524 !important;
    border-color: #C99524 !important;
    transform: translateY(-3px) !important;
}


/* =========================================================
   إزالة الخطوط الداخلية المزعجة
   ========================================================= */

.store-footer hr {
    border-color: rgba(255,255,255,.10) !important;
}


/* =========================================================
   الشريط السفلي
   ========================================================= */

.store-footer > div:last-child,
.store-footer__bottom,
.store-footer__copyright {
    background: #014550 !important;
    color: #FFFFFF !important;

    border-top: 1px solid rgba(255,255,255,.12) !important;

    padding: 15px 30px !important;

    box-shadow: none !important;
}


.store-footer > div:last-child *,
.store-footer__bottom *,
.store-footer__copyright * {
    color: #FFFFFF !important;
}


/* =========================================================
   وسائل الدفع
   ========================================================= */

.store-footer > div:last-child ul,
.store-footer__bottom ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}


/* =========================================================
   سطح المكتب
   ========================================================= */

@media (min-width: 769px) {

    .store-footer .row {
        display: grid !important;

        grid-template-columns:
            1.25fr
            1fr
            1.25fr !important;

        gap: 55px !important;

        align-items: start !important;

        padding: 38px 45px 35px !important;
    }

    .store-footer .row > div {
        position: static !important;
        width: auto !important;
    }

}


/* =========================================================
   الجوال
   ========================================================= */

@media (max-width: 768px) {

    .store-footer .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;

        padding: 32px 22px 28px !important;

        text-align: center !important;
    }


    .store-footer .row > div {
        width: 100% !important;
        text-align: center !important;
    }


    .store-footer .row > div:nth-child(3)::before {
        width: 100px !important;
        height: 65px !important;

        margin: 0 auto 14px auto !important;

        background-position: center !important;
    }


    .store-footer ul {
        align-items: center !important;
        justify-content: center !important;
    }


    .store-footer ul:has(a[href*="instagram"]) {
        justify-content: center !important;
    }


    .store-footer > div:last-child,
    .store-footer__bottom,
    .store-footer__copyright {
        padding: 14px 15px !important;
        text-align: center !important;
    }

}
/* =========================================================
   RQMYA — FINAL FOOTER OVERRIDE
   ========================================================= */

/* الفوتر بالكامل */
.store-footer {
    background: #005B63 !important;
    color: #FFFFFF !important;
    border-top: 3px solid #C99524 !important;
    font-family: "Cairo", sans-serif !important;
    direction: rtl !important;
}


/* إزالة أي خلفية فاتحة داخل محتوى الفوتر */
.store-footer,
.store-footer > div,
.store-footer .row,
.store-footer .container,
.store-footer .store-footer__inner,
.store-footer .store-footer__top,
.store-footer .store-footer__content {
    background-color: #005B63 !important;
}


/* إلغاء الفراغ الزائد */
.store-footer .row {
    padding-top: 38px !important;
    padding-bottom: 35px !important;
    margin-top: 0 !important;
}


/* جميع النصوص */
.store-footer p,
.store-footer span,
.store-footer li,
.store-footer a,
.store-footer h3,
.store-footer h4,
.store-footer strong {
    font-family: "Cairo", sans-serif !important;
}


/* النصوص */
.store-footer p {
    color: rgba(255,255,255,.78) !important;
    line-height: 1.9 !important;
}


/* العناوين */
.store-footer h3,
.store-footer h4 {
    color: #E8BB55 !important;
    font-weight: 800 !important;
}


/* الروابط */
.store-footer a {
    color: rgba(255,255,255,.90) !important;
    text-decoration: none !important;
    transition: .2s ease !important;
}

.store-footer a:hover {
    color: #E8BB55 !important;
}


/* =========================================================
   إلغاء اللوجو الموجود أعلى الفوتر
   ========================================================= */

.store-footer::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   إضافة اللوجو الشفاف في عمود رقميات الأعمال
   ========================================================= */

/*
   في الفوتر الحالي:
   العمود الثالث = معلومات رقميات الأعمال
*/

.store-footer .row > div:nth-child(3)::before {
    content: "";
    display: block !important;

    width: 120px !important;
    height: 70px !important;

    margin: 0 0 16px auto !important;

    background-image: url(
        "https://cdn.files.salla.network/other/463607134/1aa6eb27-cc78-4705-aad6-22816943601e-original.webp"
    ) !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: contain !important;

    background-color: transparent !important;
}


/* =========================================================
   عنوان رقميات الأعمال
   ========================================================= */

.store-footer .row > div:nth-child(3) h3,
.store-footer .row > div:nth-child(3) h4 {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}


/* =========================================================
   روابط مهمة
   ========================================================= */

.store-footer .row > div:nth-child(2) h3,
.store-footer .row > div:nth-child(2) h4 {
    color: #E8BB55 !important;
}

.store-footer .row > div:nth-child(2) ul {
    margin: 0 !important;
    padding: 0 !important;
}

.store-footer .row > div:nth-child(2) li {
    margin-bottom: 4px !important;
}


/* =========================================================
   تواصل معنا
   ========================================================= */

.store-footer .row > div:nth-child(1) h3,
.store-footer .row > div:nth-child(1) h4 {
    color: #E8BB55 !important;
}


/* البريد وواتساب */
.store-footer a[href^="mailto:"],
.store-footer a[href*="wa.me"] {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}


/* =========================================================
   السوشال ميديا
   ========================================================= */

.store-footer ul:has(a[href*="instagram"]) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding: 0 !important;
}


.store-footer ul:has(a[href*="instagram"]) li {
    margin: 0 !important;
    padding: 0 !important;
}


.store-footer ul:has(a[href*="instagram"]) li a {
    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(232,187,85,.50) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,.05) !important;
    color: #FFFFFF !important;

    transform: none !important;
}


.store-footer ul:has(a[href*="instagram"]) li a:hover {
    background: #C99524 !important;
    border-color: #C99524 !important;
    transform: translateY(-3px) !important;
}


/* =========================================================
   إزالة الخطوط الداخلية المزعجة
   ========================================================= */

.store-footer hr {
    border-color: rgba(255,255,255,.10) !important;
}


/* =========================================================
   الشريط السفلي
   ========================================================= */

.store-footer > div:last-child,
.store-footer__bottom,
.store-footer__copyright {
    background: #014550 !important;
    color: #FFFFFF !important;

    border-top: 1px solid rgba(255,255,255,.12) !important;

    padding: 15px 30px !important;

    box-shadow: none !important;
}


.store-footer > div:last-child *,
.store-footer__bottom *,
.store-footer__copyright * {
    color: #FFFFFF !important;
}


/* =========================================================
   وسائل الدفع
   ========================================================= */

.store-footer > div:last-child ul,
.store-footer__bottom ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}


/* =========================================================
   سطح المكتب
   ========================================================= */

@media (min-width: 769px) {

    .store-footer .row {
        display: grid !important;

        grid-template-columns:
            1.25fr
            1fr
            1.25fr !important;

        gap: 55px !important;

        align-items: start !important;

        padding: 38px 45px 35px !important;
    }

    .store-footer .row > div {
        position: static !important;
        width: auto !important;
    }

}


/* =========================================================
   الجوال
   ========================================================= */

@media (max-width: 768px) {

    .store-footer .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;

        padding: 32px 22px 28px !important;

        text-align: center !important;
    }


    .store-footer .row > div {
        width: 100% !important;
        text-align: center !important;
    }


    .store-footer .row > div:nth-child(3)::before {
        width: 100px !important;
        height: 65px !important;

        margin: 0 auto 14px auto !important;

        background-position: center !important;
    }


    .store-footer ul {
        align-items: center !important;
        justify-content: center !important;
    }


    .store-footer ul:has(a[href*="instagram"]) {
        justify-content: center !important;
    }


    .store-footer > div:last-child,
    .store-footer__bottom,
    .store-footer__copyright {
        padding: 14px 15px !important;
        text-align: center !important;
    }

}
/* ============================================
   RQMYA — إضافة اللوجو الشفاف للفوتر
   ============================================ */

.store-footer .row > div:first-child::before {
    content: "";
    display: block !important;

    width: 125px !important;
    height: 80px !important;

    margin: 0 0 18px auto !important;

    background-image: url(
        "https://cdn.files.salla.network/other/463607134/1aa6eb27-cc78-4705-aad6-22816943601e-original.webp"
    ) !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: contain !important;

    background-color: transparent !important;
}


/* للجوال */
@media (max-width: 768px) {

    .store-footer .row > div:first-child::before {
        width: 105px !important;
        height: 70px !important;

        margin: 0 auto 15px auto !important;

        background-position: center !important;
    }

}
/* =========================================================
   RQMYA — Logo داخل عمود هوية المتجر
   ========================================================= */

.store-footer__inner > .container > div:first-child::before {
    content: "";
    display: block !important;

    width: 125px !important;
    height: 80px !important;

    margin: 0 0 18px auto !important;

    background-image: url(
        "https://cdn.files.salla.network/other/463607134/ecbff8ac-6d3b-4082-bb09-1c09d134816d-original.webp"
    ) !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: contain !important;

    background-color: transparent !important;
}


/* الجوال */
@media (max-width: 768px) {

    .store-footer__inner > .container > div:first-child::before {
        width: 105px !important;
        height: 70px !important;

        margin: 0 auto 15px auto !important;

        background-position: center !important;
    }

}
/* ============================================
   RQMYA — لون الشريط العلوي
   ============================================ */

.store-header .top-navbar,
header .top-navbar,
.top-navbar {
    background-color: #005b63 !important;
}

/* النصوص والأيقونات داخل الشريط */
.store-header .top-navbar *,
header .top-navbar *,
.top-navbar * {
    color: #FFFFFF !important;
}
/* ============================================
   RQMYA — إخفاء الشريط العلوي لصفحات المنتجات
   ============================================ */

body.product-single
header[data-testid="store-header"]
> div.top-navbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* إخفاء روابط الشريط العلوي فقط */
.s-menu-topnav-list {
    display: none !important;
}
.s-contacts-topnav-link:last-child:where([dir="rtl"],[dir="rtl"] *) {
    display: none !important;
}
.s-search-inline {
    min-width: 220px;
    width: 40%;
}
/* ============================================
   RQMYA — توسيط اللغة والبحث
   ============================================ */

.store-header .top-navbar > .container {
    position: relative !important;
}

/* المجموعة التي تحتوي اللغة + البحث */
.store-header .top-navbar > .container > .flex-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 1 1 auto !important;

    margin-inline: auto !important;
}

/* اللغة */
.store-header .top-navbar salla-menu {
    flex: 0 0 auto !important;
}

/* البحث */
.store-header .top-navbar .header-search {
    flex: 0 0 270px !important;
    max-width: 360px !important;
}

/* منع العناصر المخفية من أخذ مساحة */
.store-header .top-navbar .header-buttons:empty {
    display: none !important;
}
/* =========================================================
   RQMYA — Footer Desktop | 3 Equal Columns
   ========================================================= */

@media (min-width: 769px) {

    /* الحاوية الحقيقية للفوتر */
    .store-footer__inner > .container {

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 55px !important;

        width: 100% !important;

        max-width: 1200px !important;

        margin: 0 auto !important;

        padding: 38px 45px 35px !important;

        box-sizing: border-box !important;
    }


    /* إلغاء lg:col-span-2 الموجود في العمود الأول */
    .store-footer__inner > .container > div {

        grid-column: span 1 !important;

        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    /* منع أي عنصر من النزول لصف ثانٍ */
    .store-footer__inner > .container > div:nth-child(1),
    .store-footer__inner > .container > div:nth-child(2),
    .store-footer__inner > .container > div:nth-child(3) {

        grid-row: 1 !important;
    }


    /* المحاذاة */
    .store-footer__inner > .container > div {

        text-align: right !important;

        align-self: start !important;
    }

}
/* =========================================================
   RQMYA — FINAL DESKTOP FOOTER FIX
   ========================================================= */

@media (min-width: 769px) {

    /* -----------------------------------------
       1) إزالة مربع اللوجو/العنصر الفارغ
       ----------------------------------------- */

    .store-footer__inner > .container > div:first-child::before {
        content: none !important;
        display: none !important;
        background: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------
       2) جعل حاوية الفوتر مرجعًا للسوشال
       ----------------------------------------- */

    .store-footer__inner > .container {
        position: relative !important;
    }


    /* -----------------------------------------
       3) إلغاء مكان السوشال السابق
       ----------------------------------------- */

    .store-footer__inner
    > .container
    > div:first-child
    salla-social {

        position: absolute !important;

        /*
           العمود الأيسر — تواصل معنا
        */
        left: 145px !important;

        right: auto !important;

        /*
           تحت البريد الإلكتروني
        */
        top: 220px !important;

        width: 180px !important;

        margin: 0 !important;

        z-index: 20 !important;
    }


    /* -----------------------------------------
       4) تنسيق قائمة السوشال
       ----------------------------------------- */

    .store-footer__inner
    > .container
    > div:first-child
    salla-social ul {

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: flex-start !important;

        gap: 10px !important;

        width: auto !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social li {

        margin: 0 !important;

        padding: 0 !important;

        width: auto !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social a {

        width: 40px !important;

        height: 40px !important;

        margin: 0 !important;

        padding: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        border-radius: 50% !important;

        border: 1px solid rgba(232,187,85,.50) !important;

        background: rgba(255,255,255,.05) !important;

        color: #FFFFFF !important;

        transform: none !important;
    }


    /* -----------------------------------------
       5) تقليل الارتفاع الزائد للفوتر
       ----------------------------------------- */

    .store-footer__inner {

        padding-bottom: 5px !important;

    }


    .store-footer__inner > .container {

        padding-top: 32px !important;

        padding-bottom: 20px !important;

        min-height: 0 !important;

    }


    /* إلغاء المساحات غير الضرورية */
    .store-footer__inner
    > .container
    > div {

        margin-bottom: 0 !important;

        padding-bottom: 0 !important;

    }


    /* -----------------------------------------
       6) الشريط السفلي
       ----------------------------------------- */

    .store-footer > div:last-child {

        margin-top: 0 !important;

    }

}
/* =========================================================
   RQMYA — FINAL FOOTER MICRO FIX
   3 تعديلات فقط
   ========================================================= */

@media (min-width: 769px) {

    /* =====================================================
       1) إعادة اللوجو الشفاف إلى عمود رقميات الأعمال
       ===================================================== */

    .store-footer__inner > .container > div:first-child::before {
        content: "" !important;

        display: block !important;

        width: 125px !important;
        height: 78px !important;

        margin: 0 0 14px auto !important;
        padding: 0 !important;

        background-image: url(
            "https://cdn.files.salla.network/other/463607134/ecbff8ac-6d3b-4082-bb09-1c09d134816d-original.webp"
        ) !important;

        background-repeat: no-repeat !important;
        background-position: right center !important;
        background-size: contain !important;

        background-color: transparent !important;
    }


    /* =====================================================
       2) السوشال ميديا تحت عمود "تواصل معنا"
       ===================================================== */

    .store-footer__inner > .container {
        position: relative !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social {

        position: absolute !important;

        /*
         * هذا الموضع يضع الأيقونات تحت عمود التواصل
         * بدل تداخلها مع البريد.
         */
        left: 25.5% !important;

        right: auto !important;

        top: 255px !important;

        width: 190px !important;

        margin: 0 !important;

        padding: 0 !important;

        z-index: 20 !important;
    }


    /* قائمة الأيقونات */
    .store-footer__inner
    > .container
    > div:first-child
    salla-social ul {

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 10px !important;

        margin: 0 !important;

        padding: 0 !important;

        width: 100% !important;
    }


    /* عناصر القائمة */
    .store-footer__inner
    > .container
    > div:first-child
    salla-social li {

        margin: 0 !important;

        padding: 0 !important;

        width: auto !important;
    }


    /* الأيقونات */
    .store-footer__inner
    > .container
    > div:first-child
    salla-social a {

        width: 40px !important;

        height: 40px !important;

        min-width: 40px !important;

        margin: 0 !important;

        padding: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        border-radius: 50% !important;

        border: 1px solid rgba(232,187,85,.50) !important;

        background: rgba(255,255,255,.05) !important;

        color: #FFFFFF !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social a:hover {

        background: #C99524 !important;

        border-color: #C99524 !important;

        transform: translateY(-3px) !important;
    }


    /* =====================================================
       3) حذف رقم الواتساب + الأيقونة
       ===================================================== */

    .store-footer a[href*="966533624586"],
    .store-footer a[href*="wa.me"],
    .store-footer a[href*="whatsapp"],
    .store-footer a[href^="tel:"] {

        display: none !important;
    }


    /*
     * إذا كان رقم الواتساب داخل عنصر قائمة،
     * نخفي الحاوية نفسها حتى لا تبقى الأيقونة وحدها.
     */

    .store-footer li:has(
        a[href*="966533624586"]
    ),
    .store-footer li:has(
        a[href^="tel:"]
    ),
    .store-footer li:has(
        a[href*="wa.me"]
    ) {

        display: none !important;
    }

}


/* =========================================================
   حماية نسخة الجوال
   ========================================================= */

@media (max-width: 768px) {

    .store-footer__inner
    > .container
    > div:first-child
    salla-social {

        position: static !important;

        width: 100% !important;

        margin: 15px auto 0 !important;
    }

}
/* =========================================================
   RQMYA — ضبط موقع أيقونات التواصل الاجتماعي
   Desktop فقط
   ========================================================= */

@media (min-width: 769px) {

    .store-footer__inner
    > .container
    > div:first-child
    salla-social {

        position: absolute !important;

        /* تحريك المجموعة لمنتصف عمود تواصل معنا */
        left: 20% !important;

        right: auto !important;

        top: 255px !important;

        width: 200px !important;

        margin: 0 !important;

        padding: 0 !important;

        z-index: 20 !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social ul {

        width: 100% !important;

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 10px !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social li {

        margin: 0 !important;

        padding: 0 !important;
    }


    .store-footer__inner
    > .container
    > div:first-child
    salla-social a {

        width: 40px !important;

        height: 40px !important;

        min-width: 40px !important;

        margin: 0 !important;

        padding: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        border-radius: 50% !important;

        border: 1px solid rgba(232,187,85,.5) !important;

        background: rgba(255,255,255,.05) !important;

        color: #FFFFFF !important;
    }

}
/* =========================================================
   RQMYA — ضبط نهائي لموقع أيقونات التواصل
   Desktop فقط
   ========================================================= */

@media (min-width: 769px) {

    .store-footer__inner
    > .container
    > div:first-child
    salla-social {

        position: absolute !important;

        /* مركز عمود تواصل معنا */
        left: 20% !important;
        right: auto !important;

        /* رفع الأيقونات لتصبح تحت البريد مباشرة */
        top: 175px !important;

        width: 200px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 20 !important;
    }
}
@media (min-width: 769px) {
    .store-footer__inner > .container > div:first-child salla-social {
        left: 185px !important;
              top: 130px !important;
    }
  .s-contacts-list {
    gap: 0rem;
  }
  /* توحيد الشريط السفلي بالكامل حتى الحواف */
.store-footer > div:last-child {
    background-color: #014550 !important;
    box-shadow: 0 0 0 100vmax #014550 !important;
    clip-path: inset(0 -100vmax) !important;
}
  .navbar-brand img {
    width: 125px !important;
    max-width: 125px !important;
    height: auto !important;
    max-height: 75px !important;
    object-fit: contain !important;
}
  #contact-slot {
  display: none !important;
}
@media (max-width: 768px) {
    /* استهداف الحاوية باستخدام data-testid الأقوى */
    [data-testid="store-footer-payments"] ul {
        display: block !important; 
        text-align: center !important; 
        padding: 0 !important;
    }

    /* تحويل العناصر لكتل مضمنة بجانب بعضها */
    [data-testid="store-footer-payments"] ul li {
        display: inline-block !important;
        width: auto !important;
        margin: 5px 8px !important;
        float: none !important;
    }
}
  /* تعديل بيانات الرخصة التجارية */
.s-trust-badges-content .s-trust-badges-label {
    font-size: 0 !important;
}

.s-trust-badges-content .s-trust-badges-label::before {
    content: "الرخصة التجارية";
    font-size: 16px !important;
    font-weight: 400;
}

.s-trust-badges-content .s-trust-badges-number {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.s-trust-badges-content .s-trust-badges-number::after {
    content: "Cyberserv (FZC)\A Block C VL04-037\A Sharjah Research Technology and Innovation Park Free Zone\A Sharjah, UAE";
    white-space: pre-line;
    display: block;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    margin-top: 2px;
}