/* Add custom CSS styles below */ 
span.text-gray-500.line-through{
color: #fff !important
}
span.text-gray-500 {
    color: #000000 !important;
}
.s-quantity-input-input {
color: #000000 !important;}

.duration-1000 {
    transition-duration: 1000ms;
    color: #000;
}

.is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
        color: #000;
    }


.s-product-card-sale-price span{
  color:#000;
}
.s-button-primary {
    background: linear-gradient(45deg, #c9a227, #a67c00, #c9a227); /* ذهبي أغمق */
    color: #fff;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.7), 
                0 0 24px rgba(184, 134, 11, 0.5);
}
.s-button-primary {
   background: linear-gradient(45deg, #c9a227, #a67c00, #c9a227); /* ذهبي أغمق */
    color: #fff;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.7), 
                0 0 24px rgba(184, 134, 11, 0.5);
  }


.max-w-sm leading-6 mb-6 p{
color: #ffffff;
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, 1);
    color: rgb(255 255 255);
}

/* لوحة ألوان فاخرة */
:root{
  --olive-900:#0f1a14;   /* خلفيات داكنة زيتي */
  --olive-800:#16231c;
  --olive-700:#1d2e25;
  --olive-600:#24392d;   /* خلفية البلوكات */
  --olive-500:#2f4f3a;   /* زيتي رئيسي */
  --olive-300:#6f8579;   /* نص ثانوي/حدود خفيفة */
  --cream:#f4f5f3;       /* نص فاتح */
  --muted:#c7cec9;       /* رمادي مخملي */
  --gold:#d4af37;        /* ذهبي */
  --gold-soft:#e5c766;
}

/* يفضّل حذف هذا السطر من كودك الأصلي لأنه يكسر كل الحدود
*, ::before, ::after { border-color: #ff0000 !important } 
*/

/* إصلاح لو ما قدرت تحذفه */
html * { border-color: transparent !important; }

/* الخلفيات العامة */
body,
.s-block--full-bg+footer, 
.s-block--full-bg+.s-block--full-bg, 
.s-block--full-bg:first-of-type,
@media(min-width:640px){ .s-block{ background-color: var(--olive-600) } }

body{
  background-color: var(--olive-900)!important;
  color: var(--cream);
}

/* الهيدر والناف */
.main-nav-container{
  background-color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    color:#000;
}
.header-btn__icon{
  color: var(--cream);
  border-color: transparent;
}
.navbar-brand img{ max-height:5.4rem; }

/* العناوين/النصوص */
.store-footer h3{
  color: var(--gold);
}
.text-gray-500,
.no-content-placeholder p,
.no-content-placeholder .icon{
  color: var(--muted)!important;
}

/* تبويب المنتجات */
.s-block--tabs-produtcs .tab-trigger.is-active button{
  background-color: var(--olive-700)!important;
  border-color: var(--olive-700)!important;
  color: var(--cream)!important;
  font-size:1.25rem; /* قللتها عشان ما تكسر التخطيط */
  font-weight:700;
  padding: 18px 22px; /* بدّل 50px */
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  border-radius:12px;
}

/* آراء العملاء / التستيمونيال */
.s-reviews-testimonial{
  background: linear-gradient(180deg, var(--olive-700), var(--olive-800));
  color: var(--cream);
  border: 1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* تعليقات المنتج */
.s-comments-product{
  background-color: var(--olive-700)!important;
  color: var(--cream);
}
.s-comments-item-content p,
.max-w-sm.leading-6.mb-6 p{
  color: var(--cream)!important;
  font-size: 18px;
}

/* إجمالي السلة */
.s-cart-summary-total{
  color: var(--cream)!important;
  font-weight:700;
}

/* شريط الأقسام/الفوتر */
.store-footer{
  background: var(--olive-800);
  color: var(--cream);
  border-top: 1px solid rgba(255,255,255,.06);
}

/* زر إضافة للسلة (ذهبي لامع) */
.s-button-primary-outline{
  background: linear-gradient(45deg, var(--gold), #ffd700, var(--gold));
  color:#111;
  font-weight:700;
  border:none;
  border-radius:12px;
  box-shadow: 0 0 10px rgba(212,175,55,.35);
  transition: all .25s ease;
}
.s-button-primary-outline:hover{
  background: linear-gradient(45deg, var(--gold-soft), #ffd700, #ffec80);
  color:#000;
  box-shadow: 0 0 16px rgba(212,175,55,.55), 0 0 28px rgba(212,175,55,.35);
}

/* أيقونات/حدود خفيفة عامة */
.card, .box, .panel {
  background-color: var(--olive-700);
  border: 1px solid rgba(255,255,255,.06);
  color: var(--cream);
  border-radius: 14px;
}

/* عناوين السلايدر (مخفية عندك) - نخليها أنيقة لو فعلتها */
.s-slider-block__title{
  display:flex!important; /* لو تبغى تظهرها */
  color: var(--cream);
  margin: 0 auto 1rem;
  max-width:1280px;
  align-items:center; justify-content:space-between;
}

.s-user-menu-trigger {
    background-color: rgb(22 35 27);
}


/*---------------------اعلان اعلى الصفحه---------*/

.dynamic-announcement-bar {
    color: rgb(255 255 255);
    background-color: #000;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
   }

.dynamic-announcement-bar .message {
    flex: 1;
    text-align: center;
    font-weight: bold;
}

  .dynamic-announcement-bar .close-btn {
    position: absolute;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    
}

/* تنسيقات لأجهزة الجوال */
@media (max-width: 768px) {
  .dynamic-announcement-bar .close-btn {
    top: 10px; /* التحكم بالموقع العمودي */
    left: 222220px; /* التحكم بالموقع الأفقي */
  }
  .dynamic-announcement-bar {
    font-size: 15px;
   
   }
}

/* تنسيقات لأجهزة اللاب توب والشاشات الأكبر */
@media (min-width: 769px) {
  .dynamic-announcement-bar .close-btn {
    top: 10px; /* التحكم بالموقع العمودي */
    left: 4440px; /* التحكم بالموقع الأفقي */
  }
}
/*--------للمنتجات-------------------------*/



.s-product-card-overlay {
   
    background-color: rgba(0, 0, 0, 1);
    background-color: rgb(0 0 0 / 0%);
    border: 2px #000 solid;
    border-radius: 12px;
}
.s-block__title {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%;
}


.s-block__title h2 {

 font-size: 25px;
 text-align: center; 
 width: 100%; 
 display: block;
 margin: 30px;
 margin-top:50px;
}


@media (min-width: 640px) {
    .sm\:gap-8 {
       display: flex;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }
}


/*---------------------للنجوم--------------*/
/* أنماط النجوم */
.product-rating {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.stars {
  display: flex;
}

.star {
  font-size: 1.5em;
  color: #fbbf24; /* لون النجوم */
  margin-right: 5px;
}


.rating-count {
  font-size: 1.2em;
  color: #fff;
  margin-right: 10px;
  
  }
  
@media (max-width: 460px) {
  .rating-count {
    font-size: 1rem;
  }
  .star {
  font-size: 1.5em;
  color: #fbbf24; /* لون النجوم */
  
}
}


/*--------------اسفل الموقع ------------------*/
.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: #0e0e0e;
    background-color: #000;;
    --tw-bg-opacity: 1;
    background-color: #000;
    text-align: center;
    height: auto;
    
}
*,::before, ::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #fff;
    /* 2 */
}


.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: #000;
    --tw-text-opacity: 1;
    color: #fff;
    color: #fff;
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: #fff;
}

.store-footer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #000;
    height: 450px; 
}
.store-footer a {
justify-content: center;
}

p.max-w-sm.leading-6.mb-6 {
    text-align: center; 
    margin: 0 auto; 
}
.s-social-list.hydrated {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin: 0 auto; 
    gap: 15px; 
    width: fit-content; 
}
/*-------------------زر اضافه السلة------------*/
.s-button-primary-outline {
    background: linear-gradient(45deg, #d4af37, #ffd700, #d4af37);
    color: #fff;
    font-weight: bold;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.6);
}

.s-button-primary-outline:hover {
    background: linear-gradient(45deg, #c9a227, #a67c00, #c9a227); /* ذهبي أغمق */
    color: #fff;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.7), 
                0 0 24px rgba(184, 134, 11, 0.5);
}

/* ------------------الايقونه-----------*/
.s-block--features__item .feature-icon {
  
   
    background-color: #000;
}

 
.md\:grid-cols-\[repeat\(3\2c minmax\(0\2c 1fr\)\)\] {
      
        margin-bottom: 4rem;
    }
    
    
   

/* ------موثق في منصه الاعمال -  ------------- */



.s-payments-list-item:last-child {
    order: -1;
    display: flex;
    align-items: center;
    width: 90%;
    height: min-content;
    background-color: #000;
    padding: 0px;
    border-radius: 5px;
    justify-content: flex-start;
    flex-direction: column-reverse;
    
}


.s-payments-list-item:last-child img {
    width: 80px; 
    height: 80px;
    margin-left: 10px; 
    border-radius: 0px; 
}


.s-payments-list-item:last-child::before {
    content: "موثق لدى منصة الأعمال";
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    direction: rtl; 
}



.s-business-verification {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white; 
    padding: 10px 20px; 
    border-radius: 5px; 
    font-size: 16px;
    font-weight: bold;
    color: #222; 
}
/*--------------------*/
.full-banner-entry::after {
        display:none;
    }
.full-banner-entry::before {
        display:none;
    }
@media(max-width: 1330px) {
    .full-banner-entry::after {
        display:none;
    }
    .full-banner-entry::before {
        display:none;
    }
}
/*-----------اللوقو---------*/
.navbar-brand img {
    max-height: 7rem;
    width: auto;
    max-width: 100px;
}


 /*--------------اشعارات----------------------*/

.notification {
    position: fixed;
    top: 20px;  
    left: 20px; 
    width: 300px; 
    padding: 12px;
    background-color: #ffffff; 
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1000;
    border-left: 5px solid #000; 
}

.notification img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #ddd;
}

.notification .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.notification .title {
    font-size: 15px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 4px;
}

.notification .time,
.notification .footer {
    font-size: 13px;
    color: #666666;
    margin: 1px 0;
}

.notification .close-btn {
    background: none;
    border: none;
    font-size: 22px;
    color: #999;
    cursor: pointer;
    margin-left: auto;
    align-self: flex-start;
    padding: 0;
    line-height: 1;
    transition: color 0.2s;
}

.notification .close-btn:hover {
    color: #991b1b;
}
/*----------------------*/
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    display: none;
}
.s-comments-product {
    display: none;
}

.header-btn__icon {
    color: #000000;
    border-color: transparent;
}

html * {
    border-color: #000000 !important;
}

.s-cart-summary-total {
    color: #000000 !important;
    font-weight: 700;
}

.promotion-title {
    position: absolute;
    top: 1rem;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, 1);
    background-color: rgb(48 99 73);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.s-product-card-promotion-title {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, 1);
    background-color: rgb(48 99 73);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}


/*-------------*/
div.flex.flex-col.items-center.pt-16.pb-10 {
color: #000;

}

article.article.article--main.article--small.text-center {
color: #000;

}

div.thankyou-block {
color: #000;

}

.s-orders-table {
        color: black;
       
    }
dl.text-sm.text-gray-500.divide-y.divide-border-color {
    color: #000000 !important;
}

.mb-5 {
    margin-bottom: 1.25rem;
    color: black;
}

.md\:py-4 {
        
        color: black;
    }
    
    .md\:items-center {
        align-items: center;
        color: black;
    }
    
a.block.leading-5.mb-1.5.md:text-base.font-semibold.transition-colors.text-gray-500.hover:text-primary{
  color: black;
    }