.fcbd-fc-mini-cart{display:inline-flex;align-items:center;max-width:100%}
.fcbd-fc-mini-cart .fct-mini-cart-button{display:inline-flex;align-items:center;gap:.4em;background:none;border:0;cursor:pointer;font:inherit}
.fcbd-fc-mini-cart .fct-mini-cart-wrap{position:relative;display:inline-flex}
.fcbd-fc-mini-cart .fct-mini-cart-badge{position:absolute;top:-.5em;right:-.6em;min-width:1.4em;height:1.4em;padding:0 .3em;border-radius:999px;font-size:.65em;line-height:1.4em;text-align:center}

/*
 * Structural offcanvas behavior for the drawer, matching FluentCart's own
 * class contract (verified live: FluentCartApp.js's document click
 * delegation toggles ".open" on [data-fluent-cart-cart-drawer] and ".active"
 * on [data-fluent-cart-cart-drawer-overlay], see element.php docblock). This
 * is a deliberate baseline fallback: FluentCart's own drawer stylesheet
 * (public/cart-drawer/cart-drawer.scss, enqueued via AssetManager's
 * "FC_Mini_Cart" branch calling loadCartAssets()) is expected to provide the
 * real, polished offcanvas transition; these rules only guarantee the drawer
 * is functionally usable (hidden off-screen when closed, visible and above
 * the overlay when open) even if that asset is ever missing, so the drawer
 * never becomes a broken, permanently-visible or permanently-hidden panel.
 */
.fcbd-fc-mini-cart .fct-cart-drawer-overlay{position:fixed;inset:0;z-index:100000;opacity:0;visibility:hidden;transition:opacity .2s ease}
.fcbd-fc-mini-cart .fct-cart-drawer-overlay.active{opacity:1;visibility:visible}
.fcbd-fc-mini-cart .fct-cart-drawer{position:fixed;top:0;bottom:0;z-index:100001;width:min(420px,100vw);display:flex;flex-direction:column;transition:transform .25s ease;overflow-y:auto}
.fcbd-fc-mini-cart--right .fct-cart-drawer{right:0;transform:translateX(100%)}
.fcbd-fc-mini-cart--right .fct-cart-drawer.open{transform:translateX(0)}
.fcbd-fc-mini-cart--left .fct-cart-drawer{left:0;transform:translateX(-100%)}
.fcbd-fc-mini-cart--left .fct-cart-drawer.open{transform:translateX(0)}
.fcbd-fc-mini-cart .fct-cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1em;border-bottom-width:1px;border-bottom-style:solid}
.fcbd-fc-mini-cart .fct-cart-drawer-footer{padding:1em;border-top-width:1px;border-top-style:solid}
.fcbd-fc-mini-cart .fct-cart-item{display:flex;gap:.75em;padding:.75em 0;border-bottom-width:1px;border-bottom-style:solid;list-style:none}
.fcbd-fc-mini-cart .fct-cart-item-image img{width:64px;height:64px;object-fit:cover;border-radius:4px}
.fcbd-fc-mini-cart .fluent-cart-cart-empty-content{padding:2em 1em;text-align:center}
.fcbd-fc-mini-cart .fct-loader-wrap{display:none}