/* ======================================
   RIVA ABAYAS — SUMMER IDENTITY
   Theme: Raed
====================================== */

:root {
  --riva-cream: #fffaf0;
  --riva-cream-dark: #f4ebca;
  --riva-ink: #15282a;
  --riva-coral: #f6653e;
  --riva-pink: #f58f9f;
  --riva-teal: #198b83;
  --riva-mint: #72bda2;
  --riva-border: rgba(21, 40, 42, 0.12);
  --riva-gradient: linear-gradient(
    110deg,
    #f58f9f 0%,
    #f6653e 33%,
    #198b83 70%,
    #72bda2 100%
  );
}

/* الصفحة بالكامل */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--riva-cream) !important;
  color: var(--riva-ink) !important;
}

/* تحديد عرض المحتوى */
main .container,
.s-block .container {
  max-width: 1440px !important;
}

/* ======================================
   الشريط العلوي
====================================== */

.top-navbar,
.top-header,
.header-top {
  background: var(--riva-gradient) !important;
  color: #ffffff !important;
  border: 0 !important;
}

.top-navbar a,
.top-header a,
.header-top a {
  color: #ffffff !important;
}

/* ======================================
   الهيدر الرئيسي
====================================== */

.store-header,
header.store-header,
.main-nav-container {
  background: rgba(255, 250, 240, 0.96) !important;
  border-bottom: 1px solid var(--riva-border) !important;
  box-shadow: none !important;
}

.store-header .navbar-brand img,
header .navbar-brand img,
.store-header .logo img {
  width: auto !important;
  max-width: 130px !important;
  max-height: 62px !important;
  object-fit: contain !important;
}

/* روابط القائمة */
.main-menu > li > a,
.main-nav-container a,
.store-header a {
  color: var(--riva-ink) !important;
}

.main-menu > li > a {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  transition: opacity 0.25s ease;
}

.main-menu > li > a:hover {
  color: var(--riva-coral) !important;
}

/* أيقونات الهيدر */
.store-header svg,
.store-header i,
.main-nav-container svg,
.main-nav-container i {
  color: var(--riva-ink) !important;
  stroke: var(--riva-ink) !important;
}

/* ======================================
   مسافات أقسام الصفحة
====================================== */

.s-block {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

/* منع المسافة الكبيرة قبل أول قسم */
main > .s-block:first-child {
  margin-top: 0 !important;
}

/* ======================================
   عناوين الأقسام
====================================== */

.s-block__title {
  position: relative;
  margin-bottom: 32px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--riva-border);
}

.s-block__title::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 95px;
  height: 2px;
  background: var(--riva-gradient);
}

html[dir="ltr"] .s-block__title::after {
  right: auto;
  left: 0;
}

.s-block__title h2,
.s-block__title h3 {
  color: var(--riva-ink) !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
  margin: 0 !important;
}

.s-block__title p {
  color: rgba(21, 40, 42, 0.65) !important;
  font-size: 14px !important;
  margin-top: 8px !important;
}

/* روابط عرض الكل */
.s-block__title a,
.s-block__title .s-button-text {
  color: var(--riva-ink) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--riva-ink);
  padding-bottom: 4px;
}

/* ======================================
   كروت المنتجات
====================================== */

.s-product-card-entry,
.product-entry {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* صورة المنتج */
.s-product-card-image,
.product-entry__image {
  background: #f2ede2 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 3 / 4;
}

.s-product-card-image img,
.product-entry__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
}

.s-product-card-entry:hover .s-product-card-image img,
.product-entry:hover .product-entry__image img {
  transform: scale(1.025);
}

/* محتوى المنتج */
.s-product-card-content,
.product-entry__content {
  padding: 16px 2px 5px !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-entry__title a {
  color: var(--riva-ink) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

/* السعر */
.s-product-card-price,
.product-entry__price {
  color: var(--riva-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* التخفيض والسعر القديم */
.s-product-card-sale-price,
.s-product-card-old-price,
.product-entry__price-before {
  color: rgba(21, 40, 42, 0.45) !important;
}

/* علامة التخفيض */
.s-product-card-promotion-title,
.product-promotion {
  background: var(--riva-coral) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

/* زر السلة داخل المنتج */
.s-product-card-entry .s-button-element,
.product-entry .btn--add-to-cart {
  background: transparent !important;
  color: var(--riva-ink) !important;
  border: 1px solid var(--riva-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.s-product-card-entry .s-button-element:hover,
.product-entry .btn--add-to-cart:hover {
  background: var(--riva-ink) !important;
  color: #ffffff !important;
}

/* ======================================
   الأزرار العامة
====================================== */

.s-button-primary,
.btn--primary,
button.btn-primary,
a.btn-primary {
  background: var(--riva-ink) !important;
  color: #ffffff !important;
  border: 1px solid var(--riva-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 48px;
  padding: 0 28px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.s-button-primary:hover,
.btn--primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background: var(--riva-coral) !important;
  border-color: var(--riva-coral) !important;
  color: #ffffff !important;
}

/* ======================================
   التصنيفات
====================================== */

.categories-slider .swiper-slide,
.category-entry,
.s-block--categories .swiper-slide {
  border-radius: 0 !important;
  overflow: hidden;
}

.category-entry img,
.s-block--categories img {
  transition: transform 0.65s ease;
}

.category-entry:hover img,
.s-block--categories .swiper-slide:hover img {
  transform: scale(1.03);
}

/* ======================================
   مميزات المتجر
====================================== */

.store-features,
.s-block--features {
  background: var(--riva-cream-dark) !important;
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.store-features svg,
.store-features i,
.s-block--features svg,
.s-block--features i {
  color: var(--riva-teal) !important;
  stroke: var(--riva-teal) !important;
}

.store-features h3,
.store-features h4,
.s-block--features h3,
.s-block--features h4 {
  color: var(--riva-ink) !important;
  font-weight: 500 !important;
}

.store-features p,
.s-block--features p {
  color: rgba(21, 40, 42, 0.65) !important;
}

/* ======================================
   الفوتر
====================================== */

.store-footer {
  background: var(--riva-ink) !important;
  color: #ffffff !important;
  margin-top: 0 !important;
}

.store-footer__inner,
.store-footer .footer-main {
  background: transparent !important;
}

.store-footer h3,
.store-footer h4,
.store-footer .footer-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

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

.store-footer a {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: color 0.25s ease;
}

.store-footer a:hover {
  color: var(--riva-pink) !important;
}

/* أيقونات التواصل */
.store-footer .social-link,
.store-footer .social-links a {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 50% !important;
}

.store-footer .social-link:hover,
.store-footer .social-links a:hover {
  background: var(--riva-coral) !important;
  border-color: var(--riva-coral) !important;
}

/* الشريط السفلي للفوتر */
.store-footer .copyrights,
.store-footer__copyright {
  background: rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* ======================================
   الجوال
====================================== */

@media only screen and (max-width: 768px) {

  .s-block {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .s-block__title {
    margin-bottom: 22px !important;
    padding-bottom: 12px;
  }

  .s-block__title h2,
  .s-block__title h3 {
    font-size: 25px !important;
  }

  .store-header .navbar-brand img,
  header .navbar-brand img,
  .store-header .logo img {
    max-width: 95px !important;
    max-height: 48px !important;
  }

  .s-product-card-content,
  .product-entry__content {
    padding-top: 12px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-entry__title,
  .product-entry__title a {
    font-size: 13px !important;
  }

  .s-product-card-price,
  .product-entry__price {
    font-size: 13px !important;
  }

  .store-features,
  .s-block--features {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
}

/* ======================================
   RIVA — HEADER & HERO FIX
====================================== */

/* إلغاء التدرج من شريط البحث العلوي */
.top-navbar,
.top-header,
.header-top {
  background: #fffaf0 !important;
  color: #15282a !important;
}

/* خلفية الهيدر */
.store-header,
header.store-header,
.main-nav-container,
.navbar-main {
  background: #fffaf0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(21, 40, 42, 0.10) !important;
}

/* شريط البحث */
.store-header salla-search,
.store-header .search-bar,
.store-header .header-search,
.main-nav-container salla-search,
.main-nav-container .search-bar,
.main-nav-container .header-search {
  background: #ffffff !important;
  border: 1px solid rgba(21, 40, 42, 0.14) !important;
  border-radius: 100px !important;
  box-shadow: none !important;
}

/* حقل البحث الداخلي */
.store-header input[type="search"],
.main-nav-container input[type="search"],
salla-search input {
  background: transparent !important;
  color: #15282a !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* زر اللغة */
.store-header .language-selector,
.store-header .currency-switcher,
.main-nav-container .language-selector {
  background: #ffffff !important;
  border: 1px solid rgba(21, 40, 42, 0.14) !important;
  border-radius: 100px !important;
  color: #15282a !important;
}

/* حجم الشعار */
.store-header .navbar-brand img,
.main-nav-container .navbar-brand img,
.store-header .logo img {
  width: 115px !important;
  max-width: 115px !important;
  height: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

/* إزالة الفراغ قبل البنر */
main {
  padding-top: 0 !important;
}

main > section:first-child,
main > div:first-child,
main .s-block:first-child,
.s-block--hero-slider,
.s-block--slider,
.main-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* البنر الرئيسي */
.s-block--hero-slider,
.s-block--slider,
.main-slider,
.hero-slider {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}

/* صور البنر */
.s-block--hero-slider img,
.s-block--slider img,
.main-slider img,
.hero-slider img {
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

/* أسهم البنر */
.s-block--hero-slider .swiper-button-next,
.s-block--hero-slider .swiper-button-prev,
.s-block--slider .swiper-button-next,
.s-block--slider .swiper-button-prev {
  width: 42px !important;
  height: 42px !important;
  background: rgba(255, 255, 255, 0.90) !important;
  color: #15282a !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* التدرج الصيفي كشريط رفيع وأنيق */
.store-header::after,
.main-nav-container::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  height: 2px;
  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 34%,
    #198b83 68%,
    #72bda2 100%
  );
  z-index: 5;
}

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

@media only screen and (max-width: 768px) {

  .store-header,
  header.store-header,
  .main-nav-container {
    min-height: 75px !important;
  }

  .store-header .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .store-header .logo img {
    width: 92px !important;
    max-width: 92px !important;
    height: 48px !important;
    max-height: 48px !important;
  }

  /* إخفاء البحث الكبير من الصف العلوي عند الجوال */
  .store-header .header-search,
  .main-nav-container .header-search {
    margin-top: 0 !important;
  }

  /* جعل البنر أوضح وأطول */
  .s-block--hero-slider .swiper-slide,
  .s-block--slider .swiper-slide,
  .main-slider .swiper-slide,
  .hero-slider .swiper-slide {
    min-height: 66svh !important;
  }

  .s-block--hero-slider img,
  .s-block--slider img,
  .main-slider img,
  .hero-slider img {
    height: 66svh !important;
    min-height: 66svh !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* تقريب الأسهم من الأطراف */
  .s-block--hero-slider .swiper-button-next,
  .s-block--slider .swiper-button-next {
    left: 12px !important;
  }

  .s-block--hero-slider .swiper-button-prev,
  .s-block--slider .swiper-button-prev {
    right: 12px !important;
  }

  /* إزالة أي فراغ تابع للسلايدر */
  .s-block--hero-slider,
  .s-block--slider,
  .main-slider,
  .hero-slider {
    padding: 0 !important;
    margin: 0 !important;
  }
}
/* ======================================
   RIVA — MOBILE HEADER REFINEMENT
====================================== */

@media only screen and (max-width: 768px) {

  /* تصغير صف البحث */
  .store-header .header-search,
  .main-nav-container .header-search,
  .store-header salla-search,
  .main-nav-container salla-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .store-header input[type="search"],
  .main-nav-container input[type="search"],
  salla-search input {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .store-header .search-bar,
  .main-nav-container .search-bar,
  .store-header salla-search,
  .main-nav-container salla-search {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 50px !important;
  }

  /* تصغير زر اللغة */
  .store-header .language-selector,
  .main-nav-container .language-selector,
  .store-header .currency-switcher {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  /* تكبير الشعار داخل الهيدر */
  .store-header .navbar-brand,
  .main-nav-container .navbar-brand,
  .store-header .logo {
    width: 105px !important;
    min-width: 105px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .store-header .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .store-header .logo img {
    width: 105px !important;
    max-width: 105px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  /* تقليل ارتفاع الصف السفلي */
  .store-header .main-nav,
  .main-nav-container .main-nav,
  .store-header .navbar {
    min-height: 70px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* إزالة المسافة أسفل البنر */
  .s-block--hero-slider + .s-block,
  .s-block--slider + .s-block,
  .main-slider + .s-block,
  .hero-slider + .s-block {
    margin-top: 28px !important;
    padding-top: 0 !important;
  }

  /* تقليل أي حشوة داخل أول قسم بعد البنر */
  .s-block--hero-slider + section,
  .s-block--slider + section,
  .main-slider + section,
  .hero-slider + section {
    padding-top: 0 !important;
  }

  /* تصغير الأسهم قليلًا */
  .s-block--hero-slider .swiper-button-next,
  .s-block--hero-slider .swiper-button-prev,
  .s-block--slider .swiper-button-next,
  .s-block--slider .swiper-button-prev {
    width: 38px !important;
    height: 38px !important;
  }
}

/* ======================================
   RIVA — HIDE SEARCH & LANGUAGE
====================================== */

/* إخفاء البحث */
.store-header salla-search,
.main-nav-container salla-search,
.store-header .header-search,
.main-nav-container .header-search,
.store-header .search-bar,
.main-nav-container .search-bar,
.store-header .search-container,
.main-nav-container .search-container {
  display: none !important;
}

/* إخفاء اللغة والعملات */
.store-header .language-selector,
.main-nav-container .language-selector,
.store-header .currency-switcher,
.main-nav-container .currency-switcher,
.store-header salla-localization-modal,
.main-nav-container salla-localization-modal,
.store-header .localization-modal-trigger,
.main-nav-container .localization-modal-trigger {
  display: none !important;
}

/* ترتيب الهيدر بعد الحذف */
@media only screen and (max-width: 768px) {

  .store-header,
  header.store-header,
  .main-nav-container {
    min-height: auto !important;
  }

  .store-header .main-nav,
  .main-nav-container .main-nav,
  .store-header .navbar,
  .main-nav-container .navbar {
    min-height: 76px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* إزالة الفراغ الخاص بصف البحث */
  .store-header .header-search-wrapper,
  .main-nav-container .header-search-wrapper,
  .store-header .search-wrapper,
  .main-nav-container .search-wrapper {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ======================================
   RIVA — TRANSPARENT HEADER OVER HERO
====================================== */

/* نخلي الهيدر شفاف فوق أول بنر */
.store-header,
header.store-header,
.main-nav-container,
.navbar-main,
.store-header .main-nav,
.main-nav-container .main-nav,
.store-header .navbar {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 30 !important;
}

/* إخفاء الشريط العلوي جدًا إذا ما تبينه */
.top-navbar,
.top-header,
.header-top {
  display: none !important;
}

/* لون عناصر الهيدر فوق الصورة */
.store-header a,
.store-header i,
.store-header svg,
.main-nav-container a,
.main-nav-container i,
.main-nav-container svg,
.store-header .menu-trigger,
.main-nav-container .menu-trigger {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* الشعار */
.store-header .navbar-brand img,
.main-nav-container .navbar-brand img,
.store-header .logo img {
  filter: none !important;
}

/* أول قسم بنر يكون ملاصق من الأعلى */
main,
.main-content,
.content-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

main > .s-block:first-child,
main > section:first-child,
.s-block--hero-slider,
.s-block--slider,
.main-slider,
.hero-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative;
}

/* البنر نفسه */
.s-block--hero-slider .swiper-slide,
.s-block--slider .swiper-slide,
.main-slider .swiper-slide,
.hero-slider .swiper-slide {
  min-height: 100svh !important;
}

.s-block--hero-slider img,
.s-block--slider img,
.main-slider img,
.hero-slider img {
  width: 100% !important;
  height: 100svh !important;
  min-height: 100svh !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* إزالة الخلفيات البيضاء داخل السلايدر */
.s-block--hero-slider,
.s-block--slider,
.main-slider,
.hero-slider,
.s-block--hero-slider .container,
.s-block--slider .container,
.main-slider .container,
.hero-slider .container {
  background: transparent !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* الأسهم */
.s-block--hero-slider .swiper-button-next,
.s-block--hero-slider .swiper-button-prev,
.s-block--slider .swiper-button-next,
.s-block--slider .swiper-button-prev {
  width: 42px !important;
  height: 42px !important;
  background: rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
}

/* عشان أول قسم بعد البنر ما يطلع ملزق */
.s-block--hero-slider + .s-block,
.s-block--slider + .s-block,
.main-slider + .s-block,
.hero-slider + .s-block {
  margin-top: 40px !important;
}

/* ======================================
   MOBILE
====================================== */
@media only screen and (max-width: 768px) {

  .store-header,
  header.store-header,
  .main-nav-container,
  .store-header .main-nav,
  .main-nav-container .main-nav,
  .store-header .navbar {
    background: transparent !important;
    min-height: 88px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .store-header .navbar-brand,
  .main-nav-container .navbar-brand,
  .store-header .logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .store-header .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .store-header .logo img {
    width: 110px !important;
    max-width: 110px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  .s-block--hero-slider .swiper-slide,
  .s-block--slider .swiper-slide,
  .main-slider .swiper-slide,
  .hero-slider .swiper-slide {
    min-height: 100svh !important;
  }

  .s-block--hero-slider img,
  .s-block--slider img,
  .main-slider img,
  .hero-slider img {
    height: 100svh !important;
    min-height: 100svh !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .s-block--hero-slider .swiper-button-next,
  .s-block--hero-slider .swiper-button-prev,
  .s-block--slider .swiper-button-next,
  .s-block--slider .swiper-button-prev {
    width: 38px !important;
    height: 38px !important;
  }
}

/* ======================================
   RIVA — FULL BLEED HERO + CLEAR HEADER
====================================== */

/* الهيدر الخارجي بالكامل */
header#mainnav,
header.store-header,
.store-header,
.main-nav-container,
.navbar-main {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;

  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* إزالة أي خلفية داخلية في الهيدر */
header#mainnav .container,
header#mainnav .inner,
header#mainnav .navbar,
header#mainnav .main-nav,

.store-header .container,
.store-header .inner,
.store-header .navbar,
.store-header .main-nav,

.main-nav-container .container,
.main-nav-container .inner,
.main-nav-container .navbar,
.main-nav-container .main-nav {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
}

/* إزالة الشريط الملون السابق */
.store-header::after,
.main-nav-container::after,
header#mainnav::after {
  display: none !important;
  content: none !important;
}

/* إخفاء البحث واللغة نهائيًا */
header#mainnav salla-search,
.store-header salla-search,
.main-nav-container salla-search,
.header-search,
.search-bar,
.search-wrapper,
.header-search-wrapper,

.language-selector,
.currency-switcher,
.localization-modal-trigger,
salla-localization-modal {
  display: none !important;
}

/* الأيقونات والقائمة بالأبيض */
header#mainnav a,
header#mainnav button,
header#mainnav i,
header#mainnav svg,

.store-header a,
.store-header button,
.store-header i,
.store-header svg,

.main-nav-container a,
.main-nav-container button,
.main-nav-container i,
.main-nav-container svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* إزالة خلفية دوائر الأيقونات */
header#mainnav button,
.store-header button,
.main-nav-container button,
.header-btn,
.navbar-actions button {
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

/* الصفحة تبدأ من أعلى */
body,
main,
.main-content,
.content-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* أول قسم في الصفحة — البنر */
main > section:first-of-type,
main > .s-block:first-child,
main .s-block:first-of-type {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-top: 0 !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;

  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* إزالة حاوية البنر ومسافاتها */
main > section:first-of-type .container,
main > .s-block:first-child .container,
main .s-block:first-of-type .container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* إزالة الحواف من جميع عناصر البنر */
main > section:first-of-type picture,
main > section:first-of-type a,
main > section:first-of-type img,

main > .s-block:first-child picture,
main > .s-block:first-child a,
main > .s-block:first-child img {
  border-radius: 0 !important;
}

/* صورة البنر بكامل الشاشة */
main > section:first-of-type img,
main > .s-block:first-child img,
main .s-block:first-of-type img {
  display: block !important;
  width: 100% !important;
  height: 100svh !important;
  min-height: 100svh !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
}

/* إزالة أي طبقة رمادية من البنر */
main > section:first-of-type::before,
main > section:first-of-type::after,
main > .s-block:first-child::before,
main > .s-block:first-child::after {
  box-shadow: none !important;
}

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

@media only screen and (max-width: 768px) {

  header#mainnav,
  header.store-header,
  .store-header,
  .main-nav-container {
    min-height: 82px !important;
  }

  header#mainnav .navbar,
  .store-header .navbar,
  .main-nav-container .navbar,
  .store-header .main-nav,
  .main-nav-container .main-nav {
    min-height: 82px !important;
    padding: 12px 15px !important;
  }

  /* الصورة تملأ الشاشة بدون الإطار الكريمي */
  main > section:first-of-type,
  main > .s-block:first-child,
  main .s-block:first-of-type {
    min-height: 100svh !important;
  }

  main > section:first-of-type img,
  main > .s-block:first-child img,
  main .s-block:first-of-type img {
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    object-fit: cover !important;
    object-position: 52% top !important;
  }
}
/* ======================================
   RIVA — LOGO SIZE FIX
====================================== */

/* حاوية الشعار */
header#mainnav .navbar-brand,
.store-header .navbar-brand,
.main-nav-container .navbar-brand,
.store-header .logo {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* الشعار على الكمبيوتر */
header#mainnav .navbar-brand img,
.store-header .navbar-brand img,
.main-nav-container .navbar-brand img,
.store-header .logo img {
  display: block !important;
  width: 120px !important;
  max-width: 120px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* الشعار على الجوال */
@media only screen and (max-width: 768px) {

  header#mainnav .navbar-brand img,
  .store-header .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .store-header .logo img {
    width: 86px !important;
    max-width: 86px !important;
    height: auto !important;
    max-height: 36px !important;
  }
}

/* RIVA — LOGO FINAL SIZE */

header#mainnav .navbar-brand,
.store-header .navbar-brand,
.main-nav-container .navbar-brand,
.store-header .logo {
  width: 125px !important;
  min-width: 125px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

header#mainnav .navbar-brand img,
.store-header .navbar-brand img,
.main-nav-container .navbar-brand img,
.store-header .logo img {
  width: 125px !important;
  max-width: 125px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {

  header#mainnav .navbar-brand,
  .store-header .navbar-brand,
  .main-nav-container .navbar-brand,
  .store-header .logo {
    width: 106px !important;
    min-width: 106px !important;
    height: 40px !important;
  }

  header#mainnav .navbar-brand img,
  .store-header .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .store-header .logo img {
    width: 106px !important;
    max-width: 106px !important;
    max-height: 40px !important;
  }
}


/* ======================================
   RIVA — BEST SELLERS PRODUCT CARDS
====================================== */

/* مساحة قسم المنتجات */
.s-block--products-slider,
.s-block--products,
.s-products-list-wrapper {
  padding-top: 55px !important;
  padding-bottom: 65px !important;
  background: #fffaf0 !important;
}

/* عنوان القسم */
.s-block--products-slider .s-block__title,
.s-block--products .s-block__title,
.s-products-list-wrapper .s-block__title {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 32px !important;
}

/* إزالة الخط الملون السابق تحت العنوان */
.s-block--products-slider .s-block__title::after,
.s-block--products .s-block__title::after,
.s-products-list-wrapper .s-block__title::after {
  display: none !important;
}

/* تنسيق عنوان الأكثر مبيعًا */
.s-block--products-slider .s-block__title h2,
.s-block--products .s-block__title h2,
.s-products-list-wrapper .s-block__title h2 {
  color: #15282a !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

/* بطاقة المنتج */
.s-product-card-entry {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* حاوية صورة المنتج */
.s-product-card-image {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  background: #f2eee6 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* الصورة تملأ البطاقة */
.s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform 0.55s ease !important;
}

/* حركة بسيطة عند المرور */
.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.025) !important;
}

/* معلومات المنتج */
.s-product-card-content {
  padding: 14px 1px 0 !important;
  text-align: start !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a {
  color: #15282a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin-bottom: 5px !important;
}

/* السعر */
.s-product-card-price,
.s-product-card-sale-price {
  color: #15282a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* إخفاء التقييم والنجوم */
.s-product-card-rating,
.s-product-card-rating-count,
.s-product-card-entry .s-rating-stars {
  display: none !important;
}

/* إخفاء زر إضافة السلة ليصير التصميم نظيف */
.s-product-card-entry .s-product-card-content-footer,
.s-product-card-entry salla-add-product-button,
.s-product-card-entry .s-button-element {
  display: none !important;
}

/* زر المفضلة */
.s-product-card-wishlist-btn,
.s-product-card-entry salla-button[shape="icon"] {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255,255,255,0.92) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* إزالة الحواف من كامل البطاقة */
.s-product-card-entry *,
.s-product-card-image,
.s-product-card-image a {
  border-radius: 0;
}

/* الجوال */
@media only screen and (max-width: 768px) {

  .s-block--products-slider,
  .s-block--products,
  .s-products-list-wrapper {
    padding-top: 42px !important;
    padding-bottom: 48px !important;
  }

  .s-block--products-slider .s-block__title,
  .s-block--products .s-block__title,
  .s-products-list-wrapper .s-block__title {
    margin-bottom: 22px !important;
  }

  .s-block--products-slider .s-block__title h2,
  .s-block--products .s-block__title h2,
  .s-products-list-wrapper .s-block__title h2 {
    font-size: 27px !important;
  }

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

  .s-product-card-content-title,
  .s-product-card-content-title a {
    font-size: 12.5px !important;
  }

  .s-product-card-price,
  .s-product-card-sale-price {
    font-size: 13px !important;
  }

  .s-product-card-wishlist-btn,
  .s-product-card-entry salla-button[shape="icon"] {
    width: 34px !important;
    height: 34px !important;
  }
}

/* ======================================
   RIVA — PRODUCT SECTION FINAL FIX
====================================== */

/* إزالة الخط والفاصل من عناوين أقسام المنتجات */
.s-block__title {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.s-block__title::after,
.s-block__title::before {
  content: none !important;
  display: none !important;
}

/* ضبط عنوان القسم */
.s-block__title h2,
.s-block__title h3 {
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* إخفاء زر المفضلة الفارغ */
.s-product-card-wishlist-btn,
.s-product-card-entry salla-button[shape="icon"],
.s-product-card-entry .s-button-wrap {
  display: none !important;
}

/* توحيد مكان أسماء المنتجات */
.s-product-card-content-title {
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* ترتيب الاسم والسعر */
.s-product-card-content {
  padding: 12px 2px 0 !important;
}

.s-product-card-price,
.s-product-card-sale-price {
  display: block !important;
  margin-top: 2px !important;
}

/* تقليل الفراغ بين العنوان والمنتجات */
.s-block__title {
  margin-bottom: 24px !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {

  .s-block__title h2,
  .s-block__title h3 {
    font-size: 25px !important;
  }

  .s-product-card-content-title {
    min-height: 38px !important;
  }
}

/* ======================================
   RIVA — RESTORE TITLE GRADIENT LINE
====================================== */

.s-block__title {
  position: relative !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(21, 40, 42, 0.12) !important;
}

/* الخط الصيفي المتدرج */
.s-block__title::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  bottom: -1px !important;
  width: 98px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 35%,
    #198b83 70%,
    #72bda2 100%
  ) !important;
}

/* اتجاه الإنجليزية */
html[dir="ltr"] .s-block__title::after {
  right: auto !important;
  left: 0 !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {
  .s-block__title {
    padding-bottom: 13px !important;
  }

  .s-block__title::after {
    width: 98px !important;
    height: 2px !important;
  }
}

/* ======================================
   RIVA — REDUCE SPACE BETWEEN SECTIONS
====================================== */

/* تقليل المسافات بين أقسام المنتجات */
.s-block--products,
.s-block--products-slider,
.s-products-list-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* منع تراكم مسافتين بين قسمين متتاليين */
.s-block--products + .s-block--products,
.s-block--products-slider + .s-block--products-slider,
.s-products-list-wrapper + .s-products-list-wrapper,
.s-block--products + .s-products-list-wrapper,
.s-products-list-wrapper + .s-block--products {
  padding-top: 25px !important;
}

/* تقليل الفراغ بعد آخر منتج */
.s-products-list-wrapper .container,
.s-block--products .container,
.s-block--products-slider .container {
  margin-bottom: 0 !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {

  .s-block--products,
  .s-block--products-slider,
  .s-products-list-wrapper {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .s-block--products + .s-block--products,
  .s-block--products-slider + .s-block--products-slider,
  .s-products-list-wrapper + .s-products-list-wrapper,
  .s-block--products + .s-products-list-wrapper,
  .s-products-list-wrapper + .s-block--products {
    padding-top: 18px !important;
  }
}

/* ======================================
   RIVA — CATEGORIES GRID ACTUAL FIX
====================================== */

/* قسم الأقسام: البنر ثم الأكثر مبيعًا ثم وصل حديثًا ثم الأقسام */
main section:nth-of-type(4) {
  background: #fffaf0 !important;
  margin: 0 !important;
  padding: 45px 10px 55px !important;
}

/* الحاوية التي بداخلها الأربع بطاقات */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* كل بطاقة */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #ede8df !important;
}

/* الصور */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transition: transform 0.5s ease !important;
}

/* طبقة خفيفة ليظهر النص */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.42) 0%,
    rgba(0, 0, 0, 0.04) 55%
  ) !important;
  pointer-events: none !important;
}

/* عنوان البطاقة */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a h2,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a h3,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a span,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a p {
  position: absolute !important;
  right: 12px !important;
  left: 12px !important;
  bottom: 16px !important;
  z-index: 2 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* حركة الصورة */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a:hover img {
  transform: scale(1.03) !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {

  main section:nth-of-type(4) {
    padding: 38px 8px 45px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a {
    aspect-ratio: 3 / 4.2 !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a h2,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a h3,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a span,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a p {
    right: 7px !important;
    left: 7px !important;
    bottom: 12px !important;
    font-size: 14px !important;
  }
}

/* ======================================
   RIVA — PREMIUM CATEGORY GRID
====================================== */

/* القسم بالكامل */
main section:nth-of-type(4) {
  position: relative !important;
  background: #fffaf0 !important;
  padding: 58px 10px 70px !important;
  margin: 0 !important;
}

/* عنوان القسم */
main section:nth-of-type(4)::before {
  content: "تسوقي حسب القسم";
  display: block !important;
  width: calc(100% - 20px);
  margin: 0 auto 28px !important;
  padding-bottom: 15px !important;

  color: #15282a !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: right !important;

  border-bottom: 1px solid rgba(21, 40, 42, 0.13) !important;
}

/* الخط الصيفي أسفل العنوان */
main section:nth-of-type(4)::after {
  content: "" !important;
  position: absolute !important;
  top: 110px !important;
  right: 20px !important;

  width: 98px !important;
  height: 2px !important;

  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 35%,
    #198b83 70%,
    #72bda2 100%
  ) !important;
}

/* شبكة الأقسام */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;

  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* البطاقة */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  aspect-ratio: 3 / 4 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #e9e5dd !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;

  overflow: hidden !important;
  isolation: isolate !important;
}

/* صورة القسم */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  object-fit: cover !important;
  object-position: center top !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 4px !important;
  transform: scale(1.001);
  transition: transform 0.7s ease !important;
}

/* تدرج داكن احترافي فوق الصورة */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  background: linear-gradient(
    to top,
    rgba(10, 18, 19, 0.66) 0%,
    rgba(10, 18, 19, 0.18) 36%,
    rgba(10, 18, 19, 0) 68%
  ) !important;

  pointer-events: none !important;
}

/* اسم التصنيف */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a h2,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a h3,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a span,

main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a p {
  position: absolute !important;
  right: 14px !important;
  left: 14px !important;
  bottom: 20px !important;
  z-index: 3 !important;

  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.38) !important;
}

/* حركة هادئة عند الضغط أو المرور */
main section:nth-of-type(4)
:is(div, ul):has(> a:nth-child(4)) > a:hover img {
  transform: scale(1.035) !important;
}

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

@media only screen and (max-width: 768px) {

  main section:nth-of-type(4) {
    padding: 42px 8px 50px !important;
  }

  main section:nth-of-type(4)::before {
    width: calc(100% - 8px);
    margin-bottom: 22px !important;
    padding-bottom: 13px !important;
    font-size: 25px !important;
  }

  main section:nth-of-type(4)::after {
    top: 89px !important;
    right: 12px !important;
    width: 98px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) {
    gap: 8px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a {
    aspect-ratio: 3 / 4.25 !important;
    border-radius: 3px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a img {
    border-radius: 3px !important;
  }

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a h2,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a h3,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a span,

  main section:nth-of-type(4)
  :is(div, ul):has(> a:nth-child(4)) > a p {
    right: 8px !important;
    left: 8px !important;
    bottom: 14px !important;
    font-size: 14px !important;
  }
}

/* RIVA — CATEGORY TITLE FORCE */

main section:nth-of-type(4) {
  position: relative !important;
  padding-top: 105px !important;
}

main section:nth-of-type(4)::before {
  content: "تسوقي حسب القسم" !important;
  display: block !important;
  position: absolute !important;
  top: 42px !important;
  right: 12px !important;
  left: 12px !important;

  padding-bottom: 14px !important;
  color: #15282a !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  text-align: right !important;
  border-bottom: 1px solid rgba(21, 40, 42, 0.13) !important;
}

main section:nth-of-type(4)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 89px !important;
  right: 12px !important;
  width: 98px !important;
  height: 2px !important;

  background: linear-gradient(
    90deg,
    #f58f9f,
    #f6653e,
    #198b83,
    #72bda2
  ) !important;
}

/* RIVA — CATEGORY SPACING FINAL FIX */

main section:nth-of-type(4) {
  padding-top: 82px !important;
  padding-bottom: 52px !important;
}

main section:nth-of-type(4)::before {
  top: 25px !important;
}

main section:nth-of-type(4)::after {
  top: 72px !important;
}

/* RIVA — SPACE BEFORE ALL ABAYAS */

main section:nth-of-type(4) {
  padding-bottom: 30px !important;
}

main section:nth-of-type(4) + section {
  margin-top: 0 !important;
  padding-top: 35px !important;
}

@media only screen and (max-width: 768px) {
  main section:nth-of-type(4) {
    padding-bottom: 20px !important;
  }

  main section:nth-of-type(4) + section {
    padding-top: 25px !important;
  }
}

/* ======================================
   RIVA — PREMIUM FEATURES FIXED
====================================== */

main section:nth-of-type(6) {
  position: relative !important;
  margin: 0 !important;
  padding: 105px 14px 65px !important;
  background: #f4ebca !important;
}

/* عنوان القسم */
main section:nth-of-type(6)::before {
  content: "لماذا RIVA؟" !important;
  position: absolute !important;
  top: 38px !important;
  right: 20px !important;
  left: 20px !important;

  padding-bottom: 15px !important;
  color: #15282a !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: right !important;

  border-bottom: 1px solid rgba(21, 40, 42, 0.14) !important;
}

/* الخط الصيفي */
main section:nth-of-type(6)::after {
  content: "" !important;
  position: absolute !important;
  top: 85px !important;
  right: 20px !important;

  width: 98px !important;
  height: 2px !important;

  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 35%,
    #198b83 70%,
    #72bda2 100%
  ) !important;
}

/* الشبكة الخارجية فقط */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;

  width: 100% !important;
  max-width: 1150px !important;
  margin: 0 auto !important;
}

/* بطاقة الميزة كاملة */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > * {
  min-width: 0 !important;
  min-height: 210px !important;
  margin: 0 !important;
  padding: 30px 20px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(21, 40, 42, 0.09) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* ترتيب البطاقات */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *:nth-child(1) {
  order: 2 !important; /* جودة عالية */
}

main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *:nth-child(2) {
  order: 1 !important; /* تصاميم حصرية */
}

main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *:nth-child(3) {
  order: 3 !important; /* دفع آمن */
}

/* حاوية الأيقونة */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *
:is(div, span):has(> svg) {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;

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

  margin: 0 auto 10px !important;
  padding: 0 !important;

  background: rgba(25, 139, 131, 0.09) !important;
  border: 1px solid rgba(25, 139, 131, 0.18) !important;
  border-radius: 50% !important;
}

/* الأيقونة */
main section:nth-of-type(6) svg,
main section:nth-of-type(6) i {
  width: 27px !important;
  height: 27px !important;
  color: #198b83 !important;
  stroke: #198b83 !important;
}

/* عنوان الميزة */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *
:is(h2, h3, h4, strong) {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;

  margin: 0 0 4px !important;
  padding: 0 !important;

  color: #15282a !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
}

/* وصف الميزة */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *
p {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(21, 40, 42, 0.65) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
}

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

@media only screen and (max-width: 768px) {

  main section:nth-of-type(6) {
    padding: 94px 10px 48px !important;
  }

  main section:nth-of-type(6)::before {
    top: 30px !important;
    right: 12px !important;
    left: 12px !important;
    font-size: 25px !important;
  }

  main section:nth-of-type(6)::after {
    top: 77px !important;
    right: 12px !important;
  }

  main section:nth-of-type(6)
  .container > :is(div, ul):has(> :nth-child(3)) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  main section:nth-of-type(6)
  .container > :is(div, ul):has(> :nth-child(3)) > * {
    min-height: 155px !important;
    padding: 22px 18px !important;
  }

  main section:nth-of-type(6)
  .container > :is(div, ul):has(> :nth-child(3)) > *
  :is(div, span):has(> svg) {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  main section:nth-of-type(6)
  .container > :is(div, ul):has(> :nth-child(3)) > *
  :is(h2, h3, h4, strong) {
    font-size: 17px !important;
  }

  main section:nth-of-type(6)
  .container > :is(div, ul):has(> :nth-child(3)) > *
  p {
    font-size: 13px !important;
  }
}

/* ======================================
   RIVA — UNIFIED STORE BACKGROUND
====================================== */

:root {
  --riva-store-bg: #fffaf0;
}

/* خلفية المتجر */
body,
main,
.main-content {
  background-color: var(--riva-store-bg) !important;
}

/* إزالة الخلفية الصفراء من قسم المميزات */
main section:nth-of-type(6),
main section:nth-of-type(6) > .container {
  background: var(--riva-store-bg) !important;
}

/* توحيد خلفية بطاقات المميزات */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > * {
  background: var(--riva-store-bg) !important;
  border: 1px solid rgba(21, 40, 42, 0.11) !important;
  box-shadow: none !important;
}

/* دوائر الأيقونات بشكل أخف */
main section:nth-of-type(6)
.container > :is(div, ul):has(> :nth-child(3)) > *
:is(div, span):has(> svg) {
  background: rgba(25, 139, 131, 0.07) !important;
  border-color: rgba(25, 139, 131, 0.17) !important;
}

/* الفاصل قبل الفوتر */
main section:nth-of-type(6) {
  border-bottom: 1px solid rgba(21, 40, 42, 0.08) !important;
}

/* ======================================
   RIVA — PREMIUM FOOTER
====================================== */

.store-footer,
footer.store-footer,
footer {
  position: relative !important;
  background: #15282a !important;
  color: #ffffff !important;
  margin-top: 0 !important;
  padding-top: 65px !important;
  border: 0 !important;
}

/* خط الهوية الصيفي أعلى الفوتر */
.store-footer::before,
footer.store-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 3px !important;

  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 35%,
    #198b83 70%,
    #72bda2 100%
  ) !important;
}

/* الحاوية الرئيسية */
.store-footer .container,
footer.store-footer .container {
  max-width: 1350px !important;
}

/* عناوين الفوتر */
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .footer-title {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-bottom: 18px !important;
}

/* وصف البراند */
.store-footer p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

/* روابط الفوتر */
.store-footer ul {
  margin: 0 !important;
  padding: 0 !important;
}

.store-footer li {
  margin-bottom: 11px !important;
}

.store-footer a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

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

/* رقم التواصل والإيميل */
.store-footer a[href^="tel:"],
.store-footer a[href^="mailto:"] {
  direction: ltr !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* أيقونات التواصل */
.store-footer .social-links,
.store-footer .social-icons,
.store-footer salla-social {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.store-footer .social-links a,
.store-footer .social-icons a,
.store-footer salla-social a {
  width: 42px !important;
  height: 42px !important;

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

  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.store-footer .social-links a:hover,
.store-footer .social-icons a:hover,
.store-footer salla-social a:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #15282a !important;
}

/* الفاصل فوق الحقوق */
.store-footer .copyrights,
.store-footer__copyright,
.store-footer .footer-bottom {
  margin-top: 40px !important;
  padding-top: 24px !important;
  padding-bottom: 22px !important;

  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* نص الحقوق */
.store-footer .copyrights p,
.store-footer__copyright,
.store-footer .footer-bottom {
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 13px !important;
}

/* وسائل الدفع */
.store-footer .payment-methods,
.store-footer salla-payments {
  margin-top: 16px !important;
}

.store-footer .payment-methods img,
.store-footer salla-payments img {
  max-height: 30px !important;
  object-fit: contain !important;
}

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

@media only screen and (max-width: 768px) {

  .store-footer,
  footer.store-footer,
  footer {
    padding-top: 48px !important;
  }

  .store-footer .container,
  footer.store-footer .container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .store-footer h2,
  .store-footer h3,
  .store-footer h4,
  .store-footer .footer-title {
    font-size: 16px !important;
    margin-bottom: 14px !important;
  }

  .store-footer p,
  .store-footer a {
    font-size: 13px !important;
  }

  /* مسافة بين مجموعات الفوتر */
  .store-footer .footer-item,
  .store-footer .footer-column,
  .store-footer .footer-list {
    margin-bottom: 30px !important;
  }

  .store-footer .social-links,
  .store-footer .social-icons,
  .store-footer salla-social {
    margin-top: 20px !important;
  }

  .store-footer .social-links a,
  .store-footer .social-icons a,
  .store-footer salla-social a {
    width: 40px !important;
    height: 40px !important;
  }

  .store-footer .copyrights,
  .store-footer__copyright,
  .store-footer .footer-bottom {
    margin-top: 28px !important;
    text-align: center !important;
  }
}

/* ======================================
   RIVA — FOOTER TEXT CENTER ONLY
====================================== */

.store-footer {
  text-align: center !important;
}

/* المحتوى النصي */
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .footer-title,
.store-footer p {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* مجموعات المعلومات */
.store-footer .footer-item,
.store-footer .footer-column,
.store-footer .footer-about,
.store-footer .footer-links,
.store-footer .footer-contact {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* روابط الصفحات فقط */
.store-footer .footer-links a,
.store-footer .footer-menu a,
.store-footer .footer-pages a {
  display: block !important;
  width: fit-content !important;
  margin: 8px auto !important;
  text-align: center !important;
}

/* الجوال والإيميل */
.store-footer a[href^="tel:"],
.store-footer a[href^="mailto:"] {
  display: block !important;
  width: fit-content !important;
  margin: 8px auto !important;
  direction: ltr !important;
}

/* توسيط الفاصل */
.store-footer hr {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* الحقوق فقط */
.store-footer .copyrights,
.store-footer__copyright,
.store-footer .footer-bottom {
  text-align: center !important;
}

/* ممنوع تعديل طرق الدفع */
.store-footer salla-payments,
.store-footer .payment-methods,
.store-footer .footer-payments {
  width: auto !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* ممنوع تعديل شعارات الدفع */
.store-footer salla-payments img,
.store-footer .payment-methods img,
.store-footer .footer-payments img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* ======================================
   RIVA — FOOTER ICONS ALIGNMENT
====================================== */

/* توسيط بيانات وثيقة العمل الحر */
.store-footer .footer-certificate,
.store-footer .footer-tax,
.store-footer .footer-vat,
.store-footer .commercial-register,
.store-footer .tax-number,
.store-footer [class*="certificate"],
.store-footer [class*="freelance"],
.store-footer [class*="commercial"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: 100% !important;
  margin: 22px auto 30px !important;
  padding: 0 !important;
  text-align: center !important;
}

/* الرابط الذي يحتوي وثيقة العمل الحر */
.store-footer .footer-certificate a,
.store-footer .footer-tax a,
.store-footer .footer-vat a,
.store-footer .commercial-register a,
.store-footer .tax-number a,
.store-footer [class*="certificate"] a,
.store-footer [class*="freelance"] a,
.store-footer [class*="commercial"] a {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: auto !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* حجم شعار وثيقة العمل الحر */
.store-footer .footer-certificate img,
.store-footer .footer-tax img,
.store-footer .footer-vat img,
.store-footer .commercial-register img,
.store-footer .tax-number img,
.store-footer [class*="certificate"] img,
.store-footer [class*="freelance"] img,
.store-footer [class*="commercial"] img {
  display: block !important;
  width: auto !important;
  max-width: 72px !important;
  height: auto !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
}

/* توسيط حاوية مواقع التواصل */
.store-footer .social-links,
.store-footer .social-icons,
.store-footer ul.social-links,
.store-footer ul.social-icons,
.store-footer salla-social {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 12px !important;
  width: 100% !important;
  margin: 26px auto 34px !important;
  padding: 0 !important;
  text-align: center !important;
}

/* منع عناصر القائمة من أخذ عرض كامل */
.store-footer .social-links > *,
.store-footer .social-icons > *,
.store-footer salla-social > * {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* تصميم أيقونات التواصل */
.store-footer .social-links a,
.store-footer .social-icons a,
.store-footer salla-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.8) !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 50% !important;
}

/* حجم رمز إنستغرام وتيك توك */
.store-footer .social-links svg,
.store-footer .social-icons svg,
.store-footer salla-social svg,
.store-footer .social-links i,
.store-footer .social-icons i,
.store-footer salla-social i {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* توسيط الخط الفاصل */
.store-footer hr {
  width: calc(100% - 32px) !important;
  max-width: 520px !important;
  margin: 30px auto !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {
  .store-footer .social-links,
  .store-footer .social-icons,
  .store-footer salla-social {
    gap: 10px !important;
  }

  .store-footer .social-links a,
  .store-footer .social-icons a,
  .store-footer salla-social a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

/* ======================================
   RIVA — CENTER FREELANCE CERTIFICATE
====================================== */

/* الحاوية التي تحتوي رابط الوثيقة */
.store-footer :is(div, p, li):has(> a[href*="freelance"]),
.store-footer :is(div, p, li):has(> a[href*="self-employment"]),
.store-footer :is(div, p, li):has(> a[href*="hrsd"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

/* رابط وثيقة العمل الحر بالكامل */
.store-footer a[href*="freelance"],
.store-footer a[href*="self-employment"],
.store-footer a[href*="hrsd"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 24px auto 30px !important;
  padding: 0 !important;

  position: static !important;
  right: auto !important;
  left: auto !important;
  float: none !important;
  transform: none !important;

  direction: rtl !important;
  text-align: center !important;
}

/* صورة شعار العمل الحر */
.store-footer a[href*="freelance"] img,
.store-footer a[href*="self-employment"] img,
.store-footer a[href*="hrsd"] img {
  display: block !important;

  width: auto !important;
  max-width: 78px !important;
  height: auto !important;
  max-height: 50px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  background: transparent !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {
  .store-footer a[href*="freelance"],
  .store-footer a[href*="self-employment"],
  .store-footer a[href*="hrsd"] {
    gap: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 26px !important;
  }

  .store-footer a[href*="freelance"] img,
  .store-footer a[href*="self-employment"] img,
  .store-footer a[href*="hrsd"] img {
    max-width: 70px !important;
    max-height: 45px !important;
  }
}

/* ======================================
   RIVA — FREELANCE DOCUMENT HARD CENTER
====================================== */

/* استهداف مجموعة الوثيقة داخل نبذة المتجر */
.store-footer .store-footer__inner .container > div:first-child > :is(a, div):has(img),
.store-footer .footer-main .container > div:first-child > :is(a, div):has(img),
.store-footer .footer-about > :is(a, div):has(img),
.store-footer [class*="footer-about"] > :is(a, div):has(img) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 280px !important;
  min-width: 0 !important;

  margin: 24px auto 30px !important;
  padding: 0 !important;

  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  float: none !important;
  transform: none !important;
  text-align: center !important;
  direction: rtl !important;
}

/* الرابط الداخلي إن وجد */
.store-footer .store-footer__inner .container > div:first-child > :is(a, div):has(img) > a,
.store-footer .footer-main .container > div:first-child > :is(a, div):has(img) > a,
.store-footer .footer-about > :is(a, div):has(img) > a,
.store-footer [class*="footer-about"] > :is(a, div):has(img) > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* شعار وثيقة العمل الحر */
.store-footer .store-footer__inner .container > div:first-child > :is(a, div):has(img) img,
.store-footer .footer-main .container > div:first-child > :is(a, div):has(img) img,
.store-footer .footer-about > :is(a, div):has(img) img,
.store-footer [class*="footer-about"] > :is(a, div):has(img) img {
  display: block !important;
  order: -1 !important;

  width: auto !important;
  max-width: 82px !important;
  height: auto !important;
  max-height: 52px !important;

  margin: 0 auto 8px !important;
  padding: 0 !important;

  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
}

/* نص الوثيقة والرقم */
.store-footer .store-footer__inner .container > div:first-child > :is(a, div):has(img) *,
.store-footer .footer-main .container > div:first-child > :is(a, div):has(img) *,
.store-footer .footer-about > :is(a, div):has(img) *,
.store-footer [class*="footer-about"] > :is(a, div):has(img) * {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* ======================================
   RIVA — LIGHT LAYERED FOOTER COLORS
====================================== */

:root {
  --riva-footer-main: #f4efe5;
  --riva-footer-bottom: #ebe4d8;
  --riva-footer-text: #15282a;
  --riva-footer-muted: rgba(21, 40, 42, 0.64);
  --riva-footer-border: rgba(21, 40, 42, 0.14);
}

/* جسم الفوتر الرئيسي */
.store-footer,
footer.store-footer {
  position: relative !important;
  background: var(--riva-footer-main) !important;
  color: var(--riva-footer-text) !important;
  border: 0 !important;
}

/* إزالة أي خلفيات داكنة داخلية */
.store-footer .store-footer__inner,
.store-footer .footer-main,
.store-footer .footer-content,
.store-footer .footer-container,
.store-footer > div {
  background-color: transparent !important;
}

/* الخط الصيفي أعلى الفوتر */
.store-footer::before,
footer.store-footer::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 3px !important;
  z-index: 3 !important;

  background: linear-gradient(
    90deg,
    #f58f9f 0%,
    #f6653e 35%,
    #198b83 70%,
    #72bda2 100%
  ) !important;
}

/* العناوين */
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .footer-title,
.store-footer strong {
  color: var(--riva-footer-text) !important;
}

/* الوصف والنصوص */
.store-footer p,
.store-footer span,
.store-footer small,
.store-footer li {
  color: var(--riva-footer-muted) !important;
}

/* الروابط */
.store-footer a {
  color: rgba(21, 40, 42, 0.72) !important;
}

.store-footer a:hover {
  color: #198b83 !important;
}

/* رقم الجوال والإيميل */
.store-footer a[href^="tel:"],
.store-footer a[href^="mailto:"] {
  color: var(--riva-footer-text) !important;
}

/* الخطوط والفواصل */
.store-footer hr,
.store-footer .footer-divider {
  border-color: var(--riva-footer-border) !important;
  background-color: var(--riva-footer-border) !important;
}

/* أيقونات التواصل */
.store-footer .social-links a,
.store-footer .social-icons a,
.store-footer salla-social a {
  color: var(--riva-footer-text) !important;
  background: transparent !important;
  border: 1px solid rgba(21, 40, 42, 0.28) !important;
  box-shadow: none !important;
}

.store-footer .social-links a:hover,
.store-footer .social-icons a:hover,
.store-footer salla-social a:hover {
  color: #ffffff !important;
  background: #198b83 !important;
  border-color: #198b83 !important;
}

/* أيقونات التواصل نفسها */
.store-footer .social-links svg,
.store-footer .social-icons svg,
.store-footer salla-social svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* وثيقة العمل الحر */
.store-footer [class*="certificate"],
.store-footer [class*="freelance"],
.store-footer [class*="commercial"] {
  color: var(--riva-footer-text) !important;
}

/* منطقة الحقوق ووسائل الدفع بلون مختلف */
.store-footer .copyrights,
.store-footer__copyright,
.store-footer .footer-bottom {
  background: var(--riva-footer-bottom) !important;
  border-top: 1px solid var(--riva-footer-border) !important;
  color: var(--riva-footer-muted) !important;
}

/* توسيع لون المنطقة السفلية */
.store-footer .copyrights::before,
.store-footer__copyright::before,
.store-footer .footer-bottom::before {
  content: "" !important;
  position: absolute !important;
  right: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 100% !important;
  top: 0 !important;
  margin-right: -50vw !important;
  margin-left: -50vw !important;
  background: var(--riva-footer-bottom) !important;
  z-index: -1 !important;
}

/* الحفاظ على محتوى الحقوق فوق الخلفية */
.store-footer .copyrights,
.store-footer__copyright,
.store-footer .footer-bottom {
  position: relative !important;
  z-index: 1 !important;
}

/* شعارات الدفع */
.store-footer salla-payments img,
.store-footer .payment-methods img,
.store-footer .footer-payments img {
  background: #ffffff !important;
  border: 1px solid rgba(21, 40, 42, 0.09) !important;
  border-radius: 7px !important;
  padding: 3px 7px !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {
  .store-footer,
  footer.store-footer {
    background: var(--riva-footer-main) !important;
  }

  .store-footer .copyrights,
  .store-footer__copyright,
  .store-footer .footer-bottom {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* ======================================
   RIVA — FOOTER LOGO FIX
====================================== */

/* استهداف اسم RIVA الموجود أعلى وصف البراند */
.store-footer .footer-about h3,
.store-footer [class*="footer-about"] h3,
.store-footer .footer-main .container > div:first-child h3,
.store-footer .container > div:first-child h3 {
  display: block !important;
  width: 145px !important;
  height: 48px !important;

  margin: 0 auto 20px !important;
  padding: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;

  background-image: url("https://static.wixstatic.com/media/632733_1d907953067c41dbb32dd33b4b9d0bf2~mv2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

/* منع أي عنصر وهمي سابق */
.store-footer .footer-about h3::before,
.store-footer [class*="footer-about"] h3::before,
.store-footer .footer-main .container > div:first-child h3::before,
.store-footer .container > div:first-child h3::before {
  content: none !important;
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .store-footer .footer-about h3,
  .store-footer [class*="footer-about"] h3,
  .store-footer .footer-main .container > div:first-child h3,
  .store-footer .container > div:first-child h3 {
    width: 120px !important;
    height: 40px !important;
  }
}

/* ======================================
   RIVA — COMPACT FOOTER SPACING
====================================== */

/* تقليل المساحة أعلى الفوتر */
.store-footer,
footer.store-footer {
  padding-top: 38px !important;
}

/* الحاوية الرئيسية */
.store-footer .footer-main,
.store-footer .store-footer__inner,
.store-footer .footer-content {
  padding-top: 0 !important;
  padding-bottom: 18px !important;
}

/* تقليل المسافات بين مجموعات المعلومات */
.store-footer .footer-about,
.store-footer [class*="footer-about"],
.store-footer .footer-links,
.store-footer .footer-contact,
.store-footer .footer-column,
.store-footer .footer-item {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* الشعار أعلى الفوتر */
.store-footer .footer-about h3,
.store-footer [class*="footer-about"] h3,
.store-footer .footer-main .container > div:first-child h3,
.store-footer .container > div:first-child h3 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* وصف البراند */
.store-footer .footer-about p,
.store-footer [class*="footer-about"] p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* وثيقة العمل الحر */
.store-footer .footer-about > :is(a, div):has(img),
.store-footer [class*="footer-about"] > :is(a, div):has(img) {
  margin-top: 14px !important;
  margin-bottom: 22px !important;
}

/* عنوان الروابط */
.store-footer .footer-links h3,
.store-footer .footer-links h4,
.store-footer .footer-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* المسافة بين روابط السياسات */
.store-footer .footer-links li,
.store-footer .footer-menu li,
.store-footer .footer-pages li {
  margin-bottom: 7px !important;
}

/* الفاصل قبل مواقع التواصل */
.store-footer hr,
.store-footer .footer-divider {
  margin-top: 20px !important;
  margin-bottom: 18px !important;
}

/* أيقونات التواصل */
.store-footer .social-links,
.store-footer .social-icons,
.store-footer salla-social {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* إزالة الفراغ الكبير قبل الحقوق */
.store-footer .copyrights,
.store-footer__copyright,
.store-footer .footer-bottom {
  margin-top: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* تقليل المسافة بين الحقوق ووسائل الدفع */
.store-footer .payment-methods,
.store-footer .footer-payments,
.store-footer salla-payments {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* الجوال */
@media only screen and (max-width: 768px) {
  .store-footer,
  footer.store-footer {
    padding-top: 30px !important;
  }

  .store-footer .footer-about,
  .store-footer [class*="footer-about"],
  .store-footer .footer-links,
  .store-footer .footer-contact,
  .store-footer .footer-column,
  .store-footer .footer-item {
    margin-bottom: 17px !important;
  }

  .store-footer .social-links,
  .store-footer .social-icons,
  .store-footer salla-social {
    margin-bottom: 18px !important;
  }

  .store-footer .copyrights,
  .store-footer__copyright,
  .store-footer .footer-bottom {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

:root {
  --color-bg: #ffffff;
}

html,
body,
#app,
.app-inner,
main,
#main-content,
.s-block,
.s-product-card-entry,
.s-product-card-content {
  background-color: #ffffff !important;
}

#app .s-products-list-wrapper,
#app .s-block,
#app .s-product-card-entry,
#app .s-product-card-content,
#app .s-product-card-image,
#app .banner-entry,
#app .store-footer {
  background-color: #ffffff !important;
}