/* Add custom CSS styles below */ 
/* ضفة | سيليا | يستبدل CSS السابق بالكامل */

:root, body, html.dark, body.dark {
  --bg-primary: #D3E2D6 !important;
  --bg-secondary: #D3E2D6 !important;
  --header-bg: #D3E2D6 !important;
  --header-text-color: #24282B !important;
  --store-text-primary: #24282B !important;
  --store-text-secondary: #51534A !important;
  --color-primary: #51534A !important;
  --color-primary-dark: #24282B !important;
  --color-primary-light: #D3E2D6 !important;
  --footer-bg: #D3E2D6 !important;
  --footer-text-color: #24282B !important;
  --bottom-footer-bg: #D3E2D6 !important;
  --bottom-nav-bg: #D3E2D6 !important;
  --bottom-nav-text-color: #24282B !important;
  --deffa-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22360%22%20viewBox%3D%220%200%20400%20360%22%3E%3Cg%20fill%3D%22%2351534A%22%20opacity%3D%22.055%22%3E%3Cg%20transform%3D%22translate%2834%2040%29%20scale%28.48%29%20translate%28-1050%20-435%29%22%3E%3Cpath%20d%3D%22M1131.176%2C512.890H1168.045V522.592H1131.176Z%22%2F%3E%3Cpath%20d%3D%22M1158.329%2C451.801H1168.031V522.628H1158.329Z%22%2F%3E%3Cpath%20d%3D%22M1109.407%2C471.166H1119.109V528.837H1109.407Z%22%2F%3E%3Cpath%20d%3D%22M1121.453%2C475.315L1114.596%2C482.179L1088.522%2C456.104L1093.111%2C451.522L1097.660%2C451.522L1121.453%2C475.315Z%22%2F%3E%3Cpath%20d%3D%22M1140.797%2C456.105L1135.674%2C461.228L1114.729%2C482.179L1107.866%2C475.316L1131.178%2C452.009L1131.665%2C451.522L1136.215%2C451.522L1140.797%2C456.105Z%22%2F%3E%3Cpath%20d%3D%22M1088.523%2C514.806L1114.593%2C540.876L1121.454%2C534.016L1095.383%2C507.945L1088.523%2C514.806Z%22%2F%3E%3Cpath%20d%3D%22M1140.797%2C514.806L1114.727%2C540.876L1107.866%2C534.016L1133.937%2C507.945L1140.797%2C514.806Z%22%2F%3E%3Cpath%20d%3D%22M1060.471%2C512.890H1097.340V522.592H1060.471Z%22%2F%3E%3Cpath%20d%3D%22M1061.140%2C451.522H1098.007V461.227H1061.140Z%22%2F%3E%3Cpath%20d%3D%22M1131.178%2C451.522H1168.045V461.227H1131.178Z%22%2F%3E%3Cpath%20d%3D%22M1060.484%2C451.801H1070.186V522.628H1060.484Z%22%2F%3E%3Cpath%20d%3D%22M1107.800%2C448.804L1114.661%2C441.943L1121.521%2C448.804L1114.661%2C455.665L1107.800%2C448.804Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28260%20195%29%20scale%28.42%29%20translate%28-745%20-425%29%22%3E%3Cpath%20d%3D%22M781.892%2C473.969H791.594V528.302H781.892Z%22%2F%3E%3Cpath%20d%3D%22M811.634%2C480.830L781.557%2C441.039L786.743%2C434.178L816.820%2C473.969L811.634%2C480.830Z%22%2F%3E%3Cpath%20d%3D%22M811.634%2C480.830L786.743%2C513.761L781.557%2C506.900L806.448%2C473.969L811.634%2C480.830Z%22%2F%3E%3Cpath%20d%3D%22M786.743%2C447.899L761.852%2C480.830L756.666%2C473.969L781.557%2C441.038L786.743%2C447.899Z%22%2F%3E%3Cpath%20d%3D%22M786.743%2C513.761L756.666%2C473.970L761.852%2C467.109L791.929%2C506.900L786.743%2C513.761Z%22%2F%3E%3Cpath%20d%3D%22M786.626%2C534.919L793.487%2C541.780L786.626%2C548.640L779.765%2C541.780L786.626%2C534.919Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* خلفية المتجر */
html, body, main {
  background-color: #D3E2D6 !important;
}

/* باترن الكتاب والريشة من هوية ضفة */
.deffa-pattern-section {
  background-image: var(--deffa-pattern) !important;
  background-repeat: repeat !important;
  background-size: 400px 360px !important;
  background-position: center top !important;
}

/* تكبير الشعار */
.navbar-brand {
  flex-shrink: 0 !important;
}

.navbar-brand img {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* عناوين الأقسام */
.home-block-title h2 {
  color: #24282B !important;
  line-height: 1.5 !important;
}

.home-block-title p {
  color: #51534A !important;
  line-height: 1.8 !important;
}

/* عرض الكل بسطر واحد */
.home-block-title a,
.s-slider-block__title a {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap !important;
  min-height: 44px;
}

/* خلفيات بطاقات الكتب */
.product-card,
.product-card__content,
.product-card__image {
  background-color: #D3E2D6 !important;
}

.product-card {
  border: 1px solid #51534A !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none !important;
}

/* إظهار الغلاف بدون قص */
.product-card__image img {
  object-fit: contain !important;
}

/* أسماء الكتب */
.product-card__title,
.product-card__title a {
  color: #24282B !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

.product-card__price {
  color: #24282B !important;
  font-weight: 700;
}

/* التقييمات */
.testimonials__review-card {
  background-color: #CECEED !important;
  color: #24282B !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.testimonials__text,
.testimonials__review-author-name {
  color: #24282B !important;
}

/* حركة البطاقات والأزرار عند مرور المؤشر */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .product-card {
    transition: translate 220ms ease, box-shadow 220ms ease;
  }

  .product-card:hover {
    translate: 0 -4px;
    box-shadow: 0 8px 20px #24282B14 !important;
  }

  .deffa-interactive {
    transition: translate 180ms ease, box-shadow 180ms ease;
  }

  .deffa-interactive:hover {
    translate: 0 -2px;
    box-shadow: 0 4px 12px #24282B14;
  }
}

/* وضوح التنقل بلوحة المفاتيح */
.deffa-interactive:focus-visible,
.product-card a:focus-visible {
  outline: 2px solid #51534A;
  outline-offset: 4px;
}

/* الجوال */
@media (max-width: 767px) {
  .navbar-brand img {
    width: 130px !important;
    max-width: 130px !important;
  }

  .product-card__title,
  .product-card__title a {
    font-size: 14px !important;
  }

  .deffa-pattern-section {
    background-size: 340px 306px !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .product-card,
  .deffa-interactive {
    transition: none !important;
    translate: none !important;
  }
}
/* ضفة — تثبيت غلاف صفحة الكتاب */
@media (max-width:767px) {
  html body.product-single .product-single__main-media {
    min-height:280px !important;
    min-height:min(44svh,420px) !important;
    margin-bottom:16px !important;
  }

  html body.product-single .product-single__main-media img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:44vh !important;
    max-height:min(44svh,420px) !important;
    object-fit:contain !important;
    margin-inline:auto !important;
  }
}