/* 3Dreams Mobile Bottom Bar v1.2.0 — isolated WooCommerce navigation */
#td3-mobile-bar-root{display:none}
@media (max-width:980px){
  html{scroll-padding-bottom:88px}
  body.td3mb-ready:not(.wp-admin){padding-bottom:var(--td3mb-reserve,calc(70px + env(safe-area-inset-bottom,0px)))!important}
  #td3-mobile-bar-root,#td3-mobile-bar-root *{box-sizing:border-box!important}
  #td3-mobile-bar-root{
    --td3mb-orange:#e7882f;--td3mb-ink:#273344;--td3mb-muted:#737984;--td3mb-line:#eae4de;
    --td3mb-nav-height:70px;display:block!important;position:static!important;
    isolation:auto!important;color:var(--td3mb-ink);
    font:500 13px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    text-transform:none!important;letter-spacing:normal!important;
  }
  #td3-mobile-bar-root a,#td3-mobile-bar-root button,#td3-mobile-bar-root span{
    text-transform:none!important;letter-spacing:normal!important;
  }
  /* Portaled to body by JS, so fixed controls are not trapped in Astra transform/stacking contexts. */
  #td3-mobile-bar-root .td3mb-bar{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;width:100%!important;max-width:100vw!important;
    height:auto;min-height:70px;position:fixed!important;
    bottom:0!important;left:0!important;right:0!important;top:auto!important;
    z-index:2147483000!important;transform:none!important;
    padding:5px max(8px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
    background:#fff!important;border:0!important;border-top:1px solid var(--td3mb-line)!important;
    border-radius:0!important;box-shadow:0 -5px 24px rgba(26,29,36,.07)!important;
    -webkit-font-smoothing:antialiased;pointer-events:auto!important;
  }
  #td3-mobile-bar-root .td3mb-item{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    position:relative!important;gap:4px!important;float:none!important;
    min-width:0!important;width:100%!important;min-height:54px!important;max-height:none!important;
    margin:0!important;padding:6px 2px!important;
    background:transparent!important;color:var(--td3mb-ink)!important;
    border:0!important;border-radius:9px!important;box-shadow:none!important;
    appearance:none;-webkit-appearance:none;
    font:600 10.5px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
    text-decoration:none!important;text-align:center!important;white-space:normal!important;
    opacity:1!important;visibility:visible!important;cursor:pointer!important;pointer-events:auto!important;
    touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  }
  #td3-mobile-bar-root .td3mb-item::before,#td3-mobile-bar-root .td3mb-item::after{
    content:none!important;display:none!important;
  }
  #td3-mobile-bar-root .td3mb-item:active{background:#fcf8f3!important}
  #td3-mobile-bar-root .td3mb-item:hover,
  #td3-mobile-bar-root .td3mb-item.is-current,
  #td3-mobile-bar-root .td3mb-item[aria-expanded="true"]{color:#b86120!important}
  #td3-mobile-bar-root .td3mb-item.is-current::after{content:""!important;display:block!important;position:absolute;top:-6px;left:36%;right:36%;height:2px;border-radius:3px;background:var(--td3mb-orange)}
  #td3-mobile-bar-root .td3mb-icon{display:grid!important;place-items:center!important;flex:0 0 23px!important;width:27px;height:23px;position:relative;pointer-events:none}
  #td3-mobile-bar-root .td3mb-icon svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important}
  #td3-mobile-bar-root .td3mb-label{display:block!important;width:100%;max-width:100%;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important;text-align:center!important;white-space:nowrap!important;pointer-events:none}
  #td3-mobile-bar-root .td3mb-cart-count{
    display:grid!important;place-items:center;position:absolute;top:-7px;right:-10px;
    min-width:17px;height:17px;padding:0 4px;border-radius:999px;
    background:var(--td3mb-orange);color:#fff;font:750 10px/1 system-ui,Arial,sans-serif;
  }
  #td3-mobile-bar-root .td3mb-cart-count[hidden],#td3-mobile-bar-root [hidden]{display:none!important}

  /* Legacy floating GTranslate HTML often covers the left nav item even when transparent.
     Keep its elements in DOM for programmatic language selection, but move the widget
     entirely out of the tap area instead of merely changing opacity. */
  body.td3mb-ready .gtranslate_wrapper{
    position:fixed!important;left:-10000px!important;right:auto!important;top:-10000px!important;bottom:auto!important;
    width:1px!important;height:1px!important;max-width:1px!important;overflow:hidden!important;
    pointer-events:none!important;visibility:hidden!important;opacity:0!important;
  }
  body.td3mb-ready .gt_float_switcher,
  body.td3mb-ready .gt_switcher{
    pointer-events:none!important;visibility:hidden!important;opacity:0!important;
  }

  /* Compact language popover (v1.2.0). A tidy native-store menu,
     rather than a full-width modal sheet or two-column cards. */
  #td3-mobile-bar-root .td3mb-backdrop:not([hidden]){
    display:block!important;position:fixed!important;inset:0!important;
    z-index:2147482998!important;
    background:rgba(19,24,32,.20)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    touch-action:manipulation;
  }
  #td3-mobile-bar-root .td3mb-panel:not([hidden]){
    display:block!important;position:fixed!important;
    left:auto!important;right:clamp(12px,3vw,20px)!important;
    bottom:calc(var(--td3mb-nav-height) + 10px)!important;top:auto!important;
    z-index:2147482999!important;
    width:min(294px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(420px,calc(100dvh - var(--td3mb-nav-height) - 26px))!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:10px 9px 11px!important;margin:0!important;
    background:#ffffff!important;
    border:1px solid #eae5dd!important;
    border-radius:15px!important;
    box-shadow:0 12px 34px rgba(30,26,21,.16)!important;
    color:var(--td3mb-ink)!important;
    font-size:13px!important;
  }
  #td3-mobile-bar-root .td3mb-panel-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;padding:1px 8px 9px!important;margin:0 0 3px!important;
    border-bottom:1px solid #f0ece6;
  }
  #td3-mobile-bar-root .td3mb-panel-head h2{
    margin:0!important;padding:0!important;color:var(--td3mb-ink)!important;
    font:700 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
    letter-spacing:0!important;text-transform:none!important;
  }
  #td3-mobile-bar-root .td3mb-close{
    display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
    flex:0 0 32px!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:8px!important;background:transparent!important;
    color:#7a7773!important;box-shadow:none!important;cursor:pointer!important;
  }
  #td3-mobile-bar-root .td3mb-close:hover{background:#f7f4f0!important;color:#273344!important}
  #td3-mobile-bar-root .td3mb-close svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor}
  #td3-mobile-bar-root .td3mb-lang-grid{
    display:flex!important;flex-direction:column!important;
    gap:1px!important;margin:0!important;padding:3px 0 0!important;
  }
  #td3-mobile-bar-root .td3mb-language,
  #td3-mobile-bar-root .td3mb-language:last-child:nth-child(odd){
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;position:relative!important;
    gap:12px!important;min-width:0!important;min-height:43px!important;
    width:100%!important;padding:8px 10px!important;margin:0!important;
    border:0!important;border-radius:8px!important;
    background:transparent!important;color:#36404c!important;
    box-shadow:none!important;
    font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
    text-align:left!important;text-transform:none!important;letter-spacing:normal!important;
    cursor:pointer!important;touch-action:manipulation!important;
  }
  #td3-mobile-bar-root .td3mb-language:hover{
    background:#f7f5f2!important;color:#1f2a44!important;
  }
  #td3-mobile-bar-root .td3mb-language[aria-pressed="true"]{
    background:#fdf5ec!important;color:#924b1a!important;
    font-weight:700!important;
  }
  #td3-mobile-bar-root .td3mb-lang-flag{
    width:24px!important;height:17px!important;flex:0 0 24px!important;
    display:block!important;object-fit:cover!important;
    border-radius:2px!important;
    box-shadow:0 0 0 1px rgba(15,20,30,.09);
    background:#f4f4f4;
  }
  #td3-mobile-bar-root .td3mb-lang-name{
    display:block!important;flex:1;min-width:0;
    color:inherit!important;font:inherit!important;white-space:nowrap!important;
    text-transform:none!important;
  }
  #td3-mobile-bar-root .td3mb-lang-check{
    display:none!important;width:16px!important;height:16px!important;
    flex:0 0 16px!important;color:#c66d22!important;
    stroke:currentColor!important;fill:none!important;
  }
  #td3-mobile-bar-root .td3mb-language[aria-pressed="true"] .td3mb-lang-check{
    display:block!important;
  }
  #td3-mobile-bar-root .td3mb-language-message{
    display:block;margin:8px 4px 0!important;padding:8px!important;
    border-radius:7px;background:#fff6ef;color:#88471e;
    font-size:11px!important;font-weight:500;line-height:1.4;text-align:left;
  }
  #td3-mobile-bar-root .td3mb-language:focus-visible,
  #td3-mobile-bar-root .td3mb-item:focus-visible,
  #td3-mobile-bar-root .td3mb-close:focus-visible{
    outline:2px solid var(--td3mb-orange)!important;outline-offset:2px!important;
  }
  body.td3mb-panel-open{overflow:hidden!important}
  /* Existing Smart Filters' portaled overlay must remain foremost for Apply. */
  body.dsf-no-scroll #td3-mobile-bar-root .td3mb-bar,
  body.dsf-no-scroll #td3-mobile-bar-root .td3mb-panel,
  body.dsf-no-scroll #td3-mobile-bar-root .td3mb-backdrop{visibility:hidden!important;pointer-events:none!important}
}
@media (max-width:360px){
  #td3-mobile-bar-root .td3mb-item{font-size:10px!important}
  #td3-mobile-bar-root .td3mb-panel:not([hidden]){width:min(280px,calc(100vw - 24px))!important}
}
@media (min-width:981px){#td3-mobile-bar-root,#td3-mobile-bar-root *{display:none!important}}
@media(prefers-reduced-motion:reduce){#td3-mobile-bar-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}