/* Ravix Store 4.3 — final five-control mobile navigation and cart preview.
   The SVG artwork is bundled locally; no dependence on third-party DDS code. */
:root{--rvx-nav-surface:#fff;--rvx-nav-ink:#262626;--rvx-nav-muted:#81858b;--rvx-nav-border:#e0e0e2;--rvx-nav-badge:#ef4056;--rvx-bottom-nav-height:55px}

@media (max-width:1050px){
  :root{--rvx-mobile-tabbar-h:55px!important}
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference,
  body.rvx-mobile-category-open .rvx-mobile-tabbar.rvx-mobile-tabbar--reference{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;inset-inline:0!important;inset-block-end:0!important;
    bottom:0!important;left:0!important;right:0!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    box-sizing:border-box!important;
    height:calc(var(--rvx-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(var(--rvx-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important;
    max-height:none!important;
    padding:0 3px env(safe-area-inset-bottom,0px)!important;
    margin:0!important;gap:0!important;
    border:0!important;border-top:1px solid var(--rvx-nav-border)!important;
    border-radius:0!important;background:var(--rvx-nav-surface)!important;
    box-shadow:0 -1px 3px rgba(0,0,0,.025)!important;
    color:var(--rvx-nav-ink)!important;
    direction:rtl!important;overflow:visible!important;z-index:950!important;
    -webkit-tap-highlight-color:transparent;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__item{
    position:relative!important;flex-direction:column!important;display:flex!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:54px!important;min-height:54px!important;max-height:54px!important;
    justify-content:center!important;align-items:center!important;
    gap:3px!important;margin:0!important;padding:4px 0 3px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:var(--rvx-nav-muted)!important;
    text-align:center!important;line-height:1.15!important;font-size:10px!important;
    transform:none!important;opacity:1!important;visibility:visible!important;
    font-weight:500!important;touch-action:manipulation!important;
    transition:color .14s ease!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__item::before,
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__item::after{display:none!important}
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__item:is(.is-active,[aria-current="page"]),
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference [data-rvx-mobile-tab="categories"][aria-expanded="true"]{
    color:var(--rvx-nav-ink)!important;background:transparent!important;font-weight:750!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__icon{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
    position:relative!important;padding:0!important;margin:0!important;
    flex:0 0 auto!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:inherit!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-nav-reference-icon{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    flex:0 0 24px!important;display:block!important;
    color:inherit!important;fill:currentColor!important;stroke:none!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-nav-reference-icon.is-stroked{
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__label{
    display:block!important;max-width:100%!important;margin:0!important;padding:0!important;
    color:inherit!important;font-size:9.5px!important;line-height:1.4!important;
    font-weight:inherit!important;white-space:nowrap!important;overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__count{
    position:absolute!important;inset:auto auto 0 0!important;bottom:0!important;left:0!important;
    min-width:15px!important;height:15px!important;min-height:15px!important;
    padding:0 3px!important;display:flex!important;align-items:center!important;
    justify-content:center!important;border-radius:5px!important;
    background:var(--rvx-nav-badge)!important;color:#fff!important;
    font-size:9px!important;font-weight:800!important;line-height:1!important;
    text-align:center!important;transform:none!important;box-shadow:0 0 0 1px #fff!important;
  }
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__count.is-zero{display:none!important}
  body .rvx-mobile-tabbar.rvx-mobile-tabbar--reference .rvx-mobile-tabbar__item:focus-visible{
    outline:2px solid var(--rvx-uni-accent,#245be1)!important;outline-offset:-3px!important;
  }
  body:not(.woocommerce-checkout){
    padding-bottom:calc(var(--rvx-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important;
  }
  /* Align the viewport-height category screen with the 55px footer. */
  body .rvx-mobile-category-screen,
  body.admin-bar .rvx-mobile-category-screen{
    bottom:calc(var(--rvx-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important;
    inset-block-end:calc(var(--rvx-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important;
  }
  body .rvx-mobile-category-screen__back,
  body .rvx-mobile-category-screen__header .rvx-mobile-category-screen__back{
    display:grid!important;place-items:center!important;
    height:44px!important;width:44px!important;min-width:44px!important;min-height:44px!important;
    flex:0 0 44px!important;box-sizing:border-box!important;
    padding:0!important;margin:0!important;
    border:1px solid #e0e0e2!important;border-radius:9999px!important;
    background:#fff!important;box-shadow:none!important;
    color:#252525!important;cursor:pointer!important;
    transition:background .15s ease,border-color .15s ease!important;
  }
  body .rvx-mobile-category-screen__back:hover,
  body .rvx-mobile-category-screen__back:focus-visible{
    border-color:#c4c6ca!important;background:#f8f8f8!important;
  }
  body .rvx-mobile-category-screen__back .rvx-mobile-category-screen__back-vector{
    width:24px!important;height:24px!important;display:block!important;
    fill:currentColor!important;stroke:none!important;transform:none!important;
  }
  body .rvx-mobile-category-screen__header .rvx-mobile-category-screen__search-launch{
    height:44px!important;min-height:44px!important;border:1px solid #e0e0e2!important;
    border-radius:9999px!important;background:#fff!important;
  }
}

/* The existing AJAX WooCommerce cart is also the desktop hover preview.
   Restyle only, retaining event handlers and native checkout links. */
@media (min-width:1051px){
  body .rvx-site-header.rvx-unified-header .rvx-cart-shell{
    position:relative!important;z-index:1010!important;overflow:visible!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-shell::after{
    content:"";position:absolute;top:100%;left:0;right:auto;
    width:min(500px,calc(100vw - 32px));height:12px;display:block;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-shell .rvx-cart-popover{
    position:absolute!important;
    top:var(--rvx-cart-top,calc(100% + 2px))!important;
    left:var(--rvx-cart-left,0px)!important;
    right:auto!important;
    width:min(500px,calc(100vw - 32px))!important;
    min-width:min(500px,calc(100vw - 32px))!important;
    max-width:min(500px,calc(100vw - 32px))!important;
    max-height:min(565px,calc(100dvh - 100px))!important;
    border-radius:12px!important;border:1px solid #e0e0e2!important;
    background:#fff!important;
    box-shadow:0 14px 38px rgba(15,23,42,.14)!important;
    transform:translateY(-6px) scale(.992)!important;
    transform-origin:top left!important;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .17s ease,transform .19s ease,visibility .17s!important;
    overflow:hidden!important;
    z-index:1200!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-shell.is-cart-open .rvx-cart-popover{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover::before{display:none!important;}
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart{
    max-height:min(565px,calc(100dvh - 100px))!important;
    overflow:hidden!important;direction:rtl!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    height:58px!important;min-height:58px!important;padding:12px 16px!important;
    border-bottom:1px solid #f0f0f1!important;background:#fff!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__header strong{
    font-size:14px!important;font-weight:750!important;color:#23254a!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__header a{
    font-size:12px!important;color:var(--rvx-uni-accent,#245be1)!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__items{
    max-height:320px!important;padding-inline:16px!important;overflow-y:auto!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__item{
    grid-template-columns:76px minmax(0,1fr)!important;gap:11px!important;
    padding:12px 0!important;border-bottom:1px solid #f0f0f1!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__image{
    width:76px!important;height:76px!important;border-radius:9px!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__title{
    font-size:12px!important;line-height:1.75!important;min-height:auto!important;
    color:#252b35!important;font-weight:650!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__empty{
    min-height:240px!important;padding:22px 20px!important;background:#fff!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__empty-icon{
    width:72px!important;height:72px!important;border-radius:50%!important;
    background:#f7f7f8!important;color:#83858d!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__empty strong{
    font-size:14px!important;color:#252b35!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__footer{
    padding:13px 16px!important;border-top:1px solid #f0f0f1!important;
    background:#fff!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover .rvx-smart-cart__checkout{
    min-height:43px!important;border-radius:8px!important;
    background:var(--rvx-uni-accent,#245be1)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body .rvx-site-header.rvx-unified-header .rvx-cart-popover,
  body .rvx-mobile-category-screen__back{transition:none!important;animation:none!important;}
}
