/* ========================
   SAFÁIR — Full Clean Rebuild
   (Same visuals, easier maintenance)
   ======================== */

/* ------------------------
   0) FONT
   ------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&display=swap');
body { font-family: "Noto Naskh Arabic", serif !important; }

/* ------------------------
   1) HEADER
   ------------------------ */
.salla-advertisement + .store-header { top: 45px; }
.main-nav-container { min-height: unset; }
.menu-label { display: none; }
.salla-advertisement { background-color: #222 !important; }

.mburger--collapse {
  background-image: url(https://www.tiffany.sa/static/version1756295026/frontend/Tiffany/default/en_US/images/header/Hamburger-Menu.svg);
  width: 1.1rem; height: 1.1rem;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}

#s-cart-icon {
  background-image: url(https://www.tiffany.sa/static/version1756295026/frontend/Tiffany/default/en_US/images/header/ShoppingBag.svg);
  background-size: contain; background-repeat: no-repeat; background-position: center;
  width: 1.2rem; height: 1.5rem;
}

#s-cart-icon i,
.mburger--collapse i,
.header-btn:has(.sicon-user) i { display: none; }

.s-cart-summary-count { background: none !important; font-weight: 300; top: -.5rem; right: -.7rem; color: #000; }
.s-cart-summary-wrapper { display: flex; }
.announcement-close { display: none; }
salla-cart-summary { margin: 0 !important; }

.header-btn__icon.sicon-search::before { content: '' !important; }
.header-btn__icon.sicon-search {
  background-image: url(https://nussuq-dev.com/sapphire/search.svg);
  background-size: contain; background-repeat: no-repeat; background-position: center;
  width: 1.4rem !important; margin: 0;
}

.header-btn:has(.sicon-user) {
  background-image: url(https://www.tiffany.sa/static/version1756295026/frontend/Tiffany/default/en_US/images/header/MyAccount.svg);
  background-size: contain; background-repeat: no-repeat; background-position: center;
  width: 1.1rem; height: 1.1rem;
}

/* (A) الهيدر المعكوس — توافق خلفي + هوك اختياري */
/* سلوكك الحالي (توافق خلفي): */
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) #s-cart-icon,
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) .mburger--collapse,
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) .header-btn:has(.sicon-user),
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) img[src="https://i.ibb.co/9myMqxSL/heart-1.png"],
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) .header-btn__icon.sicon-search,
body.trans_header.slider_has_overlay .store-header :not(custom-salla-product-card *) .wishlist-header-icon .header-btn__icon {
  filter: invert(1);
}
body.trans_header.slider_has_overlay .store-header .s-cart-summary-count { color: #fff !important; }

/* هوك اختياري أنظف: أضف .header--invert إلى .store-header عند الحاجة */
.store-header.header--invert #s-cart-icon,
.store-header.header--invert .mburger--collapse,
.store-header.header--invert .header-btn:has(.sicon-user),
.store-header.header--invert .header-btn__icon.sicon-search,
.store-header.header--invert .wishlist-header-icon .header-btn__icon,
.store-header.header--invert img[src="https://i.ibb.co/9myMqxSL/heart-1.png"] { filter: invert(1); }
.store-header.header--invert .s-cart-summary-count { color: #fff; }

@media (max-width: 1023px) {
  .centered_logo .header-btn__icon { width: 1.4rem; }
}

@media (min-width: 992px) {
  .header-btn__icon.sicon-search,
  .header-btn__icon.sicon-user,
  .wishlist-header-icon .header-btn__icon { margin: 0 15px !important; }
  .wishlist-header-icon .header-btn__icon { width: 1.5rem; height: 1.5rem; }
  .wishlist-header-icon { margin: 0; }
}

/* ------------------------
   2) HOME SLIDER
   ------------------------ */
.advanced-slider__slide { width: 100%; }
.advanced-slider__caption .container {
  height: 90%; display: flex; align-items: center; flex-direction: column; justify-content: flex-end;
}
.advanced-slider__caption__inner__content { display: flex; flex-direction: column; max-width: unset; }
.advanced-slider__caption__inner__content h2 { font-weight: 400; font-size: 1.7rem; line-height: 2; }
.advanced-slider__caption__inner__content a { max-width: 100%; margin: auto; }

.slider-type-1 .advanced-slider__caption__inner__content h2 { order: 2; }
.slider-type-1 .advanced-slider__caption__inner__content p  { order: 1; }
.slider-type-1 .advanced-slider__caption__inner__content a  { order: 3; }

@media (max-width: 991px) {
  .advanced-slider__caption__inner__content,
  .advanced-slider__caption__inner__content a { max-width: 100%; }
}

/* ------------------------
   3) CATEGORIES
   ------------------------ */
.main-categories { margin-top: 0; }
.main-categories .mx-auto.max-w-7xl { padding-left: 1rem; padding-right: 1rem; }
.main-categories ul { gap: 1rem !important; }
.main-categories h3 { margin-top: .5rem; font-weight: 500; }

/* ------------------------
   4) OTHER SLIDERS
   ------------------------ */
.advanced-slider:not(.slider-type-1) .swiper-slide:before { display: none; }
.advanced-slider:not(.slider-type-1) .advanced-slider__caption .container { height: 80%; }
.swiper-pagination-bullet { height: 3px; width: 15px; border-radius: 0; }
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; }

/* ------------------------
   5) FEATURES
   ------------------------ */
.s-block--enhanced-features__item:first-child,
.s-block--enhanced-features [data-length="4"] .s-block--enhanced-features__item:last-child { grid-column: unset; }
.s-block--enhanced-features__item { padding: 0; box-shadow: none; border: none; }
.s-block--enhanced-features__item img { max-width: 40px !important; }
.s-block--enhanced-features__item h2 { font-size: .85rem !important; }
.s-block--enhanced-features__item p { font-size: .8rem; }
.s-block--enhanced-features .grid { gap: .6rem; }
.s-block--enhanced-features__item:hover,
.s-block--enhanced-features__item:focus { box-shadow: none !important; }
.s-block--enhanced-features__item > .absolute { display: none; }

/* ------------------------
   6) DOUBLE BANNERS
   ------------------------ */
.s-block--fixed-banner .container { padding: 0; }
.s-block--fixed-banner .flex { gap: .2rem; }

/* ------------------------
   7) FOOTER
   ------------------------ */
.store-footer__inner { padding-top: 0; }
.store-footer__newsletter h2 { font-size: 1rem; font-weight: 400; }
.footer-is-custom .store-footer .store-footer__newsletter input {
  background-color: transparent; border-color: transparent; border-bottom: 1px solid #ddd;
  box-shadow: none; border-radius: 0; padding: 8px 10px;
}
.footer-is-custom .store-footer .store-footer__newsletter button {
  background: #222; border-radius: 0; color: #fff; font-size: .9rem; padding: 8px 16px;
}
.footer-list a { font-size: .875rem !important; }
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__newsletter { border: none !important; }

@media (min-width: 992px) {
  .store-footer__newsletter .container { flex-direction: column !important; gap: 1rem !important; }
}
@media (min-width: 1024px) {
  .store-footer h3 { margin-bottom: 0.25rem; }
}

/* ------------------------
   8) SIDEBAR / MOBILE MENU
   ------------------------ */
.main-menu li > a span { font-weight: 400; }
.mm-spn li { padding: 8px 0; }
.mm-spn.mm-spn--navbar.mm-spn--main { font-size: 0; }
.mm-spn.mm-spn--navbar ul:before { display: none; }
.btn--close { font-size: 1.2rem; color: #666; }
.mm-spn li:after { opacity: .7; color: #f1f1f1; }

.main-menu #mobile-lang-switcher { bottom: unset !important; }
.main-menu #mobile-lang-switcher:before,
.main-menu #mobile-lang-switcher:after { display: none; }
.main-menu #mobile-lang-switcher a {
  padding: 0.5rem 1.8rem; margin: 1rem .5rem auto;
  border: 1px solid #ddd; border-radius: 3px;
}
.mm-ocd { z-index: 9; }

/* ------------------------
   9) CATEGORY / PRODUCT GRID
   ------------------------ */
.products-index { display: flex; flex-direction: column; margin-bottom: 0; }
.products-index .breadcrumbs { order: 1; }
.products-index .flex-col:has(.s-block--fixed-banner) { order: 3; padding: 0; }
.products-index .flex-col:has(.s-block--fixed-banner) img { border-radius: 0; }
.products-index > .container { order: 2; }

.product-index .product-card__subtitle { display: none; }
.product-card__title a, .product-card__price .total-price { font-weight: 400; }
.product-card__title, .product-card__price { display: flex; justify-content: flex-start; }
.products-index .breadcrumbs { padding-bottom: 0; }
.products-index .main-content h1 { display: none; }

#product-filter { border-radius: 0; text-align: center; max-width: 94%; }
#product-filter, #product-filter:hover, #product-filter:focus { border-color: #eee !important; }

/* زر إضافة للسلة — نص مخفي بصريًا لكن مساحة لمس أكبر (بدون تغيير الشكل) */
button.s-button-element[aria-label="Add to cart button"] .s-button-text { font-size: 0; }

/* hit-area أكبر مع نفس الأيقونة */
.product-card__addToCart { width: fit-content; left: 0; right: auto; z-index: 9; position: relative; }
button.s-button-element[aria-label="Add to cart button"] {
  width: 16px; height: 16px;
  background-image: url(https://i.ibb.co/chSskYCV/plus.png);
  background-size: contain; background-repeat: no-repeat; background-position: center;
  max-width: 20px; left: 0; margin: 16px 15px; padding: 0;
}
button.s-button-element[aria-label="Add to cart button"] i { display: none; }
button.s-button-element[aria-label="Add to cart button"]::after {
  content: ""; position: absolute; inset: -14px; /* يوسّع منطقة اللمس إلى ~44px */
}

.product-card__actions { left: 5px !important; right: auto; z-index: 9; }
.product-card__actions .quickview-btn { display: none; }
.product-card__actions div button { background: none; }

.product-card__promotion {
  right: 10px !important; left: auto !important; top: 10px !important;
  background-color: #fff !important; color: #000 !important; font-weight: 500;
}
.product-card__content { padding-top: 10px !important; }
.product-card__addToCart__btn salla-button:after { display: none; }

.product-image-swiper-container .swiper-pagination-bullet,
.product-image-swiper-container .swiper-pagination-bullet-active { background: #bbb !important; height: 2px; }

@media (max-width: 991px) {
  .product-card--fit-height .product-card__image { height: auto !important; }
}

@media (min-width: 991px) {
  .product-card__addToCart:not(.mobile) { opacity: 1; transform: unset; visibility: visible; }
  .product-card__buttons {
    bottom: auto; right: auto; width: fit-content; top: 5px; left: 0; z-index: 99;
  }
  .product-card__buttons > div { opacity: 1; transform: unset; visibility: visible; }
  .product-card__buttons > div button {
    background-color: transparent; box-shadow: none; width: 25px !important;
  }
  .product-card__buttons .quickview-btn { display: none !important; }
  .product-card__buttons > div button:hover { background: none !important; transform: unset !important; transtion: unset !important; }
}

/* ------------------------
   10) PRODUCT PAGE
   ------------------------ */
@media (max-width: 768px) {
  .product-single .breadcrumbs { display: none; }
}

.product-single__info { margin-top: 0; }
.product-single__info > .flex.items-center.justify-between.mb-5 {
  width: fit-content; position: absolute; left: 4px;
}
html[lang="en"] .product-single__info > .flex.items-center.justify-between.mb-5 { left: auto; right: 4px; }
.product-single__info > .flex.items-center.justify-between.mb-5 .btn--wishlist { margin: 0; }
.product-single__info > .flex.items-center.justify-between.mb-5 .s-button-icon { width: 2rem; }

.product-single h1 { font-size: 1.1rem !important; width: fit-content; }
.product-single .product-entry__sub-title { font-size: .8rem !important; color: #333 !important; font-weight: 400 !important; }

.product-single .product-price-top h2 { font-size: 1rem !important; font-weight: 500 !important; }
.product-single .product-price-bottom,
.product-single .inventory-content,
.product-single .sticky-product-bar__quantity { display: none; }
.product-single .sticky-product-bar { padding: 0; }

.product-single .product-tabs-container .mb-6.p-4.bg-gray-50.rounded-lg {
  padding: 6px !important; background: none; margin: 0;
}

.product-single .fit-slider-products .s-slider-block__title { justify-content: center; border: none; }
.product-single .fit-slider-products .s-slider-block__title .s-slider-block__title-right { text-align: center; padding: 0; border: none; }
.product-single .fit-slider-products .s-slider-block__title .s-slider-block__title-right h2 { padding: 0; border: none; }
.product-single .fit-slider-products .product-card__subtitle,
.product-single .fit-slider-products .s-slider-block__title-nav { display: none; }

.product-single salla-product-options { padding: 0; }
.product-single .s-product-options-option .s-product-options-option-label small { display: none; }
.product-single .s-product-options-option .s-product-options-grid-mode-span { border-radius: 0; }

.product-card.has-image-slider .main-image { height: auto !important; }

.sapphire-banner-image .container { padding: 0; margin: 0; max-width: 100% !important; }
.sapphire-banner-image .container img { border-radius: 0; }

.accordion-toggle[aria-expanded="true"] .flex-shrink-0 svg { transform: unset !important; }

/* (B) مقطع الباركود — توافق خلفي + هوك اختياري */
/* سلوكك الحالي (توافق خلفي): */
.product-single section.bg-storeBG:has(i.sicon-barcode) { padding: 0; font-size: 11px; margin: 0; }
.product-single section.bg-storeBG:has(i.sicon-barcode) > .center-between { justify-content: flex-start !important; gap: 8px; }
.product-single section.bg-storeBG:has(i.sicon-barcode) i { display: none; }
.product-single section.bg-storeBG:has(i.sicon-barcode) b,
.product-single section.bg-storeBG:has(i.sicon-barcode) span { font-weight: 400 !important; font-size: 11px !important; }

/* هوك اختياري أنظف: أضف .product-meta--barcode لنفس القسم */
.product-single section.product-meta--barcode { padding: 0; font-size: 11px; margin: 0; }
.product-single section.product-meta--barcode > .center-between { justify-content: flex-start !important; gap: 8px; }
.product-single section.product-meta--barcode i { display: none; }
.product-single section.product-meta--barcode b,
.product-single section.product-meta--barcode span { font-weight: 400 !important; font-size: 11px !important; }

@media (min-width: 992px) {
  .product-single .fit-slider-products { padding: 0; margin-top: 4rem; }
  .product-single .fit-slider-products .s-slider-block__title .s-slider-block__title-right h2 { font-size: 1.7rem; }
  .product-single__info > .flex.items-center.justify-between.mb-5 { left: 2rem; }
  html[lang="en"] .product-single__info > .flex.items-center.justify-between.mb-5 { left: auto; right: 2rem; }
}

@media (min-width: 640px) {
  .product-single .s-product-options-option { display: flex !important; flex-direction: column !important; }
}