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

.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;
}

/*
.s-products-list-wrapper.s-products-list-vertical-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
*/

@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: #333;
  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: #474E68;
    background-color: #000;;
    --tw-bg-opacity: 1;
    background-color: #404258;
    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: #474E68;
    color: #fff;
}

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

.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 {
    color: rgb(255, 255, 255);
    background-color: #4d8293;
    transition: background-color 0.3s ease; 
}


.s-button-primary-outline:hover {
    background-color:#65aac0;
    color:#000;
}

/* ------------------الايقونه-----------*/
.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: #0e0e0e;
    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 #1e90ff; /* شريط جانبي أزرق */
}

.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;
}