/* Add custom CSS styles below */
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@500;600;700&display=swap');

/* ==========================================================
   طاريك — هوية فاخرة لواجهة عسل حمدان — 15 أكتوبر 2026
   CSS فقط، ويُلغى كل شيء بحذف هذا الملف.
   الخط: El Messiri للعناوين والأسماء والأسعار، وخط الثيم للنصوص.
   الألوان: إسبريسو داكن، عاجي دافئ، ذهبي هادئ.
   ========================================================== */

:root, html {
  --lx-ivory: #fbf7ef;     /* خلفية الصفحة */
  --lx-paper: #fffdf8;     /* البطاقات */
  --lx-espresso: #1f160e;  /* النصوص والأسطح الداكنة */
  --lx-ink: #2b2118;
  --lx-muted: #6b5d4c;
  --lx-gold: #b8893b;      /* خطوط وزخارف */
  --lx-gold-deep: #8a6424; /* نص ذهبي صغير (تباين 5:1) */
  --lx-gold-soft: #e9d6ad;
  --lx-line: #eadfca;      /* خطوط شعرية */
  --lx-serif: 'El Messiri', 'PingARLT', sans-serif;
  --lx-radius: 6px;        /* زاوية موحّدة لكل الأزرار والبطاقات والحقول */

  --color-primary: #2b2118 !important;
  --color-primary-dark: #1f160e !important;
  --color-primary-light: #f4ead8 !important;
  --color-primary-reverse: #fbf7ef !important;
  --theme-primary-color: #2b2118 !important;
}

body, .app-inner { background-color: var(--lx-ivory) !important; color: var(--lx-ink); }
::selection { background: var(--lx-gold-soft); color: var(--lx-espresso); }

/* ---------- الشريط العلوي: داكن ورفيع ---------- */
.top-navbar { background: var(--lx-espresso) !important; }
.top-navbar, .top-navbar a, .top-navbar span { color: rgba(251, 247, 239, .78) !important; font-size: 12.5px; }
.top-navbar a:hover { color: var(--lx-gold-soft) !important; }
.top-navbar input {
  background: rgba(251, 247, 239, .08) !important; border: 1px solid rgba(233, 214, 173, .22) !important;
  color: var(--lx-ivory) !important; border-radius: 999px !important;
}
.top-navbar input::placeholder { color: rgba(251, 247, 239, .55) !important; }
.top-navbar i { color: rgba(251, 247, 239, .6) !important; }
.s-contacts-header .s-contacts-topnav-link[href^="mailto:"] { display: none !important; }

/* ---------- الرأس: عاجي بخط ذهبي شعري وشعار أكبر ---------- */
#mainnav { background: var(--lx-paper) !important; box-shadow: none !important; border-bottom: 1px solid var(--lx-line); }
#mainnav .navbar-brand img { height: 62px !important; max-height: none !important; width: auto; }
/* خلفية الشعار البيضاء تذوب في الرأس العاجي */
.navbar-brand img { mix-blend-mode: multiply; }
#mainnav .main-menu > li > a { font-size: 15px !important; font-weight: 600 !important; color: var(--lx-ink) !important; position: relative; }
#mainnav .main-menu > li > a::after {
  content: ""; position: absolute; right: 0; left: 0; bottom: -6px; height: 1px; background: var(--lx-gold);
  transform: scaleX(0); transition: transform .35s ease;
}
#mainnav .main-menu > li > a:hover { color: var(--lx-gold-deep) !important; }
#mainnav .main-menu > li > a:hover::after { transform: scaleX(1); }

/* ---------- الشاشة الأولى ---------- */
.s-block--fixed-banner .banner { border-radius: var(--lx-radius) !important; box-shadow: 0 0 0 1px var(--lx-line); }

/* ---------- عناوين الأقسام: El Messiri مع زخرفة ذهبية ---------- */
.s-block .right-side h2,
.s-slider-block__title-right h2,
.s-reviews-header {
  font-family: var(--lx-serif) !important; font-size: 30px !important; font-weight: 600 !important;
  color: var(--lx-espresso) !important; line-height: 1.4 !important;
  position: relative; padding-bottom: 14px; margin-bottom: 6px;
}
.s-block .right-side h2::after,
.s-slider-block__title-right h2::after,
.s-reviews-header::after {
  content: ""; position: absolute; bottom: 0; right: 10px; width: 64px; height: 1px; background: var(--lx-gold);
}
.s-block .right-side h2::before,
.s-slider-block__title-right h2::before,
.s-reviews-header::before {
  content: ""; position: absolute; bottom: -3px; right: 0; width: 7px; height: 7px;
  background: var(--lx-gold); transform: rotate(45deg);
}
.s-block__display-all { color: var(--lx-gold-deep) !important; font-size: 13px !important; font-weight: 600; letter-spacing: .02em; }
.s-block__display-all:hover { color: var(--lx-espresso) !important; }
@media (max-width: 640px) {
  .s-block .right-side h2, .s-slider-block__title-right h2, .s-reviews-header { font-size: 24px !important; }
}

/* ---------- بطاقة المنتج ---------- */
.s-product-card-entry {
  background: var(--lx-paper) !important; border: 1px solid var(--lx-line) !important; border-radius: var(--lx-radius) !important;
  overflow: hidden; transition: box-shadow .45s ease, border-color .45s ease;
}
.s-product-card-vertical .s-product-card-image { aspect-ratio: 1 / 1; height: auto !important; max-height: none !important; overflow: hidden; border-radius: 0 !important; }
.s-product-card-vertical .s-product-card-image > a,
.s-product-card-vertical .s-product-card-image img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
@media (hover: hover) {
  .s-product-card-entry:hover { border-color: var(--lx-gold-soft) !important; box-shadow: 0 18px 40px -24px rgba(31, 22, 14, .45); }
  .s-product-card-entry:hover .s-product-card-image img { transform: scale(1.045); }
}
.s-product-card-content { padding: 18px 18px 20px !important; }
.s-product-card-content-title,
.s-product-card-content-title a {
  font-family: var(--lx-serif) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.6 !important;
  color: var(--lx-espresso) !important; text-align: center;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.s-product-card-content-title { min-height: 3em; }
.s-product-card-content-sub { justify-content: center !important; }
.s-product-card-price {
  font-family: var(--lx-serif) !important; font-size: 20px !important; font-weight: 700 !important; color: var(--lx-espresso) !important;
}
.s-product-card-rating { color: var(--lx-ink) !important; font-weight: 700; font-size: 13px !important; gap: 3px; }
.s-product-card-rating i::before { color: var(--lx-gold) !important; }

/* زر السلة: إسبريسو بنص عاجي، ويتحول ذهبياً عند المرور */
.s-product-card-content-footer .s-button-primary-outline,
.s-button-btn.s-button-solid.s-button-primary {
  background: var(--lx-espresso) !important; border: 1px solid var(--lx-espresso) !important; border-radius: var(--lx-radius) !important;
  color: var(--lx-ivory) !important; font-weight: 700; letter-spacing: .02em; min-height: 44px;
  transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.s-product-card-content-footer .s-button-primary-outline i,
.s-button-btn.s-button-solid.s-button-primary i { color: inherit !important; }
@media (hover: hover) {
  .s-product-card-content-footer .s-button-primary-outline:hover,
  .s-button-btn.s-button-solid.s-button-primary:hover {
    background: var(--lx-gold) !important; border-color: var(--lx-gold) !important; color: var(--lx-espresso) !important;
  }
}
/* "اشترِ الآن" وبقية الأزرار المفرّغة */
.s-button-btn.s-button-primary-outline:not(.s-product-card-content-footer *) {
  background: transparent !important; color: var(--lx-espresso) !important; border: 1px solid var(--lx-espresso) !important;
  border-radius: var(--lx-radius) !important; font-weight: 700;
}
.s-button-btn.s-button-primary-outline:not(.s-product-card-content-footer *):hover { border-color: var(--lx-gold) !important; color: var(--lx-gold-deep) !important; }
/* زر نفدت الكمية */
.s-product-card-content-footer .s-button-light-outline.s-button-disabled { background: transparent !important; border: 1px dashed var(--lx-line) !important; color: var(--lx-muted) !important; border-radius: var(--lx-radius) !important; }
/* حالة التحميل بعد الضغط: يبقى الزر بلونه بدل أن يبهت */
.s-product-card-content-footer .s-button-primary-outline.s-button-disabled,
.s-button-btn.s-button-solid.s-button-primary.s-button-disabled {
  background: var(--lx-espresso) !important; border-color: var(--lx-espresso) !important; color: var(--lx-ivory) !important;
  opacity: 1 !important; cursor: progress;
}
/* "اشترِ الآن" و Apple Pay: الزاوية والارتفاع نفسهما (الثيم يضبطهما على 12px و40px) */
salla-mini-checkout-widget, salla-mini-checkout-widget * {
  --salla-fast-checkout-button-border-radius: var(--lx-radius) !important; --salla-fast-checkout-button-height: 44px !important;
}
apple-pay-button { --apple-pay-button-border-radius: var(--lx-radius) !important; --apple-pay-button-height: 44px !important; }
/* حقل الكمية بالزاوية نفسها */
.s-quantity-input-container { border-radius: var(--lx-radius) !important; overflow: hidden; border-color: var(--lx-line) !important; }

/* المفضلة */
button.s-product-card-wishlist-btn {
  background: rgba(255, 253, 248, .94) !important; opacity: 1 !important; border: 1px solid var(--lx-line) !important;
  box-shadow: none !important; color: var(--lx-espresso) !important;
}
salla-button.s-product-card-wishlist-btn { background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* الجوال */
@media (max-width: 640px) {
  .s-product-card-content { padding: 14px 12px 14px !important; }
  .s-product-card-content-title,
  .s-product-card-content-title a { font-size: 15px !important; -webkit-line-clamp: 3; }
  .s-product-card-content-title { min-height: 3em; }
  .s-product-card-price { font-size: 18px !important; }
  .s-product-card-content-footer .s-button-btn { padding-inline: 6px !important; font-size: 13px !important; min-height: 44px !important; }
  .s-product-card-content-footer .s-button-btn i { display: none !important; }
}

/* المنتجات النافدة: باهتة وتنزل آخر الصف (لا تُحذف) */
.s-products-list-wrapper > .s-product-card-out-of-stock { order: 1; }
.s-product-card-out-of-stock .s-product-card-image img { filter: grayscale(.75); opacity: .65; }

/* ---------- بنرات الأقسام: إطار ذهبي داخلي وعنوان El Messiri ---------- */
a.banner-entry { border-radius: var(--lx-radius) !important; overflow: hidden; outline: 1px solid rgba(233, 214, 173, .55); outline-offset: -12px; }
a.banner-entry::after { background: linear-gradient(to top, rgba(20, 13, 6, .78), rgba(20, 13, 6, .35)) !important; transition: background .5s ease; }
a.banner-entry:hover::after { background: linear-gradient(to top, rgba(20, 13, 6, .7), rgba(20, 13, 6, .22)) !important; }
.banner-entry__text .banner__title,
.banner-entry__text p { opacity: 1 !important; transform: none !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .4); }
.banner-entry__text .banner__title {
  font-family: var(--lx-serif) !important; font-size: 30px !important; font-weight: 600 !important; color: var(--lx-ivory) !important;
  padding-bottom: 8px; border-bottom: 1px solid rgba(233, 214, 173, .7);
}
.banner-entry__text p { color: rgba(251, 247, 239, .9) !important; margin-top: 8px; }

/* ---------- آراء العملاء ---------- */
.s-reviews-testimonial { background: var(--lx-paper) !important; border: 1px solid var(--lx-line); border-radius: var(--lx-radius) !important; }
.s-reviews-testimonial__info h2 { font-family: var(--lx-serif) !important; font-size: 18px !important; color: var(--lx-espresso) !important; }

/* ---------- مزايا المتجر: أيقونات بإطار ذهبي ---------- */
.s-block--features__item {
  background: var(--lx-paper) !important; border: 1px solid var(--lx-line); border-radius: var(--lx-radius); padding: 30px 18px !important;
}
.s-block--features__item .feature-icon {
  background: transparent !important; border: 1px solid var(--lx-gold); width: 68px !important; height: 68px !important;
}
.s-block--features__item .feature-icon i { color: var(--lx-gold-deep) !important; }
.s-block--features__item h2 { font-family: var(--lx-serif) !important; font-size: 20px !important; font-weight: 600 !important; color: var(--lx-espresso) !important; margin-top: 6px; }
.s-block--features__item p { font-size: 15px !important; color: var(--lx-muted) !important; }

/* ---------- صفحة المنتج ---------- */
.main-content h1 { font-family: var(--lx-serif) !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.5 !important; color: var(--lx-espresso) !important; }
.price-wrapper, .starting-or-normal-price { font-family: var(--lx-serif) !important; font-size: 26px !important; font-weight: 700; color: var(--lx-espresso); }
.product-form { background: var(--lx-paper) !important; border: 1px solid var(--lx-line); border-radius: var(--lx-radius); }
nav.breadcrumbs, nav.breadcrumbs a { color: var(--lx-muted) !important; font-size: 13px; }
.s-comments.s-comments-product { background: transparent !important; padding-block: 16px !important; }
@media (max-width: 640px) { .main-content h1 { font-size: 23px !important; } }

/* ---------- السلة ---------- */
.item-total, .item-total *, p.text-primary { color: var(--lx-espresso) !important; }

/* ---------- التذييل: إسبريسو مع عناوين ذهبية ---------- */
.store-footer { background: #170f08 !important; }
.store-footer__inner { background: var(--lx-espresso) !important; border-top: 1px solid rgba(184, 137, 59, .35); }
.store-footer__inner h3 { font-family: var(--lx-serif) !important; font-size: 20px !important; font-weight: 600 !important; color: var(--lx-gold-soft) !important; }
.store-footer__inner a, .store-footer__inner p, .store-footer__inner span { color: rgba(251, 247, 239, .78) !important; }
.store-footer__inner a:hover { color: var(--lx-gold-soft) !important; }
.store-footer > .container, .store-footer > .container * { color: rgba(251, 247, 239, .62) !important; }
@media (min-width: 1024px) {
  .store-footer__inner > .container.grid { grid-template-columns: 2fr 1fr 1.2fr !important; column-gap: 48px; }
  .store-footer__inner > .container.grid > * { grid-column: auto !important; padding-inline: 0 !important; }
}

/* ===== Testimonials: mobile & tablet ===== */
@media (max-width: 1023px) {
  /* one full-width card per slide, no neighbours peeking in */
  .s-reviews-testimonials-slider .swiper { padding-left: 0 !important; padding-right: 0 !important; }
  .s-reviews-testimonials-slider .swiper-slide { padding: 0 8px !important; }
  .s-reviews-testimonial { opacity: 1 !important; }
}
@media (max-width: 767px) {
  .s-reviews-testimonial { flex-direction: column; align-items: center; text-align: center; padding: 28px 20px 24px !important; }
  .s-reviews-testimonial__inner { flex-direction: column; align-items: center; gap: 14px; width: 100%; }
  .s-reviews-testimonial__avatar { width: 64px; height: 64px; margin: 0 !important; box-shadow: 0 0 0 3px var(--lx-paper, #fffdf8), 0 0 0 4px var(--lx-gold-soft, #e9d6ad); }
  .s-reviews-testimonial__text { width: 100%; margin: 0 !important; padding: 0 !important; text-align: center; }
  .s-reviews-testimonial__text p { font-size: 15px; line-height: 1.8; margin: 0 0 12px !important; color: var(--lx-ink, #2b2118); }
  .s-reviews-testimonial__text p:empty { display: none; }
  .s-reviews-testimonial__name_wrapper { align-items: center !important; justify-content: center; gap: 6px; flex-direction: column !important; }
  .s-reviews-testimonial__info, .s-reviews-testimonial__info h2 { text-align: center; margin: 0 !important; }
  .s-reviews-testimonial__info h2 { font-size: 17px !important; line-height: 1.4; }
  .s-reviews-testimonial__rating { margin: 0 !important; }
  .s-reviews-testimonial__icon svg { top: 14px !important; left: 16px !important; right: auto !important; width: 28px !important; height: 28px !important; fill: var(--lx-gold, #b8893b) !important; opacity: .45; }
}