/* Add custom CSS styles below */

/* زر أضف للسلة - أخضر (الزر نفسه فقط) */
salla-add-product-button .s-button-primary,
salla-add-product-button[class*="f-color"] {
  background-color: #1E7B45 !important;
  border-color: #1E7B45 !important;
  color: #fff !important;
}
salla-add-product-button .s-button-primary:hover,
salla-add-product-button[class*="f-color"]:hover {
  background-color: #17633A !important;
  border-color: #17633A !important;
}

/* صفحة المنتج: الحاوية بدون خلفية */
salla-add-product-button.sticky-product-bar__btn {
  background-color: transparent !important;
}

/* زر اشتر الآن: إطار أخضر متناسق */
salla-mini-checkout-widget {
  --color-primary: #1E7B45;
  --color-primary-reverse: #fff;
}


/* موبايل: إظهار البانر الرئيسي (مفيش صورة موبايل) + إخفاء الشريط الفاضي فوق اللوجو */
@media (max-width: 576px) {
  section.landing-page-first-bannar .landing-page-fixed-bannar-0 {
    background-image: url('https://cdn.files.salla.network/other/315611215/7b38183c-dfdc-44d9-bb24-c90a94ad0079-original.webp') !important;
    height: auto !important;
    aspect-ratio: 1440 / 703;
    background-size: cover !important;
    margin-bottom: 24px !important;
  }
  header .top-navbar {
    display: none !important;
  }
}


/* إزالة رسمة الزجاجة من خلف عناوين الأقسام (ديسكتوب وموبايل) */
.image-title {
  background-image: none !important;
}


/* كروت "تسوق حسب الفئات": قص الصورة على الصورة نفسها بدون الفريم الأبيض والكلام المطبوع */
section.g_cat .image-parent {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 14px;
}
section.g_cat .image-parent > a {
  display: block;
  width: 100%;
  height: 100%;
}
section.g_cat .image-parent img {
  position: absolute;
  max-width: none !important;
  width: 105.8% !important;
  height: auto !important;
  left: -2.9%;
  top: -2.9%;
}
section.g_cat h3 {
  margin-top: 10px !important;
}
section.g_cat .products-item {
  width: 150px !important;
}
@media (min-width: 768px) {
  section.g_cat .products-item {
    width: 200px !important;
  }
}


/* شريط المميزات على الموبايل: عمودين بدل 4 + أيقونات بنفس الحجم */
@media (max-width: 767px) {
  section.g_features .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 22px 12px !important;
  }
  section.g_features .products-item {
    padding: 0 4px;
  }
  section.g_features .products-item i {
    font-size: 30px !important;
    line-height: 1 !important;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section.g_features .products-item i.sicon-shield-check {
    font-size: 26px !important;
  }
  section.g_features .products-item h3 {
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  section.g_features .products-item p {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
}


/* ===== الفوتر: خلفية نبيتي + نصوص فاتحة + عناوين ذهبي + توسيط ===== */
footer.store-footer { background: #481D1D !important; }
footer .store-footer__inner { background: #481D1D !important; color: #E9E7E6 !important; padding-top: 40px !important; }
footer .store-footer__inner,
footer .store-footer__inner p,
footer .store-footer__inner a,
footer .store-footer__inner span,
footer .store-footer__inner button { color: #E9E7E6 !important; }
footer .store-footer__inner h3,
footer .s-contacts-title { color: #D4B47A !important; font-size: 17px !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 14px !important; }

/* اللوجو والوصف */
footer .store-footer__inner > div:first-child img { max-width: 120px !important; width: 120px; margin-bottom: 14px !important; background: #E9E7E6; padding: 10px 14px; border-radius: 14px; box-sizing: content-box; }
footer .store-footer__inner > div:first-child p { font-size: 15px !important; line-height: 1.9 !important; max-width: 340px !important; text-align: center; opacity: .9; padding: 0 16px; }

/* السوشيال */
footer .s-social-list { justify-content: center; gap: 12px; }
footer .s-social-link a { border: 1px solid rgba(233,231,230,.45) !important; border-radius: 50% !important; width: 42px; height: 42px; display: flex !important; align-items: center; justify-content: center; background: rgba(255,255,255,.06); }
footer .s-social-link a svg, footer .s-social-link a svg * { fill: #E9E7E6 !important; }

/* الروابط والتواصل */
footer .store-footer__inner > .container { border-top: 1px solid rgba(233,231,230,.15); padding-top: 30px; margin-top: 20px !important; text-align: center; }
footer .s-menu-footer-list { display: flex; flex-direction: column; align-items: center; gap: 6px; }
footer .s-menu-footer-list a { font-size: 14px !important; opacity: .85; }
footer .s-menu-footer-list a:hover { opacity: 1; color: #D4B47A !important; }
footer .s-contacts-list { align-items: center; justify-content: center; }
footer .s-contacts-item { justify-content: center; direction: ltr; gap: 10px; }
footer .s-contacts-item svg, footer .s-contacts-item svg * { fill: #E9E7E6 !important; }
footer .s-contacts-item [class*=icon] { border-color: rgba(233,231,230,.45) !important; }

/* وسائل الدفع على كروت بيضا */
footer .s-payments-list { justify-content: center; flex-wrap: wrap; gap: 8px; padding: 0 16px; }
footer .s-payments-list-item { background: #fff; border-radius: 8px; padding: 6px 10px; height: 40px; display: flex; align-items: center; }
footer .s-payments-list-item img { max-height: 24px; width: auto; }

/* شريط الحقوق */
footer .footer-margin { background: #361414 !important; margin: 30px 0 0 !important; height: auto !important; padding: 16px 0; }
footer .footer-margin p, footer .footer-margin a { color: #D9C9C3 !important; font-size: 13px !important; margin: 0 !important; }

@media (min-width: 1024px) {
  footer .store-footer__inner > .container { justify-content: center !important; gap: 90px !important; }
}
@media (max-width: 1023px) {
  footer.store-footer { padding-bottom: 76px !important; }
}

/* الفوتر على الديسكتوب: اللوجو والوصف في عمود + الروابط والتواصل في عمود + الدفع والحقوق بعرض الصفحة */
@media (min-width: 1024px) {
  footer .store-footer__inner { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr); align-items: start; column-gap: 48px; max-width: 1200px; margin: 0 auto; padding: 56px 32px 0 !important; }
  footer .store-footer__inner > div:first-child { grid-column: 1 !important; grid-row: 1 !important; }
  footer .store-footer__inner > .container { grid-column: 2 !important; grid-row: 1 !important; border-top: 0 !important; border-inline-start: 1px solid rgba(233,231,230,.15); margin-top: 0 !important; padding: 10px 0 0 !important; max-width: none !important; display: flex !important; justify-content: space-around !important; gap: 40px !important; align-self: stretch; }
  footer .store-footer__inner > salla-trust-badges { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  footer .store-footer__inner > .mt-6:not(.container) { grid-column: 1 / -1 !important; grid-row: 3 !important; margin-top: 40px !important; padding-top: 28px; border-top: 1px solid rgba(233,231,230,.15); }
  footer .store-footer__inner > .footer-margin { grid-column: 1 / -1 !important; grid-row: 4 !important; margin-inline: calc(50% - 50vw) !important; }
  footer .s-menu-footer-list a, footer .s-contacts-item { font-size: 15px !important; }
}


/* آراء العملاء: صورة شخص بدون ملامح بدل صور العود */
.section_c_r .imag_raduse {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Crect%20width%3D%27100%27%20height%3D%27100%27%20fill%3D%27%23F1E9E2%27%2F%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%2738%27%20r%3D%2717%27%20fill%3D%27%23481D1D%27%20opacity%3D%27.85%27%2F%3E%3Cpath%20d%3D%27M16%2096c2-20%2017-32%2034-32s32%2012%2034%2032z%27%20fill%3D%27%23481D1D%27%20opacity%3D%27.85%27%2F%3E%3C%2Fsvg%3E") center / cover no-repeat !important;
  border: 3px solid #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.section_c_r .imag_raduse img {
  opacity: 0 !important;
}