@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=El+Messiri:wght@500;600;700&family=Tajawal:wght@300;400;500;700&display=swap');
/* Ronza product card — global (all pages) */
custom-salla-product-card>div:first-child{border-radius:14px!important;background:#F2DAD5!important;position:relative!important;aspect-ratio:3/4!important;overflow:hidden}
custom-salla-product-card>div:first-child img{border-radius:14px!important}
custom-salla-product-card:has(.line-through)>div:first-child::after{content:'خصم';position:absolute;top:12px;right:12px;background:#7A3D49;color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:7px;font-family:'Tajawal',sans-serif;z-index:3}
custom-salla-product-card button:has(.sicon-heart){background:rgba(255,255,255,.92)!important;width:32px;height:32px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(94,44,54,.14);z-index:3}
custom-salla-product-card .sicon-heart{color:#7A3D49!important}
custom-salla-product-card h4,custom-salla-product-card h4 a{font-family:'Tajawal',sans-serif!important;font-weight:500!important;color:#3A2630!important}
custom-salla-product-card .items-baseline span:first-child{color:#7A3D49!important;font-weight:700!important}
custom-salla-product-card .line-through{color:#A07F84!important}
custom-salla-product-card .elite-quick-add{background:#7A3D49!important;color:#fff!important;border-radius:10px!important}
custom-salla-product-card .elite-quick-add:hover{background:#5E2C36!important}
/* home products slider section */
.s-block--slider-with-bg{background:#FBF4F1!important}
.s-block--slider-with-bg .slider-bg{background:transparent!important}
.s-block--slider-with-bg .slider-bg::before,.s-block--slider-with-bg .slider-bg::after,.s-block--slider-with-bg::before,.s-block--slider-with-bg::after{display:none!important;background:transparent!important}
.s-block--slider-with-bg .container h3{font-family:'El Messiri',serif!important;font-weight:600!important;font-size:clamp(27px,3.6vw,38px)!important;color:#3A2630!important}
.s-block--slider-with-bg .container p{color:#8B6B72!important;font-family:'Tajawal',sans-serif!important}
.s-products-slider-card{padding:0 9px}
/* (سطر تابي تحت البطاقات حُذف بطلبك — v10) */

/* ====== جديد v2 (2026-07-09) ====== */

/* صفحة المنتج: إخفاء عدّاد المخزون «المتبقي 1500» */
div.bg-stone-50.inline-flex:has(i.sicon-box-bankers){display:none!important}

/* بطاقات المنتج: زوم ناعم للصورة عند المرور */
custom-salla-product-card>div:first-child img{transition:transform .35s ease}
custom-salla-product-card:hover>div:first-child img{transform:scale(1.04)}

/* صفحة المنتج: حصر عرض الوصف لقراءة أريح */
main article,main .product__description{max-width:72ch}

/* ====== v3 (2026-07-09 مساءً) — توحيد الخطوط + ألوان الأزرار ====== */

/* خط موحّد: Tajawal لكل النصوص (يزيل Amiri المتناثر في الشريط العلوي والفوتر)
   — الأيقونات مستثناة حتى لا تنكسر */
body *:not(i):not([class^="sicon"]):not([class*=" sicon"]){font-family:'Tajawal',sans-serif!important}

/* العناوين كلها: El Messiri */
:is(h1,h2,h3,h4,h5,h6):not(#_),:is(h1,h2,h3,h4,h5,h6) :is(span,a,b,strong):not(#_){font-family:'El Messiri',serif!important}

/* الشريط العلوي: إخفاء أسهم التنقل الصغيرة (يتحرك تلقائيًا) */
div[class*="group/topbar"] button{display:none!important}

/* أزرار الشراء بلون الماركة (بدل الأسود) */
html body .s-button-primary{background-color:#7A3D49!important;border-color:#7A3D49!important;color:#fff!important}
html body .s-button-primary:hover{background-color:#5E2C36!important}
salla-quick-order .s-button-element{background:#7A3D49!important;border-color:#7A3D49!important;color:#fff!important}
.elite-quick-add .s-button-element{background:rgba(122,61,73,.95)!important;color:#fff!important}

/* ====== v4 (2026-07-10) ====== */

/* صفحة المنتج: إخفاء «رقم الموديل» */
div.mb-6.flex.justify-between:has(i.sicon-barcode){display:none!important}

/* زر «اشتري الآن» بالنبيذ الغامق (تمييز عن زر السلة) */
salla-add-product-button [class*="mini-checkout"]{background-color:#5E2C36!important;border-color:#5E2C36!important;color:#fff!important}

/* ====== v5 (2026-07-10) — «عرض الكل» وأسهم السلايدر في يسار البلوك (RTL) ====== */
.s-slider-block__title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px}
.s-slider-block__title-left{display:flex!important;align-items:center;gap:14px;justify-content:flex-start!important;flex:0 0 auto!important;width:auto!important}
.s-slider-block__title-left>*{margin-inline:0!important}
.s-slider-block__title-right{flex:1 1 auto}

/* ====== v6.3 (2026-07-10) — شاشة تحميل رونزا: نسخة نقّار حرفيًا ======
   نفس وصفة نقّار (launch/store-css.html): z-index أقصى يغطي حتى لودر سلة،
   يبقى 700ms على الأقل ثم يتلاشى — لا يظهر أي لودر ثانٍ تحته. */
html::before{content:"";position:fixed;inset:0;z-index:2147483646;background:#FBF4F1 url('https://cdn.files.salla.network/theme/1838709108/f4f0bc48-886e-46a4-a4b5-8d71715b5e1d_500x500.png') center/110px auto no-repeat;transition:opacity .5s ease,visibility .5s ease;animation:rzPresafe 0s linear 8s forwards}
html::after{content:"";position:fixed;top:calc(50% - 85px);left:calc(50% - 85px);width:170px;height:170px;z-index:2147483647;border:3px solid #EAD3CD;border-top-color:#7A3D49;border-radius:50%;transition:opacity .5s ease,visibility .5s ease;animation:rzSpin .8s linear infinite,rzPresafe 0s linear 8s forwards}
html.rz-loaded::before,html.rz-loaded::after{opacity:0;visibility:hidden;pointer-events:none}
@keyframes rzSpin{to{transform:rotate(360deg)}}
@keyframes rzPresafe{to{opacity:0;visibility:hidden;pointer-events:none}}

/* ====== v7.2 (2026-07-10) — الهيدر قبل التمرير ======
   أبيض صلب 100٪ بنص داكن — يشمل حالتَي الشريط العلوي: ظاهر (top-10) أو مُغلق (top-0) */
html body div.fixed.w-full.z-50[class*="top-"]{background:#ffffff!important;background-image:none!important;color:#3A2630!important;border-color:#F1E5E1!important}
html body div.fixed.w-full.z-50[class*="top-"]::before,html body div.fixed.w-full.z-50[class*="top-"]::after{display:none!important}

/* ====== v9.1 (2026-07-10) — مسافات أصغر + صور مربعة كاملة (موجودة أيضًا في بلوك ٠.١ للرئيسية) ======
   ملاحظة: بلوك الفئات المميزة (البنتو) رجع cover كما كان — القص كان مطلوبًا هناك */
.s-block--slider-with-bg{padding-top:44px!important;padding-bottom:44px!important}
.s-block--slider-with-bg > .container{padding-top:8px!important}
.s-block--slider-with-bg .container p{margin-bottom:10px!important}
.s-slider-block__title{margin-bottom:10px!important}
/* v9.5 — صور مربعة (محسنة) 2/3 أعمدة: الصورة تملأ البلوك (cover)
   + تعتيم أسود خفيف ليظهر النص + نص أبيض.
   نصيحة: صور عرضية 640×427 لهذه البلوكات = صفر قص */
div[class*="grid-cols-2"] > .banner-entry,div[class*="grid-cols-3"] > .banner-entry{background-size:cover!important;background-color:#F6F4F2!important;background-blend-mode:normal!important;background-repeat:no-repeat!important;background-position:center!important;position:relative}
div[class*="grid-cols-2"] > .banner-entry::before,div[class*="grid-cols-3"] > .banner-entry::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.38);z-index:1}
div[class*="grid-cols-2"] > .banner-entry .banner-entry__text,div[class*="grid-cols-3"] > .banner-entry .banner-entry__text{position:relative;z-index:2}
div[class*="grid-cols-2"] > .banner-entry .banner__title,div[class*="grid-cols-3"] > .banner-entry .banner__title{color:#ffffff!important}
div[class*="grid-cols-2"] > .banner-entry .banner__description,div[class*="grid-cols-3"] > .banner-entry .banner__description{color:#F2DAD5!important}

/* ====== v10 (2026-07-10) ====== */
/* حذف سطر تابي تحت بطاقات المنتجات (أمان لو بقي السطر القديم) */
custom-salla-product-card>div:last-child::after{content:none!important}
/* إظهار أيقونة البحث في الجوال */
div.fixed.w-full.z-50 button[aria-label="Search"]{display:block!important}

/* v10.1 — إخفاء لودر سلة الصغير (شاشة رونزا تغطي التحميل) */
salla-loading{display:none!important}

/* ====== v11 (2026-07-10) — الجوال: الشريط السفلي + القائمة الجانبية ======
   ملاحظة: الشريط الملوّن العلوي رجع من إعدادات الثيم (top_bar=تفعيل) — بدون CSS */

/* الشريط السفلي في الجوال: أيقونات بلون الماركة */
.bottom-mobile-menu{border-top:1px solid #EAD3CD!important}
.bottom-mobile-menu a,.bottom-mobile-menu button{color:#8B6B72!important}
.bottom-mobile-menu a:active,.bottom-mobile-menu button:active{color:#7A3D49!important}

/* عدّاد السلة نبيذي بدل الأحمر (الهيدر + الشريط السفلي) */
.s-cart-summary-count{background:#7A3D49!important;color:#fff!important}

/* القائمة الجانبية (الجوال): كريمي + نبيذ بدل الرمادي */
#mobile-menu.mm-spn{background:#FBF4F1!important;color:#3A2630!important}
#mobile-menu.mm-spn::after{font-family:'El Messiri',serif!important;color:#5E2C36!important;font-weight:700!important;border-bottom:1px solid #EAD3CD}
#mobile-menu.mm-spn a,#mobile-menu.mm-spn li span{color:#3A2630!important}
#mobile-menu.mm-spn li::before{border-color:#7A3D49!important}
#mobile-menu.mm-spn li::after{color:#7A3D49;opacity:.22}
#mobile-menu .btn--close{color:#7A3D49!important}
/* شعار رونزا أسفل القائمة الجانبية (يملأ الفراغ) */
#mobile-menu.mm-spn ul::after{content:'';display:block;height:190px;background:url(https://cdn.files.salla.network/theme/1838709108/f4f0bc48-886e-46a4-a4b5-8d71715b5e1d_500x500.png) center bottom 40px/110px auto no-repeat}

/* ====== v12 (2026-07-10) — قتل اللودر الثاني (الحل النهائي، السبب اتشخّص) ======
   لودر ثيم رانيورا = <div id="preloader"> أول عنصر في body (خلفية فاتحة #F5F5F2
   + قوس داكن 48px)، يبقى ثانيتين بعد اكتمال التحميل — لهذا كان يظهر بعد شاشة رونزا.
   محاولات v10.1/v11.1 فشلت لأن العنصر له id (السطر القديم حُذف). سطر واحد يكفي: */
#preloader{display:none!important}

/* ====== v12.2 (2026-07-11) — شعار الهيدر أكبر + ألوان السوشيال الحقيقية ====== */

/* شعار الهيدر: أكبر (كان 32px جوال / 40px ديسكتوب) */
a[aria-label*="الرئيسية"] > img{height:62px!important}
@media(min-width:1024px){a[aria-label*="الرئيسية"] > img{height:78px!important}}

/* أيقونات السوشيال (الفوتر): لون كل منصة الحقيقي */
.s-social-link a{border-radius:50%!important;transition:transform .2s}
.s-social-link a:hover{transform:translateY(-2px)}
.s-social-link a svg{fill:currentColor}
.s-social-link a[href*="instagram"]{background:radial-gradient(circle at 30% 110%,#FDF497 0%,#FD5949 45%,#D6249F 60%,#285AEB 90%)!important;border-color:transparent!important;color:#fff!important}
.s-social-link a[href*="snapchat"]{background:#FFFC00!important;border-color:#FFFC00!important;color:#1a1a1a!important}
.s-social-link a[href*="youtube"]{background:#FF0000!important;border-color:#FF0000!important;color:#fff!important}
.s-social-link a[href*="wa.me"],.s-social-link a[href*="whatsapp"]{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.s-social-link a[href*="facebook"]{background:#1877F2!important;border-color:#1877F2!important;color:#fff!important}
/* تيك توك و X: دائرة بيضاء وأيقونة سوداء (لأن الفوتر داكن) */
.s-social-link a[href*="tiktok"],.s-social-link a[href*="x.com"],.s-social-link a[href*="twitter"]{background:#ffffff!important;border-color:#ffffff!important;color:#000000!important}

/* ====== v13 (2026-07-11) — السلة + الطلبات + الحساب: دفء رونزا بدل الرمادي ======
   سبب «الرمادي»: توكن الثيم bg-cream = rgb(249,249,247) رمادي باهت — نستبدله بكريمي رونزا */
.bg-cream{background-color:#FBF4F1!important}
body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"],body[class*="thank"]{background-color:#FBF4F1!important}
/* البطاقات البيضاء: حدود بلاش + زوايا أنعم + ظل دافئ */
:is(body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"]) .bg-white[class*="border"]{border-color:#EAD3CD!important;border-radius:16px!important;box-shadow:0 6px 24px rgba(94,44,54,.06)!important}
/* النصوص الرمادية → درجة الماركة */
:is(body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"]) [class*="text-stone-6"],:is(body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"]) [class*="text-stone-5"]{color:#8B6B72!important}
:is(body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"]) [class*="border-stone"]{border-color:#EAD3CD!important}
:is(body.cart,body[class*="order"],body[class*="profile"],body[class*="customer"]) :is(h1,h2){color:#3A2630!important}
/* عدّاد الكمية بلون الماركة */
.s-quantity-input-button{color:#7A3D49!important}
html body .s-quantity-input{border-color:#EAD3CD!important;border-radius:10px!important}

/* ====== v13.1 (2026-07-11) — أزرار +/− لا تبيضّ عند الضغط ======
   السبب: hover/active في الثيم يستخدم accent-dark وكان أبيض (luxe_accent_color=#fff — عُدّل لنبيذي)
   + أيقونات SVG بتعبئة رمادية ثابتة */
.s-quantity-input-button svg{fill:currentColor!important}
.s-quantity-input-button:hover,.s-quantity-input-button:active,.s-quantity-input-button:focus,.s-quantity-input-button:focus-visible{color:#5E2C36!important;background:#F2DAD5!important;border-radius:8px}
[class*="hover:text-accent-dark"]:hover{color:#7A3D49!important}

/* ====== v14 (2026-07-11) — صفحة المنتج + صفحات التصنيفات ====== */

/* صفحة المنتج: صور المنتج كانت مقصوصة تحت الهيدر الثابت — إزاحة ديناميكية حسب الشريط العلوي */
body.product-single .fixed.w-full.z-50[class*="top-10"]~main{padding-top:112px!important}
body.product-single .fixed.w-full.z-50[class*="top-0"]~main{padding-top:74px!important}

/* التصنيفات: مسافة أعلى الصفحة ديناميكية (كانت pt-24/32 ثابتة — تختفي تحت الهيدر مع الشريط، وكبيرة بدونه) */
.breadcrumbs{padding-top:86px!important}
.fixed.w-full.z-50[class*="top-10"]~main .breadcrumbs{padding-top:122px!important}
@media(max-width:767px){
.breadcrumbs{padding-top:78px!important}
.fixed.w-full.z-50[class*="top-10"]~main .breadcrumbs{padding-top:114px!important}
body.product-index h1{font-size:27px!important}
}

/* فلتر «تصفية» وترتيب: حدود بلاش ونصوص الماركة بدل الرمادي */
body.product-index main a[class*="bg-white/80"]{border-color:#EAD3CD!important;background:#fff!important;color:#3A2630!important;border-radius:12px!important}
body.product-index main [class*="border-stone"]{border-color:#EAD3CD!important}
body.product-index main [class*="text-stone-5"],body.product-index main [class*="text-stone-6"]{color:#8B6B72!important}

/* ====== v14.1 (2026-07-11) — تصغير المسافة فوق شبكة المنتجات في التصنيفات ====== */
body.product-index .breadcrumbs{padding-bottom:0!important}
body.product-index .breadcrumbs nav[class*="mb-"]{margin-bottom:14px!important}
body.product-index .breadcrumbs .relative.mb-12{margin-bottom:14px!important}

/* ====== v14.2 (2026-07-11) — تصغير الهامش فوق بلوك «تسوّقي حسب الفئة» بالرئيسية (متوافق فايرفوكس، بدون has:) ====== */
html body section.s-block--banners[class*="py-12"]{margin-top:12px!important;padding-top:0!important}
html body section.s-block--banners[class*="py-12"] .s-block__title{margin-bottom:14px!important}

/* ====== v14.3 (2026-07-11) — دوائر الفئات أكبر على الديسكتوب ====== */
@media(min-width:768px){
html body .s-block--banners a.square-photos{width:150px!important}
html body .s-block--banners a.square-photos .lazy__bg{width:150px!important;height:150px!important}
html body .s-block--banners a.square-photos h3 span{font-size:15px!important}
html body .s-block--banners div[class*="two-row"]{gap:44px!important}
}

/* ====== v14.4 (2026-07-11) — إزالة المسافة الميتة فوق رفوف المنتجات (slider-with-bg بلا صورة خلفية) ====== */
/* .slider-bg يحجز 464px لصورة خلفية غير مضبوطة → تقليصه لمحتواه + سحب الرف لأعلى بهامش صغير بدل -mt-62 */
html body section.s-block--slider-with-bg .slider-bg{height:auto!important;min-height:0!important}
html body section.s-block--slider-with-bg .slider-bg .container[class*="pt-"]{padding-top:10px!important}
html body section.s-block--slider-with-bg .container[class*="-mt-"]{margin-top:6px!important}

/* ====== v14.5 (2026-07-11) — قسم التقييمات بصفحة المنتج: بلاش بدل الرمادي + يختفي وهو فارغ ====== */
/* salla-comments لا يعرض شيئًا قبل وجود تقييمات → صندوق رمادي فارغ 96px. نلوّنه بلاش ونطوي الحشوة (يعود تلقائيًا عند وجود تقييم) */
body.product-single .bg-stone-50.py-12{background:#FBF4F1!important;padding-top:0!important;padding-bottom:0!important}

/* ====== v14.6 (2026-07-11) — شريط «ترتيب/تصفية» بالجوال في صفحات التصنيفات ====== */
@media(max-width:1023px){
/* الزرّان بنفس الحجم: شبكة عمودين متساويين */
body.product-index div[class*="lg:flex-nowrap"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:stretch!important;}
body.product-index div[class*="lg:flex-nowrap"] > *{min-width:0!important;width:auto!important;}
/* صندوق نظيف موحّد للزرّين */
body.product-index .sort-dropdown > a[href="#filters-menu"],
body.product-index div[class*="lg:flex-nowrap"] > a[href="#filters-menu"]{width:100%!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;height:46px!important;overflow:visible!important;}
/* زر الترتيب الداخلي: إزالة الحد/الخلفية/العرض الأدنى المزدوج (كان صندوقًا داخل صندوق) */
body.product-index #sortDropdownBtn{border:0!important;background:transparent!important;backdrop-filter:none!important;min-width:0!important;width:100%!important;padding:0!important;justify-content:center!important;gap:8px!important;height:100%!important;}
}
/* القائمة المنسدلة فوق بطاقات المنتجات (كانت أزرار المفضلة/الإضافة تظهر فوقها) */
/* السبب: بطاقة المنتج فيها طبقة `.absolute z-20` (المفضلة/الخصم)، وحاوية العنوان/الشريط كانت z-10 فقط → 20>10.
   الحل: رفع حاوية العنوان فوق طبقات البطاقات، فترتفع معها القائمة (z-999 بداخلها) */
body.product-index nav.breadcrumbs div[class*="1920"]{z-index:40!important;position:relative!important;}
body.product-index .sort-dropdown{overflow:visible!important;z-index:999!important;}
body.product-index #sortDropdownMenu{z-index:999!important;border-radius:12px!important;}

/* ===== v15: Landing Page styles — SCOPED to LP only via body:has(.s-block--fast-checkout) =====
   الحقل واحد للمتجر كله (آخر حفظ يفوز، من محرر الهوم أو محرر صفحة الهبوط) —
   لذلك هذا الملف = كود الثيم + كود صفحة الهبوط معًا. الصقيه كاملًا من أي محرر. */
/* إيقاف شاشة التحميل على صفحات الهبوط — سكربت الثيم (rz-loaded) لا يعمل هناك وإلا علِق السبينر 8 ثوانٍ */
html:has(.s-block--fast-checkout)::before,
html:has(.s-block--fast-checkout)::after{display:none!important;animation:none!important}
body:has(.s-block--fast-checkout) *{--color-primary:#7A3D49!important}
body:has(.s-block--fast-checkout) h1,body:has(.s-block--fast-checkout) h2,body:has(.s-block--fast-checkout) h3,body:has(.s-block--fast-checkout) h4{font-family:'El Messiri','Tajawal',sans-serif!important}
body:has(.s-block--fast-checkout) .s-button-primary,body:has(.s-block--fast-checkout) .s-block--fast-checkout button{background-color:#7A3D49!important;border-color:#7A3D49!important;color:#fff!important;border-radius:999px!important}
body:has(.s-block--fast-checkout) .s-button-primary *,body:has(.s-block--fast-checkout) .s-block--fast-checkout button *{color:#fff!important;fill:#fff!important}
body:has(.s-block--fast-checkout) .s-button-primary:hover,body:has(.s-block--fast-checkout) .s-block--fast-checkout button:hover{background-color:#5E2C36!important;border-color:#5E2C36!important}
body:has(.s-block--fast-checkout) .s-button-primary:disabled{opacity:.45!important}
body:has(.s-block--fast-checkout) .s-block--fast-checkout{padding-top:12px!important;padding-bottom:12px!important}
body:has(.s-block--fast-checkout) .s-block--fast-checkout button{margin:6px 0!important}
body:has(.s-block--fast-checkout) header,body:has(.s-block--fast-checkout) [class*="page-header"]{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
body:has(.s-block--fast-checkout) a.wa-s-n,body:has(.s-block--fast-checkout) a[href*="wa.me"][style*="fixed"]{left:16px!important;right:auto!important;bottom:90px!important;z-index:2147483000!important}