/* Add custom CSS styles below */ 
/* =========================================
   تعريف متغيرات الألوان - نسخة أفتح
========================================= */


/* =========================================
   تعريف متغيرات الألوان - نسخة أفتح
========================================= */
 :root {
  
  --color-primary: #a68bb5 !important;  
      
}

/* =========================================
   العناوين الرئيسية بتدرج لوني متحرك
========================================= */
/*.section--title,
.s-slider-block__title h2,
.s-block__title h2 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #d7d7d7 0%,
    var(--lavender-main) 29%,
    var(--lavender-main) 67%,
    #fff 100%
  );
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;
  display: inline-block;
  font-weight: 800;
}
@keyframes textclip {
  100% {
    background-position: 200% center;
  }
}
.s-block__title h2 {
  text-align: center;
  margin-top: 20px;
}*/

/* =========================================
   بطاقات المنتجات + الهوفر
========================================= */
.s-product-card-entry {
  border: 3px solid transparent;
  border-image: linear-gradient(to top, var(--lavender-main), var(--lavender-main), transparent) 1;
  box-shadow: 0 0 10px #eee;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.s-product-card-entry:hover {
  box-shadow: 0 0 15px var(--lavender-dark);
  transform: translateY(-3px);
}

/* =========================================
   قائمة الجوال
========================================= */
nav#mobile-menu {
  background: var(--lavender-main) !important;
  color: var(--text-dark) !important;
}
li .mm-spn--open > .display-all-category {
  background: transparent !important;
}

/* =========================================
   أزرار السلايدر
========================================= */
salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg {
  fill: var(--lavender-main) !important;
  background: #f5f5f5 !important;
  border-radius: 50%;
  box-shadow: 0 0 10px var(--lavender-main);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg:hover {
  box-shadow: 0 0 12px var(--lavender-dark);
  transform: scale(1.05);
}

/* =========================================
   الفوتر
========================================= */
.store-footer,
.store-footer__inner.da-bgm {
  background:#f3e9f7!important;
}
.store-footer *,
.store-footer__inner.da-bgm * {
  color: var(--text-dark) !important;
  border-color: var(--text-dark) !important;
}
.store-footer a:hover,
.store-footer__inner.da-bgm a:hover {
  color: var(--lavender-dark) !important;
}


.mm-ocd__content
{
background:#f3e9f7!important;
}

/* =========================================
   النصوص العامة
========================================= */
body,
p,
h1,
h4,
h5,
h6,
li {
  color: var(--text-dark) !important;
}
h2 ,h3
{
color:#938568!important;
}
.s-product-card-category
{
color:#938568!important;
}
.s-product-card-price
{
color:#938568!important;
}
.s-block__display-all ,.flex-center  
{
color:#938568!important;
}
.max-w-3\/4.da-tm.leading-normal.text-lg.line-clamp-1 {
  color: black!important;
}
 
/* =========================================
   الأزرار العامة
========================================= */



/* تغيير لون الأيقونة داخل الزر */
button.btn--wishlist i.sicon-heart,
button.btn--wishlist i.sicon-heart::before {
  color: black !important;
  fill: black !important;               /* لو الأيقونة SVG */
}


/* تغيير لون الأيقونة داخل الزر */
button.s-social-share-btn i.sicon-heart,
button.s-social-share-btn i.sicon-heart::before {
  color: black !important;
  fill: white !important;
}

/* لو في نص داخل الزر */
button.s-social-share-btn .btn-text {
  color: black !important;
}


button.s-social-share-btn svg {
  fill: black !important;
  color: black !important;
}


.s-quantity-input-increase-button,.s-quantity-input-button
{
background-color:black!important;
}







button,
.s-button,
.s-button--primary,
.s-button--secondary,
button.add-to-cart,
button[type="submit"],
a.btn,
a.btn-primary,
a.btn-secondary,
a.s-button,
a.s-button--add-to-cart,
a.btn-add-to-cart,
button.product-form__cart-submit,
.product-card .add-to-cart-button,
.s-product-options__add-button,
.product-form__add-button {
  background-color: #a68bb5;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.header-btn
{
background-color:#a68bb5!important;
color:#000000!important;
 border: none !important;
 box-shadow: 0 0px 0px white;
   padding: 7px 10px 5px 10px !important;
   margin:0px 5px 0px 5px;
}
.lang, .text-lg 
{
background-color:#a68bb5!important;
color:white!important
 border: none !important;
 box-shadow: 0 0px 0px white;
   padding: 10px  7px 5px 5px !important;
   }


button:hover,
.s-button:hover,
.s-button--primary:hover,
.s-button--secondary:hover,
button.add-to-cart:hover,
button[type="submit"]:hover,
a.btn:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
a.s-button:hover,
a.s-button--add-to-cart:hover,
a.btn-add-to-cart:hover,
button.product-form__cart-submit:hover,
.product-card .add-to-cart-button:hover,
.s-product-options__add-button:hover,
.product-form__add-button:hover {
  background-color:#8c6ca2 !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
outline-offset: 2px !important;
}}
button:focus,
a.btn:focus,
a.s-button:focus,
.s-button--primary:focus,
.s-button--secondary:focus {
  outline: 2px solid var(--lavender-hover) !important;
  
.header-btn:hover
{
color:white!important;
}

/* =========================================
   الأيقونات
========================================= */

svg,
i,
.icon,
[class*="icon-"] {
 
color: black !important;
}
sicon-user ,.text-base, .text-black 
{
color:black!important;
}
.s-cart-summary-total
{
background-color:#938568!important;
}

/* =========================================
   الروابط
========================================= */
a,
a:visited {
  color: var(--lavender-dark) !important;
  transition: color 0.3s ease;
}
a:hover,
a:focus {
  color: var(--lavender-hover) !important;
  text-decoration: underline;
}

/* =========================================
   البادجات
========================================= */
.badge-secondary,
.label-secondary,
span.badge,
span.label {
  background-color: var(--lavender-main) !important;
  color: var(--text-dark) !important;
  border: 1px solid var(--lavender-hover);
}

/* =========================================
   الحالات النشطة والتركيز
========================================= */
*:focus,
.active,
.nav-item.active a,
.tab-item.active {
  outline: 2px solid var(--lavender-hover) !important;
  outline-offset: 2px;
  color: var(--lavender-dark) !important;
}

/* =========================================
   فواصل الأقسام
========================================= */
hr,
.border-bottom,
.section-title::after,
.section-divider {
  border-color: var(--lavender-main) !important;
  background-color: var(--lavender-main) !important;
}

/* =========================================
   تأثير هوفر على القوائم والروابط
========================================= */
.nav-link:hover,
.menu-link:hover,
.footer a:hover {
  color: var(--lavender-hover) !important;
  text-decoration: underline;