/* Add custom CSS styles below */
/* ===== MUKHALAD | Raed theme overrides ===== */
:root{--mk-gold:#CBA969;--mk-black:#0D0D0D;--mk-bg:#F7F3EA;--color-primary:#CBA969;--color-primary-dark:#9C7A3F;--color-primary-light:#E2CC9C;}

/* خلفية المتجر */
body,.app-inner,main{background-color:var(--mk-bg)!important;}

/* الهيدر */
.store-header,.store-header .top-navbar,.store-header .main-nav-container,.store-header #mainnav,.main-nav-container .inner,.main-nav-container.fixed-header{background-color:var(--mk-black)!important;border-color:#1f1f1f!important;}
.store-header,.store-header a,.store-header span,.store-header p,.store-header i,.store-header button,.store-header .main-menu li>a{color:var(--mk-gold)!important;}
.store-header svg,.store-header [class^="sicon-"],.store-header [class*=" sicon-"]{color:var(--mk-gold)!important;fill:currentColor;}
.store-header input{color:var(--mk-gold)!important;}
.store-header input::placeholder{color:rgba(203,169,105,.7)!important;}

/* الفوتر */
.store-footer,.store-footer__inner,.store-footer>div{background-color:var(--mk-black)!important;}
.store-footer,.store-footer a,.store-footer p,.store-footer h3,.store-footer h4,.store-footer span,.store-footer i,.store-footer li{color:var(--mk-gold)!important;}
.store-footer svg{color:var(--mk-gold)!important;fill:currentColor;}

/* السعر باللون الأسود */
.s-product-card-price,.s-product-card-sale-price h4,.s-product-card-sale-price span,.total-price,.product-price,.price-wrapper .total-price{color:#0D0D0D!important;}
.s-product-card-sale-price span.line-through,.before-price{color:#777!important;}

/* شارة العروض ذهبية */
.s-product-card-promotion-title,.promotion-title,.s-product-card-promotion,.product-card__promotion{background-color:var(--mk-gold)!important;color:var(--mk-black)!important;border-color:var(--mk-gold)!important;}

/* إخفاء الشريط الإعلاني العلوي ونافذة الخصم المنبثقة */
salla-advertisement,.s-advertisement,.announcement-bar{display:none!important;}
.s-popup,.salla-popup,salla-popup{display:none!important;}
/* إزالة الفراغ أعلى البنر الرئيسي */
.index .s-block--bundle-hero-luxury{margin-top:0!important;}

/* MUKHALAD quiet-luxury polish */
.whatsapp-button{background:#0D0D0D!important;border:1px solid #CBA969!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;padding:8px 16px!important;border-radius:2px!important}
.whatsapp-button img{filter:grayscale(1) sepia(1) saturate(1.6) hue-rotate(-8deg) brightness(1.05)!important;width:18px!important;height:18px!important}
.whatsapp-button span{font-size:0!important}
.whatsapp-button span::after{content:"استشارة خاصة";font-size:13.5px;letter-spacing:.3px;color:#CBA969}
.s-user-menu-trigger{background:transparent!important;padding:0!important}
.s-user-menu-avatar-wrap{width:40px!important;height:40px!important;border:1px solid #CBA969!important;border-radius:50%!important;background:#0D0D0D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBA969' stroke-width='1.3'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M4.8 19.5c1.3-3.4 4-5 7.2-5s5.9 1.6 7.2 5'/%3E%3C/svg%3E") center/22px no-repeat!important}
.s-user-menu-trigger-avatar{opacity:0!important}
.s-payments-list img,.s-payments-list-item img{filter:grayscale(1)!important;opacity:.55!important;transition:.3s}
.s-payments-list-item:hover img{filter:none!important;opacity:1!important}
.s-payments-list-item{background:transparent!important;border-color:rgba(203,169,105,.25)!important}

/* MUKHALAD static pages typography */
.page-single .content-entry{line-height:1.95;color:#211F20}
.page-single .content-entry h2{font-size:1.35rem;margin:2.4rem 0 1rem;padding-bottom:.6rem;border-bottom:1px solid #CBA969;color:#0D0D0D}
.page-single .content-entry h3{font-size:1.08rem;margin:1.8rem 0 .3rem;color:#0D0D0D}
.page-single .content-entry h3 em{font-style:normal;font-size:.72rem;letter-spacing:.06em;color:#9C7A3F;margin-inline-start:.5rem;text-transform:uppercase}
.page-single .content-entry p{margin:.25rem 0}
.page-single .content-entry strong{color:#5B3A24}
.page-single .content-entry ul{margin:.6rem 0 1rem;padding-inline-start:1.2rem}