/* ====================================================================
   apx-sidecart.css
   Extraido do bloco LI 1339448 (Aviso Frete) em 2026-06-19
   11 regras do mini-carrinho lateral (#apx_widgets_worker-sideCartPro)
   Sera complementado com regras do bloco 1605893 (Custom SideCart) numa proxima rodada
   ====================================================================*/

#apx_widgets_worker-sideCartPro-header{box-shadow:0 2px 6px rgba(0,0,0,0.06)!important;border-bottom:1px solid #f2f2f2!important;position:relative!important;z-index:10!important}

#apx_widgets_worker-sideCartPro-content #apx_frete{margin:0!important;padding:10px 20px 14px!important;background:#fff!important;position:relative!important;overflow:visible!important;border:none!important;border-radius:0!important}

#apx_widgets_worker-sideCartPro-content #apx_frete>span:not(.preencheAlert),#apx_widgets_worker-sideCartPro-content #apx_frete.alertCustom>span:not(.preencheAlert),#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success>span:not(.preencheAlert){display:block!important;color:#232323!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;text-transform:none!important;background:transparent!important;background-color:transparent!important;border:none!important;padding:0!important;position:static!important;height:auto!important;width:auto!important}

#apx_widgets_worker-sideCartPro-content #apx_frete>span:not(.preencheAlert) b,#apx_widgets_worker-sideCartPro-content #apx_frete.alertCustom>span:not(.preencheAlert) b,#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success>span:not(.preencheAlert) b{font-weight:700!important;color:#232323!important;display:inline!important;background:transparent!important;font-size:15px!important}

/* trilha cinza: via ::before com 20px simétrico */
#apx_widgets_worker-sideCartPro-content #apx_frete.alertCustom::before,#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success::before{content:""!important;display:block!important;position:absolute!important;bottom:0!important;left:28px!important;right:28px!important;height:6px!important;border-radius:4px!important;background:#e0e0e0!important;z-index:1!important}

/* barra verde: preencheAlert = começa em 20px, largura = XX% do espaço total */
#apx_widgets_worker-sideCartPro-content #apx_frete .preencheAlert{position:absolute!important;bottom:0!important;left:28px!important;height:6px!important;background:#71ca9b!important;border-radius:4px!important;z-index:2!important;overflow:visible!important;max-width:calc(100% - 56px)!important}

/* bolinha: no final da trilha (right:20px do container) */
#apx_widgets_worker-sideCartPro-content #apx_frete.alertCustom::after,#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success::after{content:""!important;display:block!important;position:absolute!important;bottom:-4px!important;right:21px!important;width:14px!important;height:14px!important;background:#c8c8c8!important;border-radius:50%!important;z-index:3!important}

/* success */
#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success{background:#fff!important;padding:10px 20px 14px!important;border:none!important;color:#232323!important;font-size:15px!important;font-weight:500!important}

#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success::before{background:#71ca9b!important}

#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success .preencheAlert{background:#71ca9b!important;max-width:calc(100% - 56px)!important}

#apx_widgets_worker-sideCartPro-content #apx_frete.alert-success::after{background:#71ca9b!important}

/* ====== LOADER FLORZINHA DRA. CHARM (v2) ======
   API global: window.dcLoaderShow() / window.dcLoaderHide()
   Espelha o ciclo do #apx_loader nativo do LI - as bolinhas continuam
   sendo criadas pelo LI mas ficam escondidas via display:none
   =============================================================== */
.dc-flor path,
.dc-flor circle{stroke-dasharray:100;animation:dc-draw 2s ease-in-out infinite}
.dc-flor circle{animation-delay:.15s}
@keyframes dc-draw{0%{stroke-dashoffset:100}45%{stroke-dashoffset:0}55%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.dc-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}
.dc-overlay.on{display:flex}
#apx_loader{display:none!important}