/* Add custom CSS styles below */
/* بدون @import هنا: ملف فيه @import ما ينطبق لين يوصل الخط، فيرجع يبان الثيم القديم. خط السلة يجيبه asala-cart.js */
/* أصلة: يُلصق في الثيم ← تخصيص متقدم ← «تخصيص باستخدام CSS» (يشتغل بكل صفحات المتجر) */

/* التذييل: بدون وثيقة العمل الحر وبدون رقم الجوال (طلب نواف 2026-11-04) */
salla-trust-badges{display:none!important}
salla-contacts{display:none!important} /* الرقم ممنوع يطلع: التذييل وأعلى الهيدر */
/* عمود «روابط مهمة» يختفي ما دامت القائمة فاضية، ويرجع لحاله لو انضافت روابط */
.store-footer div:has(> salla-menu:empty){display:none!important}
/* الذيل كامل مشال من كل الصفحات (طلب نواف 2026-11-04: «شيل الذيل») */
.store-footer{display:none!important}

/* الصفحة الرئيسية = تصميم أصلة بس، من أول لحظة:
   قبل كان الإخفاء داخل كتلة #asl نفسها، فأول ما تنفتح الصفحة يبان تصميم الثيم القديم لين توصل الكتلة */
body.index{background:#645748!important}
body.index .store-header,
body.index salla-add-product-toast,
body.index #main-content>.s-block:not(.s-block--bundle-html-content){display:none!important}
body.index #main-content{min-height:100vh}

/* ===== صفحة السلة بألوان أصلة (body.cart) ===== */
body.cart{--a-wall:#645748;--a-ink:#2b241d;--a-deep:#54493d;--a-cream:#f3ece2;--a-sand:#e2d6c6;--a-gold:#e6c88a;--a-line:rgba(243,236,226,.18);background:var(--a-wall)!important;color:var(--a-cream)}
body.cart :is(h1,h2,h3,h4,p,a,span,b,small,label,button,input,div){font-family:Kufam,"Segoe UI",Tahoma,sans-serif}

/* الهيدر: شريط داكن بدون مربع البحث (متجر بقطعتين ما يحتاج بحث) */
body.cart .top-navbar,body.cart salla-bullet-delivery-tag{display:none!important}
body.cart #mainnav{background:var(--a-ink)!important;box-shadow:none!important;border-bottom:1px solid var(--a-line)}
body.cart #mainnav :is(a,i,b,span,.sicon-menu){color:var(--a-cream)!important}
body.cart .s-user-menu-login-btn{background:transparent!important;border-color:var(--a-line)!important;color:var(--a-cream)!important}
body.cart .s-cart-summary-wrapper #s-cart-icon{background:transparent!important;color:var(--a-cream)!important}
body.cart :is(.s-user-menu-login-btn,.s-cart-summary-wrapper) svg{fill:currentColor!important}
body.cart .s-cart-summary-count{background:var(--a-gold)!important;color:var(--a-ink)!important}

body.cart .breadcrumbs,body.cart .breadcrumbs *{color:var(--a-sand)!important}

/* كل قطعة: بطاقة داكنة، صورة طولية، والنقشة تحت الاسم مباشرة بدل ما تكون صف لحالها */
body.cart .cart-item{background:var(--a-ink)!important;border:1px solid var(--a-line);border-radius:2px!important;color:var(--a-cream);padding:1.1rem!important}
body.cart .cart-item>.md\:flex{margin-bottom:.4rem!important}
body.cart .cart-item h1,body.cart .cart-item h1 a{color:var(--a-cream)!important;font-size:1.05rem!important;font-weight:600}
body.cart .cart-item :is(.text-gray-500,.text-gray-900){color:var(--a-sand)!important}
body.cart .cart-item .text-primary{color:var(--a-gold)!important}
body.cart .cart-item .border-gray-200{border-color:var(--a-line)!important}
body.cart .cart-item a>img{width:92px!important;height:92px!important;border:0!important;background:var(--a-deep)!important;border-radius:2px!important}

body.cart .s-quantity-input-container{background:transparent!important;border:1px solid var(--a-line)!important;border-radius:2px!important}
body.cart :is(.s-quantity-input-input,.s-quantity-input-button){background:transparent!important;color:var(--a-cream)!important;border-color:var(--a-line)!important}
body.cart .s-quantity-input-button svg{fill:currentColor!important}

body.cart .btn--delete :is(button,.s-button-element){background:transparent!important;border:1px solid var(--a-line)!important;color:var(--a-sand)!important}

body.cart salla-product-options{display:block;background:transparent!important;padding:0!important;padding-inline-start:calc(92px + 1rem)!important}
body.cart .s-product-options-option{display:flex!important;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:0!important}
body.cart .s-product-options-option-label{margin:0!important;color:var(--a-sand)!important;font-size:.85rem}
body.cart .s-product-options-option-label b{font-weight:500}
body.cart .s-product-options-option-label span{display:none}
body.cart .s-product-options-option-content{margin:0!important}
body.cart .s-product-options-colors-wrapper{display:flex!important;flex-wrap:wrap;gap:.6rem!important;margin:0!important;padding:0!important;border:0!important}
body.cart .s-product-options-colors-wrapper label div{color:var(--a-sand)!important;font-size:.72rem}
body.cart .s-product-options-colors-wrapper input:checked+label div{color:var(--a-cream)!important}
body.cart .s-product-options-colors-wrapper input:checked+label span{box-shadow:0 0 0 2px var(--a-ink),0 0 0 3.5px var(--a-gold)!important}
@media (max-width:640px){body.cart salla-product-options{padding-inline-start:0;margin-top:.9rem}}

/* السلة الفاضية: بدون صندوق الاقتراحات (متجر بقطعتين، وكان يطلع هيكل أبيض فاضي) */
body.cart salla-basket-gap,body.cart salla-add-product-toast{display:none!important}
body.cart .no-content-placeholder .icon{background:var(--a-ink)!important;color:var(--a-cream)!important}
body.cart .no-content-placeholder p{color:var(--a-cream)!important}
body.cart .no-content-placeholder .btn{background:transparent!important;color:var(--a-cream)!important;border:1px solid var(--a-cream)!important;border-radius:2px!important}

/* ملخص الطلب وزر إتمام الطلب */
body.cart .s-cart-summary-card{background:var(--a-ink)!important;border:1px solid var(--a-line);border-radius:2px!important;box-shadow:none!important;color:var(--a-cream)!important}
body.cart .s-cart-summary-card :is(div,header,span,b,h3,p){background-color:transparent!important;color:inherit!important;border-color:var(--a-line)!important}
body.cart .s-cart-summary-card .s-button-element{background:var(--a-cream)!important;color:var(--a-ink)!important;border:1px solid var(--a-cream)!important;border-radius:2px!important;min-height:52px;font-weight:600}
body.cart .s-cart-summary-card .s-button-element .s-button-text{color:var(--a-ink)!important}
@media (hover:hover){body.cart .s-cart-summary-card .s-button-element:hover{background:var(--a-gold)!important;border-color:var(--a-gold)!important}}