/* ahaji.css — v2026-08-27-no-nday-autoplay + product-meta */

:root {
  --ahaji-blue: #418ccb;
  --ahaji-blue-deep: #143a66;
  --ahaji-green: #0b6b3a;
  --ahaji-muted: #4a6f90;
  --ahaji-sky: #eef7fc;
  --ahaji-font: "Thmanyah Sans", sans-serif;
  --font-main: "Thmanyah Sans", sans-serif;
}

/* ============================================================
   0) خط ثمانية — الموقع كله
   ============================================================ */

@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://files.catbox.moe/0ol8fs.woff2") format("woff2");
}

@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://files.catbox.moe/y69ba9.woff2") format("woff2");
}

@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://files.catbox.moe/yduju6.woff2") format("woff2");
}

@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://files.catbox.moe/z3y881.woff2") format("woff2");
}

html,
body,
#app,
body.font-cairo,
body[class*="font-"] {
  font-family: var(--ahaji-font) !important;
}

.store-header,
#mainnav,
#main-content,
#store-footer,
.store-footer,
.s-block,
.s-product-card-content,
.s-product-card-content-title,
.s-product-card-content-subtitle,
.s-slider-block__title,
.s-block__title,
.main-menu,
.mm-spn,
button,
input,
textarea,
select,
label,
h1, h2, h3, h4, h5, h6,
p, a, span, li,
.s-button-text {
  font-family: var(--ahaji-font) !important;
}

/* ============================================================
   1) اللوجو في نص الشريط + المنيو يفضل شغال
   ============================================================ */

#mainnav .inner .container > .flex.items-stretch {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px;
  width: 100% !important;
}

/* مهم: الأعمدة static عشان اللوجو يتمركز على الشريط كله */
#mainnav .flex.items-stretch > .flex.items-center {
  position: static !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
}

#mainnav .flex.items-stretch > .flex.items-center:first-child {
  gap: 0.75rem;
  flex: 0 0 auto;
}

#mainnav .flex.items-stretch > .flex.items-center:last-child {
  flex: 0 0 auto;
  justify-content: flex-end !important;
}

#mainnav a.navbar-brand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: min(46vw, 11rem);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
}

#mainnav a.navbar-brand img {
  max-height: 56px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

#mainnav [data-testid="store-header-mobile-toggle"],
#mainnav .mburger {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 6 !important;
  flex-shrink: 0 !important;
}

#mainnav .sicon-menu {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  #mainnav [data-testid="store-header-mobile-toggle"] {
    display: none !important;
  }

  #mainnav custom-main-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 6 !important;
  }
}

@media (max-width: 991px) {
  #mainnav a.navbar-brand {
    max-width: 52vw;
  }

  #mainnav a.navbar-brand img {
    max-height: 50px !important;
  }
}

/* ============================================================
   2) إلزاق أول بانر بالتوب بار (بدون فراغ)
   ============================================================ */

header.store-header,
#mainnav,
.main-nav-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#main-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.index #main-content > section:first-of-type,
body.index #main-content > section.s-block--fixed-banner,
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
}

section.s-block.s-block--fixed-banner .banner--fixed {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-radius: 0 !important;
}

section.s-block.s-block--fixed-banner .banner--fixed img {
  border-radius: 0 !important;
  display: block !important;
  width: 100% !important;
}

/* ============================================================
   3) عروض اليوم الوطني — عنوان في النص + إحصائيات البطاقات
   ============================================================ */

.ahaji-nday-bundles {
  margin-top: 0 !important;
  padding: 0 0 0.85rem !important;
  overflow: hidden !important;
}

.ahaji-nday-bundles .s-block__title,
.ahaji-nday-bundles .s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 1rem !important;
  padding: 0.85rem 1rem 0.25rem !important;
  text-align: center !important;
  background: linear-gradient(180deg, var(--ahaji-sky) 0%, #ffffff 100%) !important;
}

.ahaji-nday-bundles .s-block__title .right-side,
.ahaji-nday-bundles .s-block__title .left-side,
.ahaji-nday-bundles .s-slider-block__title-right {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
}

.ahaji-nday-bundles .s-slider-block__title-left,
.ahaji-nday-bundles .s-slider-block__title-nav {
  display: none !important;
}

.ahaji-nday-bundles .s-block__title h2,
.ahaji-nday-bundles .s-slider-block__title h2 {
  margin: 0 auto !important;
  text-align: center !important;
  font-family: var(--ahaji-font) !important;
  font-size: clamp(1.65rem, 5.5vw, 2.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--ahaji-blue-deep) !important;
  -webkit-text-fill-color: var(--ahaji-blue-deep) !important;
  background: none !important;
}

.ahaji-nday-bundles .s-block__title h2::after,
.ahaji-nday-bundles .s-slider-block__title h2::after {
  content: "";
  display: block;
  width: min(220px, 58vw);
  height: 4px;
  margin: 0.55rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--ahaji-blue), var(--ahaji-green), var(--ahaji-blue), transparent);
}

.ahaji-nday-bundles .tabs__item {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.ahaji-nday-bundles .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
}

.ahaji-nday-bundles .s-product-card-rating {
  display: none !important;
}

.ahaji-nday-bundles .s-product-card-image {
  position: relative !important;
}

.ahaji-nday-bundles .ahaji-discount-badge {
  position: absolute;
  top: 0.65rem;
  inset-inline-end: 0.65rem;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color: #fff !important;
  font-family: var(--ahaji-font) !important;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35);
  pointer-events: none;
}

.ahaji-nday-bundles .s-product-card-content-sub {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem 0.55rem !important;
  width: 100%;
  visibility: visible !important;
  opacity: 1 !important;
}

.ahaji-nday-bundles .s-product-card-sale-price,
.ahaji-nday-bundles .s-product-card-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.55rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ahaji-nday-bundles .s-product-card-sale-price {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

.ahaji-nday-bundles .s-product-card-sale-price del,
.ahaji-nday-bundles .s-product-card-price del {
  color: #64748b !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
}

.ahaji-nday-bundles .s-product-card-promotion-title,
.ahaji-nday-bundles .s-product-card-content-promotions,
.ahaji-nday-bundles .promotion-title {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================
   4) الأكثر مبيعاً — بسيط وفي النص
   ============================================================ */

.ahaji-bestseller {
  text-align: center !important;
  margin-inline: auto !important;
  padding: 0.25rem 0 0.75rem !important;
  background: transparent !important;
}

.ahaji-bestseller .s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 1rem !important;
  padding: 0.85rem 1rem 0.25rem !important;
  text-align: center !important;
  background: linear-gradient(180deg, var(--ahaji-sky) 0%, #ffffff 100%) !important;
}

.ahaji-bestseller .s-slider-block__title-right {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
}

.ahaji-bestseller .s-slider-block__title-left,
.ahaji-bestseller .s-slider-block__title-nav {
  display: none !important;
}

.ahaji-bestseller .s-slider-block__title h2 {
  margin: 0 auto !important;
  text-align: center !important;
  font-family: var(--ahaji-font) !important;
  font-size: clamp(1.65rem, 5.5vw, 2.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--ahaji-blue-deep) !important;
  -webkit-text-fill-color: var(--ahaji-blue-deep) !important;
  background: none !important;
  background-image: none !important;
}

.ahaji-bestseller .s-slider-block__title h2::after {
  content: "";
  display: block;
  width: min(220px, 58vw);
  height: 4px;
  margin: 0.55rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--ahaji-blue), var(--ahaji-green), var(--ahaji-blue), transparent);
}

.ahaji-bestseller .s-product-card-rating {
  display: none !important;
}

.ahaji-bestseller salla-products-slider,
.ahaji-bestseller .s-products-slider-wrapper,
.ahaji-bestseller salla-slider,
.ahaji-bestseller .s-slider-wrapper {
  width: 100% !important;
  margin: 0 auto !important;
  background: none !important;
}

.ahaji-bestseller .swiper-wrapper {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.ahaji-bestseller .swiper-slide,
.ahaji-bestseller .s-products-slider-card {
  margin: 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
}

.ahaji-bestseller custom-salla-product-card,
.ahaji-bestseller .s-product-card-entry {
  margin: 0 auto !important;
  text-align: center !important;
}

.ahaji-bestseller .s-product-card-image,
.ahaji-bestseller .s-product-card-image a {
  text-align: center !important;
}

.ahaji-bestseller .s-product-card-image img,
.ahaji-bestseller .s-product-card-image-contain {
  margin: 0 auto !important;
}

.ahaji-bestseller .s-product-card-content,
.ahaji-bestseller .s-product-card-content-main,
.ahaji-bestseller .s-product-card-content-sub,
.ahaji-bestseller .s-product-card-content-footer,
.ahaji-bestseller .s-product-card-content-title,
.ahaji-bestseller .s-product-card-content-subtitle,
.ahaji-bestseller .s-product-card-sale-price,
.ahaji-bestseller .s-product-card-rating {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.ahaji-bestseller .s-product-card-content-main,
.ahaji-bestseller .s-product-card-content-sub,
.ahaji-bestseller .s-product-card-content-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.ahaji-bestseller .s-product-card-content-sub {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.65rem !important;
}

.ahaji-bestseller .s-product-card-price,
.ahaji-bestseller .s-product-card-sale-price {
  justify-content: center !important;
}

.ahaji-bestseller [id^="slider-with-bg"]::before,
.ahaji-bestseller [id^="slider-with-bg"]::after,
.ahaji-bestseller .carousel-slider::before,
.ahaji-bestseller .carousel-slider::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
   5) الفوتر — بسيط + لوجو
   ============================================================ */

#store-footer.ahaji-footer,
.store-footer.ahaji-footer {
  background: #f7fbfe !important;
  border-top: 3px solid transparent !important;
  border-image: linear-gradient(90deg, var(--ahaji-green), var(--ahaji-blue), var(--ahaji-green)) 1 !important;
  color: var(--ahaji-blue-deep) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#store-footer.ahaji-footer .store-footer__inner,
.store-footer.ahaji-footer .store-footer__inner {
  padding-top: 1.25rem !important;
  padding-bottom: 0.75rem !important;
}

#store-footer.ahaji-footer > span.hidden,
.store-footer.ahaji-footer > span.hidden {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html,
body,
#app {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#store-footer.ahaji-footer .ahaji-footer-logo,
.store-footer.ahaji-footer .ahaji-footer-logo {
  display: block;
  width: auto;
  max-height: 54px;
  margin: 0 0 0.75rem;
  object-fit: contain;
}

#store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a,
.store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-bottom: 0.25rem !important;
}

#store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a h3,
.store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a h3 {
  display: none !important;
}

#store-footer.ahaji-footer .store-footer__inner h3,
.store-footer.ahaji-footer .store-footer__inner h3 {
  font-family: var(--ahaji-font) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--ahaji-blue-deep) !important;
  margin-bottom: 0.75rem !important;
  padding-bottom: 0 !important;
}

#store-footer.ahaji-footer .store-footer__inner h3::after,
.store-footer.ahaji-footer .store-footer__inner h3::after {
  display: none !important;
  content: none !important;
}

#store-footer.ahaji-footer p,
.store-footer.ahaji-footer p {
  color: var(--ahaji-muted) !important;
  font-size: 0.88rem !important;
  line-height: 1.75 !important;
  max-width: 22rem;
}

#store-footer.ahaji-footer a,
.store-footer.ahaji-footer a {
  color: var(--ahaji-blue-deep) !important;
  transition: color 0.2s ease;
}

#store-footer.ahaji-footer a:hover,
.store-footer.ahaji-footer a:hover {
  color: var(--ahaji-blue) !important;
}

#store-footer.ahaji-footer > .md\:flex,
.store-footer.ahaji-footer > .md\:flex,
#store-footer.ahaji-footer > div:last-child,
.store-footer.ahaji-footer > div:last-child {
  border-top: 1px solid rgba(65, 140, 203, 0.14) !important;
  background: #fff !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin-top: 0 !important;
}

#store-footer.ahaji-footer .copyright-text,
.store-footer.ahaji-footer .copyright-text,
#store-footer.ahaji-footer .copyright-text p,
.store-footer.ahaji-footer .copyright-text p {
  color: var(--ahaji-muted) !important;
  font-size: 0.8rem !important;
}

#store-footer.ahaji-footer .copyright-text a,
.store-footer.ahaji-footer .copyright-text a {
  color: var(--ahaji-blue) !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  #store-footer.ahaji-footer .store-footer__inner,
  .store-footer.ahaji-footer .store-footer__inner {
    text-align: center !important;
  }

  #store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a,
  .store-footer.ahaji-footer .store-footer__inner > .container > div:first-child > a {
    align-items: center !important;
    margin-inline: auto !important;
  }

  #store-footer.ahaji-footer .ahaji-footer-logo,
  .store-footer.ahaji-footer .ahaji-footer-logo {
    margin-inline: auto !important;
  }

  #store-footer.ahaji-footer p,
  .store-footer.ahaji-footer p {
    margin-inline: auto !important;
  }
}

/* ============================================================
   6) صفحة المنتج — تقييم / وفر / متوفر / تم شراؤه
   (يحتاج ahaji.js — بس الجزء ده)
   ============================================================ */

body.product-single [data-testid="store-product-title"] {
  margin-bottom: 0.35rem !important;
}

body.product-single salla-rating-stars.ahaji-product-rating {
  display: block;
  margin: 0 0 0.85rem !important;
}

body.product-single salla-rating-stars.ahaji-product-rating .s-rating-stars-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

body.product-single [data-testid="store-product-price"] {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem 1rem !important;
  margin-bottom: 0.35rem !important;
}

body.product-single .ahaji-product-save {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.65rem;
  border: 1.5px solid #f11e1e;
  border-radius: 0.45rem;
  color: #f11e1e;
  font-family: var(--ahaji-font) !important;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

body.product-single .ahaji-product-save__icon,
body.product-single .ahaji-product-sold__icon {
  display: inline-flex;
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
}

body.product-single .ahaji-product-save__icon svg,
body.product-single .ahaji-product-sold__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

body.product-single .ahaji-product-save strong {
  font-weight: 800;
}

body.product-single .ahaji-product-meta {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin: 0.35rem 0 1rem;
}

body.product-single .ahaji-product-stock,
body.product-single .ahaji-product-sold {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--ahaji-font) !important;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.3;
}

body.product-single .ahaji-product-stock__icon {
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}

body.product-single .ahaji-product-stock__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

body.product-single .ahaji-product-stock.is-available {
  color: var(--ahaji-green);
}

body.product-single .ahaji-product-stock.is-out {
  color: #dc2626;
}

body.product-single .ahaji-product-sold {
  color: #f11e1e;
}

body.product-single .ahaji-product-sold strong {
  font-weight: 800;
}