/**
 * Arabira Smart Offers — 3.6.4 filter, profile and rotation repair
 * One sale badge + isolated, deterministic mobile navigation.
 */

/* Keep exactly one compact discount badge. WoodMart normally places the
 * badge inside .product-labels; styling the container and badge separately
 * prevents the clipped half-circle/side label seen on mobile. */
.product-grid-item,
.wd-product,
li.product{
  position:relative!important;
}
.product-grid-item .product-labels,
.wd-product .product-labels,
li.product .product-labels{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:8!important;
  display:flex!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  overflow:visible!important;
  transform:none!important;
}
.product-grid-item .product-labels .arso-sale-badge-primary,
.wd-product .product-labels .arso-sale-badge-primary,
li.product .product-labels .arso-sale-badge-primary,
.product-grid-item > .arso-sale-badge-primary,
.wd-product > .arso-sale-badge-primary,
li.product > .arso-sale-badge-primary{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:42px!important;
  max-width:68px!important;
  height:27px!important;
  margin:0!important;
  padding:0 9px!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#f73598!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:27px!important;
  white-space:nowrap!important;
  box-shadow:0 5px 13px rgba(226,40,133,.18)!important;
  transform:none!important;
  overflow:visible!important;
}
.product-grid-item > .arso-sale-badge-primary,
.wd-product > .arso-sale-badge-primary,
li.product > .arso-sale-badge-primary{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:8!important;
}
.product-grid-item .arso-sale-badge-duplicate,
.wd-product .arso-sale-badge-duplicate,
li.product .arso-sale-badge-duplicate{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.arso-inventory-discount-note,
.arso-growth-sale-badge{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1.35!important;
}

/* The new navigation is independent of WoodMart's changing toolbar markup. */
@media(max-width:767px){
  body>.wd-toolbar,
  body>.woodmart-toolbar,
  body>.wd-bottom-toolbar,
  .wd-toolbar.arso-legacy-toolbar-hidden,
  .woodmart-toolbar.arso-legacy-toolbar-hidden,
  .wd-bottom-toolbar.arso-legacy-toolbar-hidden{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html{--arso-nav-363-h:76px}
  body{
    padding-bottom:calc(var(--arso-nav-363-h) + env(safe-area-inset-bottom))!important;
  }

  .arso-mobile-nav-363{
    position:fixed!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:9990!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    width:100%!important;
    height:calc(var(--arso-nav-363-h) + env(safe-area-inset-bottom))!important;
    min-height:var(--arso-nav-363-h)!important;
    margin:0!important;
    padding:4px 2px env(safe-area-inset-bottom)!important;
    gap:0!important;
    border:0!important;
    border-top:1px solid #eadde5!important;
    background:#fff!important;
    box-shadow:0 -8px 24px rgba(44,28,38,.10)!important;
    direction:rtl!important;
    overflow:visible!important;
  }
  html.arso-overlay-open .arso-mobile-nav-363,
  body.arso-overlay-open .arso-mobile-nav-363,
  html.arso-filter-drawer-open .arso-mobile-nav-363,
  body.arso-filter-drawer-open .arso-mobile-nav-363,
  html.arso-navigator-open .arso-mobile-nav-363{
    z-index:25!important;
    pointer-events:none!important;
  }

  .arso-mobile-nav-363__item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:38px 21px!important;
    width:100%!important;
    min-width:0!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:2px 0 3px!important;
    align-content:center!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    gap:1px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#211a20!important;
    font-family:inherit!important;
    text-decoration:none!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .arso-mobile-nav-363__item:focus,
  .arso-mobile-nav-363__item:hover,
  .arso-mobile-nav-363__item:active{
    background:transparent!important;
    color:#211a20!important;
    box-shadow:none!important;
  }
  .arso-mobile-nav-363__icon{
    position:relative!important;
    grid-row:1!important;
    display:grid!important;
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    color:#211a20!important;
    line-height:1!important;
  }
  .arso-mobile-nav-363__icon svg{
    display:block!important;
    width:29px!important;
    height:29px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  .arso-mobile-nav-363__label{
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:20px!important;
    margin:0!important;
    padding:0 1px!important;
    overflow:visible!important;
    color:#211a20!important;
    font-size:10.3px!important;
    font-weight:900!important;
    letter-spacing:-.22px!important;
    line-height:20px!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    transform:none!important;
  }
  .arso-mobile-nav-363__item--beauty .arso-mobile-nav-363__icon{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    min-height:37px!important;
    color:#f13a96!important;
  }
  .arso-mobile-nav-363__item--beauty .arso-mobile-nav-363__icon svg{
    width:36px!important;
    height:36px!important;
  }
  .arso-mobile-nav-363__item--beauty .arso-mobile-nav-363__label{
    color:#cf2c7e!important;
  }
  .arso-mobile-nav-363__count{
    position:absolute!important;
    top:-3px!important;
    right:-5px!important;
    z-index:2!important;
    display:none!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    place-items:center!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#f457a5!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:14px!important;
  }
  .arso-mobile-nav-363__count.is-visible{display:grid!important}

  .arso-sticky-purchase{
    bottom:calc(var(--arso-nav-363-h) + env(safe-area-inset-bottom) + 8px)!important;
  }
  .arso-floating-filter{
    bottom:calc(var(--arso-nav-363-h) + env(safe-area-inset-bottom) + 12px)!important;
  }
}

@media(min-width:768px){
  .arso-mobile-nav-363{display:none!important}
}

@media(max-width:370px){
  .arso-mobile-nav-363__label{
    font-size:9.55px!important;
    letter-spacing:-.35px!important;
  }
}


/* Profile needs accordion + autosave feedback. */
.arso-profile-accordion{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #eee0e8!important;
  border-radius:16px!important;
  background:#fff!important;
}
.arso-profile-accordion__toggle{
  display:flex!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:13px 16px!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#251d23!important;
  font:inherit!important;
  font-size:16px!important;
  font-weight:900!important;
  text-align:right!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.arso-profile-accordion__toggle i{
  display:grid!important;
  width:30px!important;
  height:30px!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff0f7!important;
  color:#d63387!important;
  font-style:normal!important;
  font-size:20px!important;
  transition:transform .18s ease!important;
}
.arso-profile-accordion.is-open .arso-profile-accordion__toggle i{
  transform:rotate(180deg)!important;
}
.arso-profile-accordion__content{
  padding:2px 14px 16px!important;
  border-top:1px solid #f3e7ed!important;
}
.arso-profile-accordion__content[hidden]{display:none!important}
.arso-profile-save-row{
  display:flex!important;
  margin-top:13px!important;
  align-items:center!important;
  gap:12px!important;
}
.arso-profile-save-status{
  display:inline-flex!important;
  min-height:34px!important;
  padding:7px 11px!important;
  align-items:center!important;
  border-radius:999px!important;
  background:#f7f4f6!important;
  color:#6e6269!important;
  font-size:12px!important;
  font-weight:700!important;
}
.arso-profile-save-status.is-saving{background:#fff5dc!important;color:#8a6500!important}
.arso-profile-save-status.is-saved{background:#eaf9f0!important;color:#137345!important}
.arso-profile-save-status.is-error{background:#fff0f0!important;color:#a72f3f!important}
.arso-beauty-profile-form.is-autosave-ready [data-arso-profile-manual-save]{display:none!important}

/* The phone form no longer has a separate consent checkbox. Submitting the
 * phone number is the explicit opt-in, while the explanatory privacy text
 * stays visible above the field. */
.arso-party-notify form>label{display:none!important}

@media(max-width:767px){
  .arso-profile-save-row{align-items:stretch!important}
  .arso-profile-save-status{width:100%!important;justify-content:center!important;text-align:center!important}
  .arso-choice-chips label{min-height:44px!important}
}