{{--
    Slide-in cart drawer. Rendered once, globally, from the app layout
    (@include('checkout::drawer')). Structure only — all styling lives in
    resources/css/checkout.css under @layer bbk-checkout; the host restyles the
    .bbk-* classes from its own stylesheet. No host components, no Tailwind.
--}}
<div class="bbk-cart" data-controller="bbk-cart" hidden>
    <div class="bbk-cart-backdrop" data-action="click->bbk-cart#close"></div>

    <aside
        class="bbk-cart-panel"
        role="dialog"
        aria-modal="true"
        aria-labelledby="bbk-cart-heading"
        data-bbk-cart-target="panel"
    >
        <header class="bbk-cart-panel-header">
            <h2 class="bbk-cart-heading" id="bbk-cart-heading">{{ __('checkout.cart.title') }}</h2>
            <button
                type="button"
                class="bbk-cart-dismiss"
                data-action="bbk-cart#close"
                aria-label="{{ __('checkout.cart.close') }}"
            >&times;</button>
        </header>

        @include('checkout::partials.cart-error')

        <div class="bbk-cart-panel-body" data-bbk-cart-target="body" aria-live="polite">
            @include('checkout::partials.cart-body')
        </div>
    </aside>
</div>