/* AVoffice Afrekenen: mandjepaneel in de header (op elke pagina). Geen schaduwen. */

/* 1. Repareert het paneel op desktop.
   Het matglaseffect (backdrop-filter) stond op de header zelf, waardoor de header het ankerpunt werd van het vaste
   paneel en het paneel bij een gescrollde pagina buiten beeld stond. Het effect zit nu op een laag erachter. */
#brxe-f3d471.brxe-section{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate}
#brxe-f3d471.brxe-section::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);pointer-events:none}

/* 2. Opmaak van het paneel */
body .brxe-woocommerce-mini-cart .cart-detail{background:#fff!important;color:#1d2327;box-shadow:none!important}
body .brxe-woocommerce-mini-cart .cart-detail .widget_shopping_cart_content{display:flex!important;flex-direction:column;min-height:100%;box-sizing:border-box;padding:28px 24px 28px!important;font-family:inherit}
body .brxe-woocommerce-mini-cart .cart-detail .widget_shopping_cart_content.av-busy{opacity:.55;pointer-events:none}
/* Titel bovenaan het paneel */
body .brxe-woocommerce-mini-cart .cart-detail .widget_shopping_cart_content::before{content:"Winkelmandje";display:block;flex:none;margin:0;padding-right:48px;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#1d2327}
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart{list-style:none!important;margin:22px 0 0!important;padding:0 4px 0 0!important;display:grid;grid-auto-rows:max-content;gap:12px;flex:1 1 auto;min-height:0;align-content:start;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9dee3 transparent}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item{position:relative;display:grid!important;grid-template-columns:92px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start;margin:0!important;padding:14px 44px 14px 14px!important;border:0!important;border-radius:24px;background:#f8f8fc;font-size:14.5px;font-weight:500;line-height:1.35;min-height:auto!important;flex:none}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item > a:not(.remove){display:contents!important;color:#1d2327;text-decoration:none}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item img{grid-column:1;grid-row:1 / span 2;width:92px!important;height:92px!important;object-fit:contain;background:#fff;border-radius:18px;padding:6px;box-sizing:border-box;margin:0!important;float:none!important}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item .quantity{grid-column:2;grid-row:2;display:block;margin:0;padding:0;font-size:14px;font-weight:600;align-self:end}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item a.remove{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;width:26px;height:26px;display:grid!important;place-items:center;border-radius:50%;background:#fff;color:#6f8695!important;font-size:16px;line-height:1;text-decoration:none;transition:.2s}
body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item a.remove:hover{background:#eceff2;color:#1d2327!important}
body .brxe-woocommerce-mini-cart .cart-detail .av-mc-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
body .brxe-woocommerce-mini-cart .cart-detail .av-mq{display:inline-flex;align-items:center;height:34px;border:1.5px solid #d9dee3;border-radius:99px;background:#fff;overflow:hidden}
body .brxe-woocommerce-mini-cart .cart-detail .av-mq button{display:flex!important;align-items:center;justify-content:center;width:32px;height:100%;border:0!important;background:none!important;color:#1d2327!important;font-size:17px;font-weight:500;line-height:1;padding:0!important;margin:0!important;cursor:pointer;border-radius:0!important;min-height:0!important;box-shadow:none!important}
body .brxe-woocommerce-mini-cart .cart-detail .av-mq button:hover:not(:disabled){color:#0271e3!important}
body .brxe-woocommerce-mini-cart .cart-detail .av-mq button:disabled{opacity:.35;cursor:default}
body .brxe-woocommerce-mini-cart .cart-detail .av-mq span{color:#1d2327!important;display:flex;align-items:center;justify-content:center;min-width:24px;height:100%;font-size:14px;font-weight:500;line-height:1}
body .brxe-woocommerce-mini-cart .cart-detail .av-mc-price{font-size:15px;font-weight:600;white-space:nowrap;color:#1d2327!important}
body .brxe-woocommerce-mini-cart .cart-detail .av-mc-price *,body .brxe-woocommerce-mini-cart .cart-detail .mini_cart_item .quantity{color:#1d2327!important}

/* Totalen en knop blijven onderaan in beeld; alleen de lijst scrolt */
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__total,body .brxe-woocommerce-mini-cart .cart-detail .av-mini-cart-totals,body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons{flex:none}

/* Totalen */
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__total{display:flex!important;justify-content:space-between;align-items:baseline;margin:22px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid #eceff2!important;font-size:14.5px;font-weight:400}
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__total strong{font-weight:400}
body .brxe-woocommerce-mini-cart .cart-detail .av-mini-cart-totals{margin:8px 0 0;padding:0;border:0!important}
body .brxe-woocommerce-mini-cart .cart-detail .av-mini-cart-row{display:flex!important;justify-content:space-between;align-items:baseline;margin:8px 0 0!important;padding:0!important;border:0!important;font-size:14.5px;font-weight:400}
body .brxe-woocommerce-mini-cart .cart-detail .av-mini-cart-row-total{margin-top:14px!important;padding-top:14px!important;border-top:1px solid #eceff2!important;font-size:18px;font-weight:600}

/* Eén knop */
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons{display:block!important;margin:22px 0 0!important;padding:0!important}
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons .button{display:block!important;width:100%!important;box-sizing:border-box;margin:0!important;padding:16px 24px!important;border:0!important;border-radius:99px!important;background:#0271e3!important;color:#fff!important;font-size:16px!important;font-weight:500!important;line-height:1.3!important;text-align:center!important;text-decoration:none;box-shadow:none!important;transition:.25s}
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__buttons .button:hover{background:#0262c4!important}

/* Leeg mandje */
body .brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__empty-message{margin:22px 0 0;padding:0;font-size:15px;color:#6f8695;font-weight:300}

/* Ruimte onderaan op desktop, en rekening houden met de beheerbalk van WordPress (alleen zichtbaar als je bent ingelogd) */
@media (min-width:1001px){
  body .brxe-woocommerce-mini-cart .cart-detail .widget_shopping_cart_content{padding-bottom:44px!important}
}
@media (min-width:783px){
  body.admin-bar .brxe-woocommerce-mini-cart .cart-detail.off-canvas{top:32px!important;height:calc(100vh - 32px)!important;max-height:calc(100vh - 32px)!important}
}
@media (max-width:782px){
  body.admin-bar .brxe-woocommerce-mini-cart .cart-detail.off-canvas{top:46px!important}
}



body .brxe-woocommerce-mini-cart .cart-detail{overscroll-behavior:contain}

/* Telefoon en tablet: net als het hamburgermenu en het filterpaneel boven en onder vastgezet (top 0, bottom 0) en zonder will-change.
   Zo eindigt het paneel op iPhone boven de zwevende Safari-balk (de knop valt niet weg) en blijft de balk daarna niet wit. */
@media (max-width:1000px){
  body .brxe-woocommerce-mini-cart .cart-detail.off-canvas{top:0!important;bottom:0!important;height:auto!important;max-height:none!important;will-change:auto!important}
  body.admin-bar .brxe-woocommerce-mini-cart .cart-detail.off-canvas{top:46px!important}
}
@media (min-width:783px) and (max-width:1000px){
  body.admin-bar .brxe-woocommerce-mini-cart .cart-detail.off-canvas{top:32px!important}
}