/*
 * Pakizan Storefront site overwrite
 * Scope: Storefront only. Dashboard assets are intentionally untouched.
 * This file is update-safe because it is stored under the active skin.
 */

:root {
  --pakizan-accent: #289eff;
  --pakizan-navy: #151963;
  --pakizan-menu: #1d0342;
  --pakizan-surface: #f7f7f7;
  --pakizan-text: #333333;
}

body[data-pakizan-storefront="true"] .farashop {
  unicode-bidi: isolate;
}

/* Arabic translations for legacy CSS-generated labels. */
body[data-pakizan-culture="ar-sa"] .farashop__product-page .product-page__status span:before,
body[data-pakizan-culture="ar"] .farashop__product-page .product-page__status span:before,
body[data-pakizan-culture="ar-sa"] .product-box__item.available .product-box__status:before,
body[data-pakizan-culture="ar"] .product-box__item.available .product-box__status:before {
  content: "الحالة:";
}

body[data-pakizan-culture="ar-sa"] .product-box__item.compare .product-box__compare-label label:before,
body[data-pakizan-culture="ar"] .product-box__item.compare .product-box__compare-label label:before {
  content: "مقارنة";
}

body[data-pakizan-culture="ar-sa"] .product-box__item.special-order .product-box__status:before,
body[data-pakizan-culture="ar"] .product-box__item.special-order .product-box__status:before {
  content: "الاستعلام عن التوفر";
}

body[data-pakizan-culture="ar-sa"] .farashop__product-page .product-page__favorite > div:before,
body[data-pakizan-culture="ar"] .farashop__product-page .product-page__favorite > div:before {
  content: "إضافة إلى المفضلة";
}

body[data-pakizan-culture="ar-sa"] .farashop__product-page .product-page__product-rate:before,
body[data-pakizan-culture="ar"] .farashop__product-page .product-page__product-rate:before {
  content: "تقييم المستخدمين:";
}

body[data-pakizan-culture="ar-sa"] .farashop__product-page .product-page__product-rate > div:first-of-type + div > span:first-child:after,
body[data-pakizan-culture="ar"] .farashop__product-page .product-page__product-rate > div:first-of-type + div > span:first-child:after {
  content: "من";
}

body[data-pakizan-culture="ar-sa"] .farashop__product-page .product-page__share li i:before,
body[data-pakizan-culture="ar"] .farashop__product-page .product-page__share li i:before {
  content: "مشاركة:";
}

body[data-pakizan-culture="ar-sa"] .basket-preview .basket-preview__header > div:last-child i:before,
body[data-pakizan-culture="ar"] .basket-preview .basket-preview__header > div:last-child i:before {
  content: "رجوع";
}

body[data-pakizan-culture="ar-sa"] .advanced-filtering .results__order-by ul:before,
body[data-pakizan-culture="ar"] .advanced-filtering .results__order-by ul:before {
  content: "ترتيب حسب:";
}

body[data-pakizan-culture="ar-sa"] .advanced-filtering .advanced-filtering__attributes.attributes__vertical .box__title:before,
body[data-pakizan-culture="ar"] .advanced-filtering .advanced-filtering__attributes.attributes__vertical .box__title:before {
  content: "حسب";
}

body[data-pakizan-culture="ar-sa"] .widget__show-more > .toggle:before,
body[data-pakizan-culture="ar"] .widget__show-more > .toggle:before {
  content: "عرض المزيد";
}

body[data-pakizan-culture="ar-sa"] .widget__show-more > .toggle.active:before,
body[data-pakizan-culture="ar"] .widget__show-more > .toggle.active:before {
  content: "عرض أقل";
}

body[data-pakizan-culture="ar-sa"] .header__search-box.search-box__open.search-box__empty #handlebars-result__header-search:before,
body[data-pakizan-culture="ar"] .header__search-box.search-box__open.search-box__empty #handlebars-result__header-search:before {
  content: "لم يتم العثور على منتجات.";
}

body[data-pakizan-culture="ar-sa"] .product-page__user-comments .comment__message.comment__message__success:before,
body[data-pakizan-culture="ar"] .product-page__user-comments .comment__message.comment__message__success:before {
  content: "تم تسجيل تعليقك بنجاح وسيظهر بعد موافقة الإدارة.";
}
/* ==========================================================================
   Pakizan Storefront Comprehensive R4 - common storefront refinements
   Dashboard remains intentionally unaffected.
   ========================================================================== */

/* Runtime-only helper classes. */
body[data-pakizan-storefront="true"] .pakizan-empty-module,
body[data-pakizan-storefront="true"] .pakizan-empty-home-section,
body[data-pakizan-storefront="true"] .pakizan-no-products,
body[data-pakizan-storefront="true"] img.pakizan-broken-image {
  display: none !important;
}

/* Nested menu placement. The runtime adds deterministic level classes to every
   direct child <ul>, avoiding ambiguous legacy selectors. */
@media (min-width: 992px) {
  body.rtl nav.nav__container,
  body.rtl nav.nav__container .main-menu,
  body.rtl nav.nav__container .main-menu li {
    overflow: visible !important;
  }

  body.rtl nav.nav__container .main-menu > li > ul,
  body.rtl nav.nav__container .main-menu > li > ul.pakizan-menu-level-1 {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform-origin: top right !important;
  }

  body.rtl nav.nav__container .main-menu ul li > ul,
  body.rtl nav.nav__container .main-menu ul li > ul.pakizan-menu-level {
    top: 0 !important;
    right: 100% !important;
    left: auto !important;
    margin: 0 !important;
    transform-origin: right center !important;
  }

  body.rtl nav.nav__container .main-menu ul li.has-child > a > i,
  body.rtl nav.nav__container .main-menu ul li.pakizan-menu-has-children > a > i {
    float: left !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
    transform: rotate(90deg) !important;
  }
}

/* Product-card offer badge foundation. The localized label is supplied by the
   language-specific overwrite; product-detail circular badges are untouched. */
body[data-pakizan-storefront="true"] .product-box__item {
  position: relative !important;
}

body[data-pakizan-storefront="true"] .product-box__item .product-box__tag {
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  left: 0 !important;
  z-index: 8 !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: -9999px !important;
  transform: none !important;
  pointer-events: none !important;
}

body[data-pakizan-storefront="true"] .product-box__item .product-box__tag::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: #f6af2e !important;
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
}

body[data-pakizan-storefront="true"] .product-box__item .product-box__tag::after {
  position: absolute !important;
  top: 19px !important;
  left: -13px !important;
  z-index: 1 !important;
  display: block !important;
  width: 100px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  transform: rotate(-45deg) !important;
}

body[data-pakizan-culture^="ar"] .product-box__item .product-box__tag::after {
  content: "عرض خاص" !important;
}

/* Real read-more control. Runtime marks either the generated toggle or a
   content link whose text exactly matches the current language. */
body[data-pakizan-storefront="true"] .pakizan-read-more-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 120px !important;
  min-height: 40px !important;
  margin: 12px 0 0 !important;
  padding: 8px 18px !important;
  border: 1px solid var(--pakizan-accent) !important;
  border-radius: 4px !important;
  color: var(--pakizan-accent) !important;
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body[data-pakizan-storefront="true"] .pakizan-read-more-button:hover,
body[data-pakizan-storefront="true"] .pakizan-read-more-button:focus {
  color: #fff !important;
  background: var(--pakizan-accent) !important;
  text-decoration: none !important;
}

body[data-pakizan-storefront="true"] .pakizan-read-more-button::before {
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  line-height: inherit !important;
}

body[data-pakizan-storefront="true"] .pakizan-read-more-button::after {
  display: none !important;
}

/* Contact-information rows: stable icon/label/value columns, no overlap. */
body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 ul {
  margin: 0 !important;
  padding: 0 !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 ul li {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  gap: 8px 14px !important;
  align-items: start !important;
  min-width: 0 !important;
  margin: 0 0 12px !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 ul li > div {
  display: grid !important;
  grid-template-columns: 25px max-content !important;
  gap: 8px !important;
  align-items: start !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 .information__image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  min-width: 25px !important;
  margin: 0 !important;
  text-align: center !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 .information__label {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 .information__text {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  unicode-bidi: plaintext !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 li.pakizan-social-row .information__text {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  direction: ltr !important;
  white-space: nowrap !important;
}

body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 li.pakizan-social-row .information__text a,
body[data-pakizan-storefront="true"] .footer__container .ContactInformations2 li.pakizan-social-row .information__text i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}