/* ==========================================
   IDEAL BODY - RAED CUSTOM CSS
   Navy + Blue + Pink
   White Logo Background
========================================== */

:root {
  --ib-navy: #061126;
  --ib-navy-2: #0b1738;
  --ib-blue: #0569ff;
  --ib-pink: #f72578;
  --ib-white: #ffffff;
  --ib-text: #101828;
  --ib-muted: #667085;
  --ib-border: #e7edf5;
  --ib-radius: 18px;
  --ib-shadow: 0 12px 32px rgba(5, 18, 46, 0.12);
}

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

body.ib-raed-custom {
  background: #f7f9fc;
}

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

body.ib-raed-custom header,
body.ib-raed-custom .store-header,
body.ib-raed-custom .main-header,
body.ib-raed-custom .navbar {
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease;
}

body.ib-raed-custom.ib-scrolled header,
body.ib-raed-custom.ib-scrolled .store-header,
body.ib-raed-custom.ib-scrolled .main-header,
body.ib-raed-custom.ib-scrolled .navbar {
  box-shadow: 0 10px 30px rgba(3, 16, 40, 0.15);
}

/* ==========================================
   خلفية الشعار بيضاء
========================================== */

body.ib-raed-custom .ib-logo-shell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ffffff !important;

  border: 1px solid rgba(6, 17, 38, 0.10) !important;
  border-radius: 16px !important;

  padding: 8px 14px !important;

  min-height: 54px;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.13) !important;

  overflow: hidden;
}

body.ib-raed-custom .ib-logo-image {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 230px !important;
  max-height: 58px !important;

  object-fit: contain !important;

  background: transparent !important;
}

/* منع أي خلفية من الثيم فوق الشعار */
body.ib-raed-custom .ib-logo-shell::before,
body.ib-raed-custom .ib-logo-shell::after {
  display: none !important;
}

/* ==========================================
   Hero / Slider
========================================== */

body.ib-raed-custom .s-block--photos-slider,
body.ib-raed-custom .s-block--slider-with-bg,
body.ib-raed-custom .s-block--enhanced-slider,
body.ib-raed-custom [class*="enhanced-slider"] {
  overflow: hidden;
  border-radius: 0 0 28px 28px;
}

body.ib-raed-custom [class*="enhanced-slider"] h1,
body.ib-raed-custom [class*="enhanced-slider"] h2,
body.ib-raed-custom [class*="enhanced-slider"] h3 {
  font-weight: 800 !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.40);
}

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

body.ib-raed-custom .s-block__title,
body.ib-raed-custom section h2 {
  font-weight: 800 !important;
  color: var(--ib-navy);
  letter-spacing: -0.02em;
}

/* ==========================================
   روابط التصنيفات
========================================== */

body.ib-raed-custom [class*="main-links"] a,
body.ib-raed-custom [class*="quick-links"] a,
body.ib-raed-custom .s-block--categories a {
  border-radius: 16px !important;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

@media (hover: hover) {

  body.ib-raed-custom [class*="main-links"] a:hover,
  body.ib-raed-custom [class*="quick-links"] a:hover,
  body.ib-raed-custom .s-block--categories a:hover {
    transform: translateY(-4px);

    box-shadow:
      0 12px 28px rgba(7, 27, 65, 0.13);
  }
}

/* ==========================================
   بطاقات المنتجات
========================================== */

body.ib-raed-custom .product-entry,
body.ib-raed-custom .product-card,
body.ib-raed-custom .s-product-card-entry {
  background: #ffffff;

  border: 1px solid var(--ib-border);

  border-radius: var(--ib-radius) !important;

  overflow: hidden;

  box-shadow:
    0 5px 18px rgba(8, 25, 55, 0.06);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

@media (hover: hover) {

  body.ib-raed-custom .product-entry:hover,
  body.ib-raed-custom .product-card:hover,
  body.ib-raed-custom .s-product-card-entry:hover {

    transform: translateY(-5px);

    border-color: rgba(5, 105, 255, 0.20);

    box-shadow:
      0 14px 34px rgba(5, 18, 46, 0.13);
  }
}

/* صور المنتجات */
body.ib-raed-custom .product-entry img,
body.ib-raed-custom .product-card img,
body.ib-raed-custom .s-product-card-entry img {
  border-radius: 14px;
}

/* اسم المنتج */
body.ib-raed-custom .product-entry__title,
body.ib-raed-custom .s-product-card-content-title,
body.ib-raed-custom .product-card__title {
  font-weight: 700 !important;
  line-height: 1.65;
  color: var(--ib-text);
}

/* السعر */
body.ib-raed-custom .product-entry__price,
body.ib-raed-custom .s-product-card-price,
body.ib-raed-custom .product-card__price {
  color: var(--ib-blue) !important;
  font-weight: 800 !important;
}

/* ==========================================
   الأزرار
========================================== */

body.ib-raed-custom .btn-primary,
body.ib-raed-custom .s-button-primary,
body.ib-raed-custom salla-add-product-button button {
  border-radius: 12px !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

@media (hover: hover) {

  body.ib-raed-custom .btn-primary:hover,
  body.ib-raed-custom .s-button-primary:hover,
  body.ib-raed-custom salla-add-product-button button:hover {

    transform: translateY(-2px);

    box-shadow:
      0 9px 22px rgba(5, 105, 255, 0.22);
  }
}

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

body.ib-raed-custom .s-block--features,
body.ib-raed-custom [class*="store-features"] {

  background:
    linear-gradient(
      135deg,
      var(--ib-navy),
      var(--ib-navy-2)
    );

  color: #ffffff;

  border-radius: 22px;
}

body.ib-raed-custom [class*="store-features"] h2,
body.ib-raed-custom [class*="store-features"] h3,
body.ib-raed-custom [class*="store-features"] p {
  color: #ffffff;
}

/* ==========================================
   FAQ
========================================== */

body.ib-raed-custom [class*="faq"] details,
body.ib-raed-custom [class*="faq"] .accordion-item {

  background: #ffffff;

  border: 1px solid var(--ib-border);

  border-radius: 14px;

  overflow: hidden;

  margin-bottom: 10px;
}

/* ==========================================
   صفحة المنتج
========================================== */

body.ib-raed-custom .product-single .price,
body.ib-raed-custom .product-page .price,
body.ib-raed-custom [class*="product-details"] .price {

  color: var(--ib-blue) !important;

  font-weight: 800 !important;
}

body.ib-raed-custom .product-page img,
body.ib-raed-custom .product-single img {
  border-radius: 16px;
}

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

body.ib-raed-custom footer {
  border-top:
    1px solid rgba(255, 255, 255, 0.08);
}

/* شعار الفوتر أيضًا بخلفية بيضاء */
body.ib-raed-custom footer .ib-logo-shell {

  background: #ffffff !important;

  padding: 8px 14px !important;

  border-radius: 14px !important;
}

/* ==========================================
   ظهور الأقسام تدريجياً
========================================== */

body.ib-raed-custom .ib-reveal {

  opacity: 0;

  transform:
    translateY(18px);

  transition:
    opacity 0.55s ease,
    transform 0.55s ease;
}

body.ib-raed-custom .ib-reveal.ib-visible {

  opacity: 1;

  transform: translateY(0);
}

/* ==========================================
   زر العودة للأعلى
========================================== */

#ib-back-to-top {

  position: fixed;

  inset-inline-end: 18px;

  bottom: 22px;

  width: 46px;
  height: 46px;

  display: grid;

  place-items: center;

  border: 0;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      var(--ib-pink),
      var(--ib-blue)
    );

  color: #ffffff;

  font-size: 22px;

  cursor: pointer;

  z-index: 9998;

  opacity: 0;

  visibility: hidden;

  transform:
    translateY(12px);

  transition: 0.22s ease;

  box-shadow:
    0 10px 26px rgba(6, 17, 38, 0.24);
}

#ib-back-to-top.ib-show {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);
}

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

@media (max-width: 767px) {

  body.ib-raed-custom .ib-logo-shell {

    padding: 5px 9px !important;

    border-radius: 11px !important;

    min-height: 44px;
  }

  body.ib-raed-custom .ib-logo-image {

    max-height: 43px !important;

    max-width: 165px !important;
  }

  body.ib-raed-custom .product-entry,
  body.ib-raed-custom .product-card,
  body.ib-raed-custom .s-product-card-entry {

    border-radius: 14px !important;
  }

  #ib-back-to-top {

    inset-inline-end: 12px;

    bottom: 76px;

    width: 42px;

    height: 42px;
  }
}

/* تقليل الحركات لمن يفعّلها من الجهاز */
@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

  body.ib-raed-custom *,
  body.ib-raed-custom *::before,
  body.ib-raed-custom *::after {

    animation-duration: 0.01ms !important;

    transition-duration: 0.01ms !important;
  }
}