/* Add custom CSS styles below */ 
/*mostafa css*/

 /*fonts*/
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Cinzel:wght@400..900&family=El+Messiri:wght@400..700&display=swap');


body, 
p, 
span, 
a, 
h1, h2, h3, h4, h5, h6, 
button, 
input, 
select, 
textarea,
.salla-product-card,
.salla-button {
    /* 
       الترتيب:
       1. Didot / Bodoni MT (للإنجليزي - كلاسيك فاخر زي الصورة)
       2. 'El Messiri' (للحروف العربية)
       3. serif (الخط الاحتياطي للنظام)
    */
    font-family: 'Didot', 'Bodoni MT', 'El Messiri', serif !important;
}



/*dark mode*/
body, .bg-inherit, .s-block--slider-with-bg, 
.footer-is-light .store-footer .store-footer__inner
,.footer-is-light .store-footer,.sm\:py-16, 
.mm-spn.mm-spn--light,.s-search-results,
.s-comments-product{
  background-color: #0b0806!important;
}

.main-menu .sub-menu, .s-product-card-sale-price span{
  color:#0b0806!important;
}

.s-contacts, .s-cart-summary-total,.main-menu li.root-level ,
.header-btn__icon.icon:where([dir=rtl],[dir=rtl] *) ,
.s-search-icon-wrap,.s-search-input, 
h1,h2,h3,h4,h5,h6,p, .s-block-trust-map__title,
.copyright-text p,.s-trust-badges-label, 
.s-trust-badges-number,.s-menu-footer-item,
.s-block__display-all,.mm-spn.mm-spn--light,
.s-breadcrumb-wrapper,
label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap{
  color:#f5f5f5!important;
}
.s-user-menu-login-btn svg,.s-social-link a svg,
.s-search-icon svg{
  fill:#f5f5f5!important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button{
  background-color: #630304!important;
}
.s-product-card-sale-price h4, .s-product-card-price, 
.s-product-card-starting-price h4,
.s-cart-summary-card-sheet-title,.text-gray-900,
.s-product-card-content-title a{
  color: #fff!important;
}
.text-red-800, .s-menu-footer-item:hover, 
.s-contacts-item:hover, .text-gray-900:hover,
.text-primary, .s-search-product-title{
  color:#780e12!important;
}



/*colors*/
:root {
    --color-primary: #780e12 !important;
    --color-primary-dark: #780e12 !important;
    --color-primary-light: #780e12 !important;
    --color-primary-reverse: #f5f5f5 !important;
}

 /*header*/
.main-nav-container.fixed-pinned .navbar-brand img{
  max-height: 70px;
}
custom-main-menu{
  display: flex!important;
  align-items: center!important;
}


/*buttons*/
.s-button-btn:hover {
    opacity: 1;
}

/*products cards*/
.s-product-card-entry{
  border: 1px solid rgba(139, 0, 0, 0.12) !important; /* بوردر خفيف جداً متناسق مع لون البراند */
    border-radius: 12px !important; /* حواف دائرية ناعمة */
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.04) !important; /* شادو خفيف وراقي */
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* حركة إنسيابية */
    overflow: hidden !important;
    background-color: rgb(243 244 246 / 3%) !important;
}

.s-product-card-entry:hover{
  transform: translateY(-6px) !important; /* يرفع الكارت للأعلى */
    box-shadow: 0 12px 25px rgba(255, 255, 255, 0.1) !important; /* يبرز الشادو أكثر */
    border-color: rgba(139, 0, 0, 0.3) !important; /* يوضح البوردر بشكل لطيف */
}

.s-product-card-image img{
  transition: transform 0.5s ease !important;
   background-color: rgb(243 244 246 / 1%)!important;
}
.s-product-card-image:hover img{
  transform: scale(1.03) !important; /* زوم خفيف جداً بدون ما يخرج عن الإطار */
}


.s-block--slider-with-bg .slider-bg{
  background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
}

.swiper-wrapper , 
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *),
.container--products-list .overflow-auto {
  overflow: visible !important;
}


.s-product-card-minimal .s-product-card-image{
  width:34%!important;
}
/*3 items in home*/
.s-block--features__item h2, .s-block--features__item p
{
  color:#0b0806!important;
}


/*testimonials*/
.s-reviews-testimonial{
  background-color: #780e12!important;
}
.s-reviews-testimonial__icon svg{
fill: #fff!important;
}
.s-reviews-testimonial__text p{
  text-align: center;
}
.s-reviews-testimonial__avatar{
  height: auto!important;
  width: auto!important;
}
.s-reviews-testimonial{
  padding: 3rem 1.5rem!important;
}


/*PRODUCT PAGE */
.rounded-b-none {
    border-bottom-left-radius: .375rem!IMPORTANT;
    border-bottom-right-radius: .375rem!IMPORTANT;
}


/*cart*/
.cart-item .w-24{
  width:6rem!important;
}
.cart-item .h-20{
  height:10rem!important;
}
.cart-item .items-start, .cart-item .flex{
align-items: center!important; 
}
.cart-item .mb-8{
  margin-bottom: 0!important;
}

/*footer*/

.copyright-text span{
  color:#fff!important;
}
.xdragon-link {
    transition: color 0.3s ease !important;
}

.xdragon-link:hover {
    color: #780e12 !important; 
    text-decoration: underline !important;
}
/*end*/


/*desktop*/
@media (min-width:800px){
  

.s-block--features-products .s-product-card-content-title a{
  font-size: 30px!important;
  line-height: 1.6!important;
  color: #fff!important;
}
  
.s-block--features-products .s-product-card-sale-price h4{
    font-size: 25px!important;
    line-height: 1.6!important;
  }

/*product page*/
.md\:text-2xl{
  font-size: 42px!important;
}
.text-xl, .cart-item .text-base{
  font-size: 30px!important;
}

  
}


/*mobile*/
@media (max-width:800px){

  .s-block--features  -products .s-product-card-content-title a{
  font-size: 22px!important;
  line-height: 1.6!important;
  color: #fff!important;
}

  .s-product-card-full-image{
    height: 80%!important;
  }

/*product page*/
.md\:text-2xl{
  font-size: 28px!important;
}

.text-xl, .cart-item .text-base{
  font-size: 22px!important;
}
  
.s-product-card-full-image img {
    padding-top: 50px;
    padding-bottom: 200px;}

  
}

/*mostafa end*/


.s-product-card-image{
      background-color: rgb(243 244 246 / 3%)!important;
}
.s-product-card-content {
    background-color: #630304;}

.s-add-product-toast {
    background-color: rgb(119 0 0);
}

.s-button-text, 
.s-button-outline, 
.s-button-btn,
.s-button-element,
salla-add-product-button button {
    border-color: #ffffff !important;
    border-style: solid !important;
  
}

[role=button], 
button,
.s-button-element,
.s-button-primary-outline,
salla-add-product-button,
salla-add-product-button button {
border-radius: .75rem;
  cursor: pointer !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.45) !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
}

[role=button], button:hover {
    
    color: #630304 !important;
    background-color: #fff!important;

}

.s-product-card-image-cover{
      background-color: rgb(243 244 246 / 3%) !important;
}

.copyright-text {

    display: flex!important;
}

.s-search-input::placeholder{
  color: rgb(255 255 255 / 70%)!important;
}


/*single product page*/
.rounded-b-none {
    background-color: #630304;
}
.s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *) {
    color: #fff!important;
}
.form-label, h2 .text-red-800{
  color: #fff!important;
}

salla-slider.details-slider .swiper-slide {
    background-color:background-color: rgb(27 24 24) !important;}


.s-add-product-button-main .s-add-product-button-mini-checkout {
background-color: #00000045!important;
    border: 1px solid #fff!important;
  border-radius: .75rem;
}

salla-slider.details-slider .s-slider-container, salla-slider.details-slider .swiper-slide {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255 / 4%)!important;}


/*cart-page*/
.bg-white, .s-cart-summary-card{
background-color:#630304!important;
}
.text-red-800{
color:#fff!important;
}
.s-cart-summary-card-bar {
        padding: 10px;
        border-radius: 10px;
    }

/*cart-notification*/

.s-add-product-toast__title, .text-primary, .s-cart-summary-card-line span, .s-cart-summary-card-line b{
  color:#fff!important
}
.s-add-product-toast__name, .s-add-product-toast__price-sale{
color:#fff!important;}

body.body{
 background: #0B0806!important;
}
/*cart side & checkout*/
.cart-drawer-cont {
    background: #630304;
   }

.cart-drawer__title, .cart-item__name, .cart-item__price{
color:#fff!important;
}

.cart-summary-wrapper .cart-summary--drawer {
    padding: 10px !important;
    border-radius: 10px;
    background: #fff;
}




#cart_summary_desktop {
    background: #0000!important;
}