/* BEGIN SOURCE /assets/sarmad-v211-order-document-controls.css?v=211 sha256=a643d1cc07c53ad4eac1c8893407980ded9dc4b324214f4c961d8148fa56fcc1 */

/* SARMAD V211 - exact-order stage-4 document gate.
   Fail closed until the visible bill's own server order is verified as PREPARING+.
   Uses a V211-only marker so stale V209/V210 CSS cannot accidentally expose controls. */
.bill-actions {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bill-actions[data-v211-document-ready="true"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* END SOURCE /assets/sarmad-v211-order-document-controls.css?v=211 */

/* BEGIN V242 CANONICAL FINAL OWNERSHIP
   One final source of truth for print fallback, checkout consent, products footer,
   and mobile header geometry. This replaces conflicting runtime-layer geometry. */

@media print {
  @page { size: A4 landscape; margin: 8mm; }
  html, body { width: auto !important; min-width: 0 !important; overflow: visible !important; }
  .bill-document {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }
  .bill-document *, .bill-document *::before, .bill-document *::after {
    box-sizing: border-box !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .bill-actions { display: none !important; }
}

/* Checkout consent belongs inside the V160 confirmation card after proof upload. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
> .sarmad-v160-confirm-panel {
  min-height: 525px !important;
  height: 525px !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
> .sarmad-v160-confirm-panel
> .sarmad-v192-policy-consent[data-v192-policy="checkout"] {
  position: absolute !important;
  top: 389px !important;
  right: 29px !important;
  left: 29px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  align-items: flex-start !important;
  gap: 8px !important;
  z-index: 3;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
> .sarmad-v160-confirm-panel
> .sarmad-v192-policy-consent[data-v192-policy="checkout"] .sarmad-v192-policy-copy {
  min-width: 0;
  font-size: 12px !important;
  line-height: 17px !important;
  white-space: normal !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
> .sarmad-v160-confirm-panel > .complete-order {
  top: 465px !important;
}

/* SARMAD V246-R7 — products page footer follows the live content height.
   The storefront already updates --products-content-height while infinite loading
   and while switching mobile product view modes. Do not pin the footer to 1384px. */
@media (max-width: 767px) {
  .products-code-artboard.products-artboard-mobile > .products-content,
  .products-artboard.products-artboard-mobile > .products-content,
  .products-code-artboard.products-artboard-mobile > .products-content > .products-grid,
  .products-artboard.products-artboard-mobile > .products-content > .products-grid {
    height: var(--products-content-height, 1384px) !important;
  }
  .products-code-artboard.products-artboard-mobile > .products-footer,
  .products-artboard.products-artboard-mobile > .products-footer {
    top: var(--products-content-height, 1384px) !important;
    left: 0 !important;
  }
  :root[data-theme="light"] .products-code-artboard.products-artboard-mobile > .products-footer,
  :root[data-theme="light"] .products-artboard.products-artboard-mobile > .products-footer {
    top: var(--products-content-height, 1384px) !important;
  }

  /* Small, unobtrusive initial products loader directly below the filters. */
  .products-content > .products-grid > .products-status.products-loading {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    top: 315px !important;
    left: 50% !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
  }
  .products-content > .products-grid > .products-status.products-loading > span {
    display: none !important;
  }
  .products-content > .products-grid > .products-status.products-loading > p {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .products-content > .products-grid > .products-status.products-loading::before {
    content: "" !important;
    box-sizing: border-box !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid currentColor !important;
    border-inline-start-color: transparent !important;
    border-radius: 50% !important;
    animation: productsSpin .75s linear infinite !important;
  }

  /* Compact incremental loader: enough feedback without covering products/footer. */
  .products-content > .products-grid > .products-load-more {
    box-sizing: border-box !important;
    min-width: 154px !important;
    width: auto !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    gap: 7px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  .products-content > .products-grid > .products-load-more .products-load-spinner {
    box-sizing: border-box !important;
    width: 14px !important;
    height: 14px !important;
    border-width: 2px !important;
    flex: 0 0 14px !important;
  }
  .products-content > .products-grid > .products-load-retry {
    box-sizing: border-box !important;
    min-width: 190px !important;
    min-height: 38px !important;
    height: auto !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
  > .sarmad-v160-confirm-panel {
    min-height: 525px !important;
    height: 525px !important;
  }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
  > .sarmad-v160-confirm-panel
  > .sarmad-v192-policy-consent[data-v192-policy="checkout"] {
    top: 389px !important;
    right: 15px !important;
    left: 15px !important;
  }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live
  > .sarmad-v160-confirm-panel > .complete-order {
    top: 465px !important;
    right: 15px !important;
    left: 15px !important;
  }

  /* V242 is the single final owner of mobile header control geometry. */
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-mobile-menu-button {
    top: 32px !important; left: 17px !important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-v229-customer-bell {
    top: 30px !important; left: 48px !important; width: 26px !important; height: 26px !important;
    min-width: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 0 !important;
    display: grid !important; place-items: center !important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-v229-customer-bell svg {
    width: 26px !important; height: 26px !important; stroke-width: 1.8 !important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-mobile-cart-button {
    top: 30px !important; left: 80px !important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-mobile-currency {
    top: 21px !important; left: 118px !important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell > .sarmad-header-logo-mobile {
    top: 21px !important; left: 279px !important; width: 122px !important; height: 43px !important;
  }
}
/* END V242 CANONICAL FINAL OWNERSHIP */

/* SARMAD V246-R1 — final owner for the approved mobile drawer geometry + footer direction. */
@media (max-width:767px){
  /* Restore the approved LTR head geometry: Sarmad logo on the left, close button on the right. */
  .mobile-menu-drawer .mobile-drawer-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:70px!important;
    padding:0!important;
    direction:ltr!important;
  }
  .mobile-menu-drawer .mobile-drawer-head .mobile-drawer-logo-link{
    position:relative!important;
    inset:auto!important;
    width:220px!important;
    max-width:calc(100% - 82px)!important;
    min-width:0!important;
    height:70px!important;
    min-height:70px!important;
    margin:0!important;
    padding:0!important;
    flex:0 1 220px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    transform:none!important;
  }
  .mobile-menu-drawer .mobile-drawer-head .mobile-drawer-logo-dark,
  .mobile-menu-drawer .mobile-drawer-head .mobile-drawer-logo-light{
    width:158px!important;
    max-width:158px!important;
    height:auto!important;
    max-height:64px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    clip-path:none!important;
  }
  .mobile-menu-drawer .mobile-drawer-close{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    flex:0 0 42px!important;
  }

  /* Keep the approved drawer rows and theme control shown in the reference screenshots. */
  .mobile-menu-drawer .mobile-drawer-actions{
    width:100%!important;
    margin:16px 0 0!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;
    column-gap:16px!important;
    row-gap:12px!important;
    direction:rtl!important;
  }
  .mobile-menu-drawer .mobile-drawer-actions::before{
    content:"تغيير المظهر"!important;
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    min-width:0!important;
    color:var(--sarmad-text-on-dark)!important;
    font-family:var(--sarmad-font,var(--arabic-font,Tahoma,Arial,sans-serif))!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.45!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  :root[data-theme="light"] .mobile-menu-drawer .mobile-drawer-actions::before{color:var(--sarmad-primary)!important}
  .mobile-menu-drawer .mobile-drawer-auth-row,
  .mobile-menu-drawer .mobile-drawer-auth-row.is-authenticated{display:contents!important}
  .mobile-menu-drawer .mobile-drawer-action-theme{
    grid-column:2!important;
    grid-row:1!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--sarmad-text-on-dark)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    flex:0 0 46px!important;
    overflow:visible!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  :root[data-theme="light"] .mobile-menu-drawer .mobile-drawer-action-theme{
    color:var(--sarmad-primary)!important;
    background:transparent!important;
    border:0!important;
  }
  .mobile-menu-drawer .mobile-drawer-action-theme:hover,
  .mobile-menu-drawer .mobile-drawer-action-theme:focus,
  .mobile-menu-drawer .mobile-drawer-action-theme:focus-visible,
  .mobile-menu-drawer .mobile-drawer-action-theme:active{
    box-shadow:none!important;
    outline:none!important;
  }
  .mobile-menu-drawer .mobile-drawer-action-theme .v35-theme-label{display:none!important}
  .mobile-menu-drawer .mobile-drawer-action-theme > span.sarmad-theme-toggle-icon:not(.v35-theme-label){
    position:relative!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    padding:0!important;
    display:inline-block!important;
    overflow:visible!important;
  }
  .mobile-menu-drawer .mobile-drawer-action-theme .sarmad-theme-svg{
    position:absolute!important;
    inset:0!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  :root[data-theme="dark"] .mobile-menu-drawer .mobile-drawer-action-theme .sarmad-theme-svg-sun{display:block!important}
  :root[data-theme="dark"] .mobile-menu-drawer .mobile-drawer-action-theme .sarmad-theme-svg-moon{display:none!important}
  :root[data-theme="light"] .mobile-menu-drawer .mobile-drawer-action-theme .sarmad-theme-svg-sun{display:none!important}
  :root[data-theme="light"] .mobile-menu-drawer .mobile-drawer-action-theme .sarmad-theme-svg-moon{display:block!important}

  .sarmad-footer-mobile{direction:rtl!important;text-align:right!important}
  .sarmad-footer-mobile .sarmad-footer-description,
  .sarmad-footer-mobile .sarmad-footer-quick,
  .sarmad-footer-mobile .sarmad-footer-contact{direction:rtl!important;text-align:right!important}
  .sarmad-footer-mobile .sarmad-footer-logo{object-fit:contain!important;object-position:right center!important}
  .sarmad-footer-mobile [dir="ltr"],.sarmad-footer-mobile a[href^="tel:"]{direction:ltr!important;unicode-bidi:isolate!important}
}
/* SARMAD V246-R3: theme toggle icon-only; no visible square/background/border. */
/* END SARMAD V246-R1 */

/* SARMAD V246-R9 — homepage mobile footer brand block follows the final
   right-anchored mobile geometry used by the shared product/cart footers.
   Position only: homepage colors, sizing, socials, quick links, contact block
   and overall visual design remain unchanged. */
@media (max-width: 767px) {
  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-logo {
    left: auto !important;
    right: 24px !important;
    top: 58px !important;
  }
  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-description,
  :root[data-theme="light"] .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-description {
    left: auto !important;
    right: 16px !important;
    top: 176px !important;
  }
}
/* END SARMAD V246-R9 */
/* SARMAD R10N4 — V231 accepted-policy hidden-state visual contract.
   V231 already sets hidden + aria-hidden=true when the authenticated customer
   has accepted the current policy version. Author CSS must not override that. */
.sarmad-v192-policy-consent[data-v192-policy="checkout"][hidden],
.sarmad-v192-policy-consent[data-v192-policy="checkout"][aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* R10O18: Desktop only. Keep the established header artboard coordinates.
   The injected notification bell was in normal flow while other controls were absolute. */
@media (min-width: 768px) {
  .sarmad-header-desktop .sarmad-header-actions.sarmad-r10o18-desktop-bell-layout > .sarmad-v229-customer-bell {
    position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important;
    width: 32px !important; height: 36px !important; z-index: 10;
    color: inherit; display: grid !important; place-items: center !important;
  }
  .sarmad-header-desktop .sarmad-header-actions.sarmad-r10o18-desktop-bell-layout > .sarmad-header-auth-group {
    left: 38px !important; right: auto !important; width: 132px !important; max-width: 132px !important;
  }
  .sarmad-header-desktop .sarmad-header-actions.sarmad-r10o18-desktop-bell-layout .sarmad-header-customer {
    width: 100% !important; max-width: 132px !important; overflow: hidden;
  }
  .sarmad-header-desktop .sarmad-header-actions.sarmad-r10o18-desktop-bell-layout .sarmad-header-customer-name {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; unicode-bidi: plaintext;
  }
}