/* Add custom CSS styles below */ 

header .navbar-brand img { 
  transform: scale(1.4) !important; 
  transform-origin: center !important;

  position: relative !important;
  top: 1px !important;
}





.sicon-menu.text-primary {
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}





.dark .da-fm{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}







.header-btn{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}



.dark .s-cart-summary-total{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark .da-cp{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.flex-col{



.s-button-element:not(:disabled):not([loading]) {
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark .da-tm{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}

.flex-col {
  color: #cba05d!important;
}



.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *){
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark .tabs .tab-trigger.is-active{
  color: #e8d599!important;
}


.text-xl{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}



.tabs-wrapper .tabs__item.is-active {
  background-color: #1f1f1f!important;
  color: #1a1a1a!important;  
  border-color: #000000 !important;
}




.dark label{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark label{
  background: linear-gradient(90deg, #d9a857 0%, #f3cf85 40%, #f9e7b5 100%);
  color: #000000; 
  border: none;
  border-radius: 8px;
  padding: 10px 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}



.tabs .tab-trigger.is-active {
  background: linear-gradient(90deg, #d6a55b 0%, #f2d79a 50%, #d6a55b 100%);
  border-radius: 12px;
  padding: 20px;
  color: #000; /* لتوضيح النص على التدرج الفاتح */
}



.tabs__product .tab-trigger{
  background: linear-gradient(90deg, #d6a55b 0%, #f2d79a 50%, #d6a55b 100%);
  border-radius: 12px;
  padding: 20px;
  color: #000;
}


.s-product-options-option{
  background: linear-gradient(90deg, #d6a55b 0%, #f2d79a 50%, #d6a55b 100%);
  border-radius: 12px;
  padding: 20px;
  color: #000;
}





.rtl .fix-align, [dir="rtl"] .fix-align{
  background: linear-gradient(90deg, #d6a55b 0%, #f2d79a 50%, #d6a55b 100%);
  border-radius: 12px;
  padding: 20px;
  color: #000; 
}



.ul, li{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark .form-input{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}



.whitespace-nowrap{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 50%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
  
}

.flex-col {
  & .flex-col{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 100%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}


.dark .mm-spn.mm-spn--light{
  background: linear-gradient(90deg, #d6a55b 0%, #f2d79a 50%, #d6a55b 100%);
  border-radius: 12px;
  padding: 20px;
  color: #000;
}




.details__container{
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 100%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}




.a, p, span {
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 100%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}




[class^="sicon-"], [class*=" sicon-"] {
  background: linear-gradient(90deg, #d8a858 0%, #f2ce83 100%, #fff3c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}