/* Add custom CSS styles below */ 
/* ===== كرت المنتج - بدون حواف ولون موحد ===== */
.athena-card {
  border: none !important;
  box-shadow: none !important;
  background-color: #f4f4f4 !important;
}

.athena-card-content {
  background-color: #f4f4f4 !important;
}

/* ===== زر إضافة للسلة - بدون حواف وأيقونة فقط ===== */
.athena-mobile-add-btn .s-button-btn {
  border: none !important;
  box-shadow: none !important;
  background-color: #f4f4f4 !important;
}

/* إخفاء نص إضافة للسلة */
.athena-mobile-add-btn .s-button-text span.text-sm {
  display: none !important;
}

/* ===== إزالة المسافة بين كروت المنتجات ===== */
.athena_fixed_products_parent_flex {
  gap: 0 !important;
}

/* ===== إزالة حواف صورة المنتج ===== */
body.product-single .s-slider-container {
  border: none !important;
}

/* ===== إزالة حواف الصورة الداخلية - جوال ===== */
body.product-single .details-slider .swiper-slide {
  --tw-ring-shadow: 0 0 transparent !important;
  --tw-ring-offset-shadow: 0 0 transparent !important;
  box-shadow: none !important;
}


/* ===== 1. نقل السعر تحت اسم المنتج مباشرة ===== */
.main-content {
  display: flex;
  flex-direction: column;
}
.main-content > .flex.whitespace-nowrap.gap-4.items-center {
  order: -1;
}
.main-content > h1 {
  order: -2;
}

/* ===== 2. إخفاء نصوص المفضلة والمشاركة وتوسيط الأيقونات ===== */
.side-socials {
  justify-content: center;
}
.side-socials > div > span.text-sm,
.side-socials > div > span:not([class]) {
  display: none;
}

/* ===== 3. إخفاء الفورم كامل (السعر المكرر + الكمية القديمة + الزر القديم) ===== */
.product-form {
  display: none !important;
}

/* ===== 4. إخفاء أيقونات طرق الدفع ===== */
.s-payments-list-wrap {
  display: none !important;
}

/* ===== 5. إخفاء الوصف الفاضي ===== */
.product__description:has(article:empty) {
  display: none !important;
}

/* ===== 6. ستايل الكمية الفخم ===== */
#lv-quantity-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 15px auto 5px;
  border: 1.5px solid #000;
  border-radius: 30px;
  overflow: hidden;
  height: 45px;
  width: 160px;
}
#lv-qty-minus, #lv-qty-plus {
  background: transparent;
  border: none;
  font-size: 20px;
  font-weight: 300;
  color: #000;
  cursor: pointer;
  width: 45px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
#lv-qty-minus:hover, #lv-qty-plus:hover {
  background: rgba(0,0,0,0.05);
}
#lv-qty-input {
  background: transparent;
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  width: 50px;
  outline: none;
}

/* ===== 7. ستايل زر أضف إلى حقيبة التسوق ===== */
#lv-add-to-bag {
  display: block;
  width: 100%;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 30px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
  margin: 10px 0 15px;
  transition: background-color 0.3s ease;
}
#lv-add-to-bag:hover {
  background-color: #333;
}

/* ===== تأثير Stack للسلايدر - الصورة الأولى ثابتة والثانية تمشي فوقها ===== */

/* الصورة الأولى الثابتة خلف السلايدر */
#fixed-first-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none;
}

/* الـ container يكون relative */
.s-slider-container {
  position: relative !important;
}

/* الـ wrapper فوق الصورة الثابتة */
.s-slider-container > .swiper-wrapper {
  position: relative;
  z-index: 1;
}

/* إخفاء الصورة الأولى الأصلية */
.s-slider-container .swiper-wrapper .swiper-slide:first-child {
  visibility: hidden !important;
}

/* الصورة الثانية تظهر فوق الأولى */
.s-slider-container .swiper-wrapper .swiper-slide:nth-child(2) {
  z-index: 2 !important;
}

/* ===== بار التوصيل والإسترجاع ===== */
#ove-delivery-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 15px 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  transition: opacity 0.2s;
}
#ove-delivery-bar:hover {
  opacity: 0.6;
}
.ove-bar-arrow {
  font-size: 22px;
  color: #000;
}

/* ===== أوفرلاي التوصيل والإسترجاع (سلايد كامل) ===== */
#ove-delivery-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: right 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  overflow-y: auto;
  direction: rtl;
}
#ove-delivery-overlay.ove-overlay-open {
  right: 0;
}

/* هيدر الأوفرلاي */
.ove-overlay-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.ove-overlay-header h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.ove-overlay-close {
  position: absolute;
  left: 20px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #000;
  padding: 5px;
}
.ove-overlay-close:hover {
  opacity: 0.5;
}

/* محتوى الأوفرلاي */
.ove-overlay-content {
  padding: 0 25px;
}

/* ===== عناصر الأكورديون ===== */
.ove-accordion-item {
  border-bottom: 1px solid #e0e0e0;
}
.ove-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ove-accordion-header:hover {
  opacity: 0.6;
}
.ove-accordion-header h3 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin: 0 0 5px 0;
}
.ove-accordion-header p {
  font-size: 13px;
  color: #888;
  margin: 0;
}
.ove-acc-arrow {
  font-size: 22px;
  color: #000;
  transition: transform 0.3s;
}

/* الأكورديون المفتوح */
.ove-acc-open .ove-acc-arrow {
  transform: rotate(-90deg);
}
.ove-accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0;
}
.ove-acc-open .ove-accordion-body {
  max-height: 500px;
  padding: 0 0 22px 0;
}
.ove-accordion-body p {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin: 0 0 10px 0;
}
.ove-accordion-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ove-accordion-body li {
  font-size: 14px;
  color: #333;
  line-height: 2;
  padding-right: 15px;
  position: relative;
}
.ove-accordion-body li::before {
  content: '·';
  position: absolute;
  right: 0;
  font-weight: bold;
}

/* ===== البار الثابت في الأعلى ===== */

#ove-sticky-header {
  position: fixed;
  top: -65px;
  left: 0;
  right: 0;
  height: 65px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  direction: rtl;
  transition: top 0.3s ease;
}

/* البار يظهر في الأعلى */
#ove-sticky-header.ove-sticky-visible {
  top: 0;
}

/* معلومات المنتج - عمود */
.ove-sticky-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
}

/* اسم المنتج */
.ove-sticky-name {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

/* السعر تحت الاسم بلون رصاصي */
.ove-sticky-price {
  font-size: 13px;
  color: #999;
  font-weight: 400;
}

/* زر الإضافة */
.ove-sticky-btn {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s;
}

.ove-sticky-btn:hover {
  background: #333;
}

/* ===== مودال حقيبة التسوق - نمط LV ===== */

/* اخفاء سايدبار سلة الافتراضي */
#cart-summary-panel {
  display: none !important;
}
.side-panel-overlay {
  display: none !important;
}

/* خلفية المودال الداكنة */
.ove-cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 9998;
  animation: oveFadeIn 0.3s forwards;
}

/* حاوية المودال */
.ove-cart-modal {
  position: fixed;
  z-index: 9999;
  background: #fff;
  direction: rtl;
}

/* ديسكتوب: وسط الشاشة */
@media (min-width: 769px) {
  .ove-cart-modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    animation: oveScaleIn 0.3s ease forwards;
  }
}

/* جوال: يطلع من تحت */
@media (max-width: 768px) {
  .ove-cart-modal {
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.2);
    animation: oveSlideUp 0.3s ease forwards;
  }
}

/* هيدر المودال */
.ove-cart-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #eee;
}
.ove-cart-modal__title {
  font-size: 17px;
  font-weight: 700;
  color: #1a1a1a;
}
.ove-cart-modal__close {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #666;
}

/* تفاصيل المنتج */
.ove-cart-modal__product {
  display: flex;
  gap: 16px;
  padding: 20px 24px;
  align-items: flex-start;
}
.ove-cart-modal__img {
  width: 100px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.ove-cart-modal__info {
  flex: 1;
  text-align: right;
}
.ove-cart-modal__code {
  font-size: 11px;
  color: #999;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}
.ove-cart-modal__name {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
}
.ove-cart-modal__price {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin-top: 8px;
}

/* الازرار */
.ove-cart-modal__buttons {
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ove-cart-modal__btn {
  width: 100%;
  padding: 14px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ove-cart-modal__btn:hover { opacity: 0.85; }
.ove-cart-modal__btn--primary {
  background: #1a1a1a;
  color: #fff;
  border: none;
}
.ove-cart-modal__btn--secondary {
  background: #fff;
  color: #1a1a1a;
  border: 1.5px solid #1a1a1a;
}

/* انيميشن */
@keyframes oveFadeIn { from{opacity:0} to{opacity:1} }
@keyframes oveSlideUp { from{transform:translateY(100%)} to{transform:translateY(0)} }
@keyframes oveScaleIn { from{transform:translate(-50%,-50%) scale(0.9);opacity:0} to{transform:translate(-50%,-50%) scale(1);opacity:1} }


/* اخفاء اشعار "تمت اضافة المنتج بنجاح" الاخضر */
.swal2-popup,
.swal2-container,
.s-notification,
[class*="notification-success"],
.toast-success {
  display: none !important;
}

/* ===== صفحة المنتج - خلفية نصف الصفحة نمط LV ===== */

@media (min-width: 768px) {

  body.product-single .product-page.container {
    position: relative;
  }

  body.product-single .product-page.container::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 50vw;
    background: #f4f4f4;
    z-index: 0;
    pointer-events: none;
  }

  body.product-single .sidebar,
  body.product-single .main-content {
    position: relative;
    z-index: 1;
  }

  body.product-single .main-content {
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* ===== تلوين قالب الصورة ===== */
body.product-single .s-slider-container,
body.product-single .details-slider .swiper-slide,
body.product-single .details-slider .swiper-slide a {
  background-color: #f4f4f4 !important;
}

/* ===== هيدر شفاف في صفحة المنتج ===== */
body.product-single header.store-header .navbarbg {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== اخفاء قالب القائمة الفارغ ===== */
body.product-single #show-long-menu {
  display: none !important;
}

/* ===== الخلفية الرمادية تمتد خلف الهيدر ===== */
@media (min-width: 768px) {
  body.product-single .product-page.container::before {
    top: -114px;
  }
}

/* ===== الهيدر فوق طبقة اللون ===== */
body.product-single header.store-header {
  position: relative;
  z-index: 10;
}

/* ===== خلفية رمادية - جوال ===== */

@media (max-width: 767px) {

  body.product-single .product-page.container {
    position: relative;
  }

  /* خلفية رمادية كامل العرض من الهيدر لنهاية الصورة */
  body.product-single .sidebar {
    background: #f4f4f4 !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-top: -100px !important;
    padding-top: 100px !important;
  }


  /* الهيدر فوق الخلفية */
  body.product-single header.store-header {
    position: relative;
    z-index: 10;
  }

  /* اخفاء البريدكرامب */
  body.product-single .breadcrumbs {
    display: none !important;
  }

  /* اخفاء القائمة الفارغة */
  body.product-single #show-long-menu {
    display: none !important;
  }

}

/* ===== تعديل اسم المنتج والسعر - جوال ===== */

@media (max-width: 767px) {

  body.product-single .main-content h1 {
    margin-top: 20px !important;
  }

  body.product-single .main-content h2.text-2xl {
    font-size: 18px !important;
  }

}

/* ===== اخفاء المفضلة والمشاركة تحت السعر ===== */
body.product-single .main-content .side-socials {
  display: none !important;
}

/* ===== الوصف مقصوص مع تدرج ابيض ===== */
body.product-single .product__description {
  max-height: 100px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

body.product-single .product__description::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, #ffffff, transparent);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

body.product-single .product__description.ove-expanded {
  max-height: 2000px;
}

body.product-single .product__description.ove-expanded::after {
  opacity: 0;
}

body.product-single .ove-read-more {
  background: none;
  border: none;
  color: #888;
  font-size: 14px;
  cursor: pointer;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

/* ===== الفوتر - توسيط كامل ===== */
.store-footer__inner .container.grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.store-footer__inner .container.grid > div {
  width: 100%;
}

/* اللوقو - حجم ثابت بالمنتصف */
.store-footer__inner a img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
}

.store-footer__inner a.flex {
  justify-content: center !important;
}

/* وصف الموقع بالمنتصف */
.store-footer__inner .lg\:col-span-2:first-child p {
  text-align: center !important;
}

/* السجل التجاري بالمنتصف */
.store-footer__inner .flex.flex-wrap.gap-4 {
  justify-content: center !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-top: 25px !important;
}

.store-footer__inner .s-trust-badges-wrapper {
  margin: 0 auto !important;
}

/* مسافة بين الوصف والسجل */
.store-footer__inner .flex.flex-wrap.gap-4 {
  margin-top: 25px !important;
}

/* ===== اكورديون الفوتر ===== */
.store-footer__inner h3 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 20px;
  margin: 0;
  border-top: 1px solid #e0e0e0;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.store-footer__inner h3::before {
  content: '+';
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  left: 20px;
}


.store-footer__inner h3::after {
  display: none;
}

.store-footer__inner h3.ove-open::before {
  content: '−';
}

/* محتوى الاكورديون */
.store-footer__inner salla-menu {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.store-footer__inner h3.ove-open + salla-menu {
  max-height: 500px;
  padding: 15px 20px 20px;
}

.store-footer__inner salla-contacts .s-contacts-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.store-footer__inner salla-contacts.ove-contact-open .s-contacts-list {
  max-height: 500px;
  padding: 15px 20px 20px;
}

/* حذف الدوائر - سوشل ميديا */
.store-footer__inner .s-social-list a {
  border: none !important;
}

/* حذف الدوائر - ايقونات التواصل */
.store-footer__inner .s-contacts-list .s-contacts-item-icon,
.store-footer__inner .s-contacts-list a {
  border: none !important;
  border-radius: 0 !important;
}

/* السوشل ميديا بالوسط */
.store-footer__inner .s-social-list {
  justify-content: center !important;
}

/* اخفاء خط الحقوق المحفوظة */
footer > .border-t-2 {
  border-top: none !important;
}

/* ===== لوقو السجل التجاري بالوسط ===== */
.store-footer__inner .s-trust-badges-image {
  display: block !important;
  margin: 0 auto !important;
}

/* ===== ابقاء ايقونة اليوزر بدل الصورة ===== */
.s-user-menu-trigger .s-user-menu-trigger-content {
  display: none !important;
}

.s-user-menu-trigger .s-user-menu-trigger-avatar {
  display: none !important;
}

.s-user-menu-trigger .s-user-menu-avatar-wrap {
  width: 20px !important;
  height: 20px !important;
  background: none !important;
  border: none !important;
}

.s-user-menu-trigger .s-user-menu-avatar-wrap::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.5 20.25a8.25 8.25 0 0116.5 0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.s-user-menu-trigger .s-user-menu-trigger-icon {
  display: none !important;
}

/* ===== اخفاء رقم 0 من ايقونة السلة ===== */
salla-cart-summary .s-cart-summary-count[data-count="0"],
salla-cart-summary .s-cart-summary-count:empty {
  display: none !important;
}

/* ===== تغيير ايقونة السلة الفارغة ===== */
.no-content-placeholder .sicon-shopping-bag {
  font-size: 0 !important;
  display: block !important;
  margin: 0 auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.no-content-placeholder .sicon-shopping-bag::before {
  content: '' !important;
  display: block !important;
  width: 250px;
  height: 250px;
  background: url('https://raw.githubusercontent.com/oveperfumes/no/main/no%20.png') center/contain no-repeat;
}

/* ===== تعديل نص وزر السلة الفارغة ===== */
.no-content-placeholder p {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin: 20px 0 !important;
}

.no-content-placeholder .btn {
  border: 1.5px solid #000 !important;
  border-radius: 30px !important;
  color: #000 !important;
  background: #fff !important;
  padding: 12px 35px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.no-content-placeholder .btn:hover {
  background: #000 !important;
  color: #fff !important;
}