/* =========================================
   AL RASHEED — PREMIUM STORE UI V3
========================================= */

:root{
  --ar-green:#174b37;
  --ar-dark:#10372a;
  --ar-light:#f3f7f3;
  --ar-gold:#b99049;
  --ar-text:#202820;
}

/* =========================================
   GENERAL
========================================= */

body{
  background:#fff !important;
  color:var(--ar-text) !important;
}

.container{
  max-width:1280px !important;
}

/* =========================================
   HEADER
========================================= */

header{
  background:#fff !important;
  box-shadow:0 4px 25px rgba(16,55,42,.07) !important;
  border:0 !important;
}

/* =========================================
   PREMIUM MOVING ANNOUNCEMENT BAR
========================================= */

#rasheed-announcement-bar{
  width:100%;
  height:44px;
  background:linear-gradient(
    90deg,
    #10372a 0%,
    #174b37 50%,
    #10372a 100%
  );

  display:flex;
  align-items:center;

  overflow:hidden;

  position:relative;
  z-index:9999;

  box-shadow:0 2px 10px rgba(16,55,42,.15);

  border-bottom:1px solid rgba(185,144,73,.30);
}

.rasheed-ticker-window{
  width:100%;
  overflow:hidden;
}

.rasheed-ticker-track{
  display:flex;
  align-items:center;

  width:max-content;

  animation:
    rasheedPremiumTicker 42s linear infinite;

  will-change:transform;
}

.rasheed-ticker-set{
  display:flex;
  align-items:center;

  flex-shrink:0;

  white-space:nowrap;
}

.rasheed-ad{
  display:inline-flex;
  align-items:center;

  height:44px;

  padding:0 32px;

  color:#ffffff !important;

  font-size:13.5px;
  font-weight:600;

  letter-spacing:.1px;
}

.rasheed-separator{
  color:#d7b86b !important;

  font-size:9px;

  flex-shrink:0;
}

/* الحركة المستمرة */

@keyframes rasheedPremiumTicker{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }

}

/* إيقاف الحركة عند وضع الماوس */

#rasheed-announcement-bar:hover
.rasheed-ticker-track{
  animation-play-state:paused;
}


/* =========================================
   MAIN BANNER
========================================= */

salla-slider{
  border-radius:0 0 28px 28px !important;
  overflow:hidden !important;
}


/* =========================================
   HOME SECTIONS
========================================= */

main section,
.s-block{
  padding-top:28px !important;
  padding-bottom:28px !important;
}


/* =========================================
   TITLES
========================================= */

.s-block__title h2,
section h2{
  color:var(--ar-dark) !important;
  font-weight:800 !important;
  font-size:27px !important;
}

.s-block__title h2::after{
  content:"";
  display:block;

  width:45px;
  height:3px;

  background:var(--ar-gold);

  border-radius:20px;

  margin-top:9px;
}


/* =========================================
   PRODUCT CARDS
========================================= */

.s-product-card-entry{
  border:0 !important;

  border-radius:20px !important;

  overflow:hidden !important;

  background:#fff !important;

  box-shadow:
    0 5px 20px rgba(17,60,43,.08) !important;

  transition:.3s ease !important;
}

.s-product-card-entry:hover{
  transform:translateY(-7px) !important;

  box-shadow:
    0 15px 35px rgba(17,60,43,.15) !important;
}

.s-product-card-image{
  background:#f6f8f5 !important;
}

.s-product-card-image img{
  transition:.4s ease !important;
}

.s-product-card-entry:hover
.s-product-card-image img{
  transform:scale(1.04) !important;
}

.s-product-card-content{
  padding:16px !important;
}

.s-product-card-content-title,
.s-product-card-content-title a{
  font-weight:700 !important;
  color:#253027 !important;
}

.s-product-card-price{
  color:var(--ar-green) !important;

  font-size:18px !important;

  font-weight:800 !important;
}


/* =========================================
   ADD TO CART
========================================= */

salla-add-product-button button{
  background:var(--ar-green) !important;

  color:#fff !important;

  border:0 !important;

  border-radius:12px !important;

  min-height:44px !important;
}

salla-add-product-button button:hover{
  background:var(--ar-dark) !important;
}


/* =========================================
   GENERAL BUTTONS
========================================= */

.s-button-primary,
.btn-primary{
  background:var(--ar-green) !important;

  border-color:var(--ar-green) !important;

  border-radius:12px !important;
}


/* =========================================
   FEATURES
========================================= */

.rasheed-features{
  background:var(--ar-light) !important;

  border-radius:28px !important;

  padding:35px 25px !important;

  margin-top:25px !important;
  margin-bottom:25px !important;
}

.rasheed-feature-item{
  transition:.3s ease;
}

.rasheed-feature-item:hover{
  transform:translateY(-3px);
}

.rasheed-feature-item h2,
.rasheed-feature-item h3{
  color:var(--ar-green) !important;
}


/* =========================================
   REVIEWS
========================================= */

.rasheed-review-area{
  background:#faf9f5 !important;

  padding-top:45px !important;
  padding-bottom:45px !important;
}


/* =========================================
   IMAGES
========================================= */

img{
  image-rendering:auto;
}


/* =========================================
   INPUTS
========================================= */

input,
textarea,
select{
  border-radius:12px !important;
}


/* =========================================
   FOOTER
========================================= */

footer,
.store-footer,
footer .container,
.store-footer .container{
  background-color:#123f30 !important;
}

footer,
footer p,
footer span,
footer div,
footer li,
.store-footer,
.store-footer p,
.store-footer span,
.store-footer div,
.store-footer li{
  color:rgba(255,255,255,.88) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer strong,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer strong{
  color:#ffffff !important;
}

footer a,
.store-footer a{
  color:rgba(255,255,255,.85) !important;
}

footer a:hover,
.store-footer a:hover{
  color:#d4b56b !important;
}


/* =========================================
   MOBILE CATEGORY BAR
========================================= */

#rasheed-mobile-categories{
  display:none;
}

@media (max-width:767px){

  #rasheed-mobile-categories{
    display:flex;

    width:100%;

    gap:8px;

    padding:11px 12px;

    background:#ffffff;

    overflow-x:auto;
    overflow-y:hidden;

    white-space:nowrap;

    direction:rtl;

    border-bottom:1px solid #eeeeee;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    position:relative;

    z-index:20;
  }

  #rasheed-mobile-categories::-webkit-scrollbar{
    display:none;
  }

  #rasheed-mobile-categories a{
    flex:0 0 auto;

    padding:8px 16px;

    background:#f3f7f3;

    color:#174b37 !important;

    border:1px solid #e3ece6;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    text-decoration:none !important;

    transition:.2s ease;
  }

  #rasheed-mobile-categories a:active,
  #rasheed-mobile-categories a.active{
    background:#174b37;

    color:#ffffff !important;

    border-color:#174b37;
  }


  /* ===== MOBILE ANNOUNCEMENT BAR ===== */

  #rasheed-announcement-bar{
    height:42px;
  }

  .rasheed-ad{
    height:42px;

    padding:0 26px;

    font-size:12.5px;
  }

  .rasheed-ticker-track{
    animation-duration:36s;
  }


  /* ===== MOBILE STORE ===== */

  main section,
  .s-block{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .s-block__title h2,
  section h2{
    font-size:20px !important;
  }

  salla-slider{
    border-radius:0 0 18px 18px !important;
  }

  .s-product-card-entry{
    border-radius:14px !important;
  }

  .s-product-card-content{
    padding:11px !important;
  }

  .s-product-card-price{
    font-size:15px !important;
  }

  salla-add-product-button button{
    min-height:40px !important;
  }

  .rasheed-features{
    border-radius:18px !important;

    padding:20px 12px !important;
  }
}
/* =========================================
   RETURN & EXCHANGE POLICY FEATURE
========================================= */

#rasheed-return-policy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    max-width: 420px;
    margin: 22px auto 0;
    padding: 16px 22px;

    background: #f3f7f3;

    border: 1px solid #e1ebe5;
    border-radius: 16px;

    text-decoration: none !important;

    transition: .25s ease;
}

#rasheed-return-policy:hover {
    background: #edf4ef;

    border-color: rgba(23,75,55,.25);

    transform: translateY(-2px);

    box-shadow: 0 8px 22px rgba(16,55,42,.08);
}

.rasheed-policy-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #174b37;
    color: #ffffff;

    border-radius: 50%;

    font-size: 21px;
    font-weight: 700;
}

.rasheed-policy-content {
    display: flex;
    flex-direction: column;
    gap: 3px;

    text-align: right;
}

.rasheed-policy-content strong {
    color: #174b37 !important;

    font-size: 14px;
    font-weight: 700;
}

.rasheed-policy-content span {
    color: #68736c !important;

    font-size: 12.5px;
    font-weight: 400;
}


/* MOBILE */

@media (max-width:767px) {

    #rasheed-return-policy {
        max-width: calc(100% - 24px);

        margin-top: 16px;

        padding: 13px 15px;

        border-radius: 14px;
    }

    .rasheed-policy-icon {
        width: 38px;
        height: 38px;

        flex-basis: 38px;

        font-size: 18px;
    }

    .rasheed-policy-content strong {
        font-size: 13px;
    }

    .rasheed-policy-content span {
        font-size: 11.5px;
    }
}
/* =========================================
   ANNOUNCEMENT BAR — CONTINUOUS LOOP FIX
   لا يغير التصميم، فقط يجعل الحركة مستمرة
========================================= */

.rasheed-ticker-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  gap:0 !important;

  animation:
    rasheedContinuousTicker 55s linear infinite !important;

  will-change:transform;
}

.rasheed-ticker-set{
  display:flex !important;
  align-items:center !important;

  flex:none !important;
  flex-shrink:0 !important;

  white-space:nowrap !important;
}

@keyframes rasheedContinuousTicker{
  0%{
    transform:translateX(0);
  }

  100%{
    transform:translateX(-50%);
  }
}

@media (max-width:767px){

  .rasheed-ticker-track{
    animation-duration:45s !important;
  }

}
/* =========================================
   AL RASHEED — TRUE CONTINUOUS TICKER FIX
   حركة فقط - بدون تغيير التصميم
========================================= */

.rasheed-ticker-window{
    width:100% !important;
    overflow:hidden !important;
    direction:ltr !important;
}

.rasheed-ticker-track{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    width:max-content !important;
    gap:0 !important;

    animation:
        rasheedTrueContinuousTicker 80s linear infinite !important;

    will-change:transform;
}

.rasheed-ticker-set{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    flex:0 0 auto !important;
    white-space:nowrap !important;

    direction:rtl !important;
}

@keyframes rasheedTrueContinuousTicker{

    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(-50%,0,0);
    }

}

/* سرعة الجوال */

@media (max-width:767px){

    .rasheed-ticker-track{
animation-duration:120s !important;    }

}
/* إخفاء أسهم البنر على الجوال فقط */
@media (max-width:767px){

    salla-slider .s-slider-nav-arrow{
        display:none !important;
    }

}

/* AL RASHEED — COUPON BUTTON TEXT */

.s-cart-coupons-coupon-button-apply,
.s-cart-coupons-coupon-button-apply * {
    color: #ffffff !important;
}

/* AL RASHEED — QUANTITY +/- BUTTONS */

.rasheed-simple-qty .rasheed-plus,
.rasheed-simple-qty .rasheed-minus {
    background: #174B37 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
}

/* AL RASHEED — LARGE QUANTITY CONTROL */

.rasheed-simple-qty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    min-width: 170px !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.rasheed-simple-qty .rasheed-plus,
.rasheed-simple-qty .rasheed-minus {
    width: 56px !important;
    height: 50px !important;
    background: #174B37 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.rasheed-simple-qty .rasheed-number {
    width: 58px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* AL RASHEED — ADD TO CART TOAST BUTTON */

salla-add-product-toast
salla-button#toast-submit
button.s-button-element {
    color: #ffffff !important;
}

salla-add-product-toast
salla-button#toast-submit
button.s-button-element * {
    color: #ffffff !important;
}

/* AL RASHEED — CART CHECKOUT BUTTON */

body.cart salla-cart-summary-card
#s-cart-summary-card-submit button.s-button-element,
body.cart salla-cart-summary-card
#s-cart-summary-card-submit button.s-button-element * {
    color: #ffffff !important;
}

/* AL RASHEED — HIDE OFFERS MENU LINK */

.mm-ocd #offers {
    display: none !important;
}
/* AL RASHEED — HIDE OFFERS FROM MOBILE MENU */

li#offers,
.mm-ocd li#offers,
.mobile-menu li#offers {
    display: none !important;
}

/* تغيير لون نص زر عرض المزيد إلى الأبيض */
button.s-infinite-scroll-btn {
    color: #FFFFFF !important;
}

button.s-infinite-scroll-btn * {
    color: #FFFFFF !important;
}

/* تغيير لون نص زر عرض المزيد إلى الأبيض */
button.s-infinite-scroll-btn {
    color: #FFFFFF !important;
}

button.s-infinite-scroll-btn * {
    color: #FFFFFF !important;
}


/* AL RASHEED - IMAGE CATEGORIES */

#alrasheed-categories {
  max-width: 1250px;
  margin: 25px auto;
  padding: 20px 15px;
  direction: rtl;
}

#alrasheed-categories .ar-title {
  font-size: 23px;
  font-weight: 700;
  color: #174c36;
  margin-bottom: 25px;
  text-align: right;
}

#alrasheed-categories .ar-list {
  display: flex;
  justify-content: space-around;
  gap: 22px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 8px 0 15px;
}

#alrasheed-categories .ar-list::-webkit-scrollbar {
  display: none;
}

#alrasheed-categories .ar-item {
  flex: 0 0 170px;
  text-align: center;
  text-decoration: none;
  color: #183d30;
  transition: transform .25s ease;
}

#alrasheed-categories .ar-item:hover {
  transform: translateY(-5px);
}

#alrasheed-categories .ar-item img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #e6eee6;
  display: block;
  margin: 0 auto 12px;
}

#alrasheed-categories .ar-item span {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 768px) {
  #alrasheed-categories {
    padding: 15px 12px;
  }

  #alrasheed-categories .ar-title {
    font-size: 19px;
  }

  #alrasheed-categories .ar-list {
    justify-content: flex-start;
    gap: 15px;
  }

  #alrasheed-categories .ar-item {
    flex: 0 0 105px;
  }

  #alrasheed-categories .ar-item img {
    width: 95px;
    height: 95px;
  }

  #alrasheed-categories .ar-item span {
    font-size: 13px;
  }
}


/* AL RASHEED - ADD TO CART DESIGN */

salla-add-product-button button,
.product-add button,
button.add-to-cart {
  background: #174D38 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 48px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 8px rgba(23,77,56,.12);
  transition: all .25s ease !important;
}

salla-add-product-button button:hover,
.product-add button:hover,
button.add-to-cart:hover {
  background: #21694C !important;
  box-shadow: 0 5px 14px rgba(23,77,56,.22);
  transform: translateY(-2px);
}

salla-add-product-button button:active,
.product-add button:active,
button.add-to-cart:active {
  transform: scale(.97);
}

@media (max-width: 768px) {
  salla-add-product-button button,
  .product-add button,
  button.add-to-cart {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }
}


/* AL RASHEED - Cart Button Alignment */

salla-add-product-button button,
.product-add button,
button.add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.ar-cart-replacement,
.ar-cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.ar-cart-replacement svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}


/* AL RASHEED - FINAL HEADER CART FIX */

/* Hide original SVG bag/cart */
salla-cart-summary #s-cart-icon
.s-cart-summary-icon svg {
  opacity: 0 !important;
}

/* Show new cart icon in the same position */
salla-cart-summary #s-cart-icon
.s-cart-summary-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

salla-cart-summary #s-cart-icon
.s-cart-summary-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 30px !important;
  height: 32px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32' viewBox='0 0 24 24' fill='none' stroke='%23173d35' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.4 12.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6L23 6H6'/%3E%3Cpath d='M15 3v6M12 6h6'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 25px 25px !important;
  pointer-events: none !important;
}


/* AL RASHEED - HEADER CART FINAL */

salla-cart-summary[data-testid="store-header-cart"]
#s-cart-icon > i.sicon-shopping-bag {
  font-size: 0 !important;
  width: 25px !important;
  height: 25px !important;
  display: inline-block !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173d35' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.4 12.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6L23 6H6'/%3E%3Cpath d='M15 3v6M12 6h6'/%3E%3C/svg%3E") center / 23px 23px no-repeat !important;
}

salla-cart-summary[data-testid="store-header-cart"]
#s-cart-icon > i.sicon-shopping-bag::before {
  content: none !important;
  display: none !important;
}



/* AL RASHEED - ENLARGE HEADER CART */

salla-cart-summary[data-testid="store-header-cart"]
#s-cart-icon > i.sicon-shopping-bag {
  width: 34px !important;
  height: 34px !important;
  background-size: 32px 32px !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

salla-cart-summary[data-testid="store-header-cart"]
#s-cart-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* Al Rasheed - Footer certificates alignment */

#alrasheed-cert-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  flex-wrap: wrap !important;
  direction: rtl !important;
  width: 100% !important;
}

#alrasheed-official-certificate {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 155px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}

#alrasheed-official-certificate img {
  display: block !important;
  width: 145px !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 600px) {
  #alrasheed-cert-row {
    justify-content: center !important;
    gap: 12px !important;
  }

  #alrasheed-official-certificate {
    width: 125px !important;
  }

  #alrasheed-official-certificate img {
    width: 120px !important;
  }
}