/* =====================================================================
   CARRINHO LATERAL · versão clara (Racestars)
   O QUÊ:  redesenho da gaveta "O seu carrinho" (#cart .dropdown-menu):
           cabeçalho branco com linha laranja, entrega numa linha fina,
           artigo compacto com miniatura e opções em "chips", lista branca
           (sem a grande área cinzenta), resumo fixo em baixo, barra de envio
           grátis (carrinho-lateral.js), "Finalizar compra" em gradiente como
           botão principal, logótipos de pagamento pequenos e em cinzento.
           O capacete do chat sai de cima dos botões enquanto a gaveta está aberta.
   ONDE:   juntar ao fim do stylesheet.css do tema
           (catalog/view/theme/racestars/stylesheet/stylesheet.css).
           A miniatura precisa do <img> no cart.twig (ver LEIA-ME.txt).
   VERSÃO ESCURA no telemóvel (opcional): carrinho-lateral-escuro-mobile.css.
   REVERTER: apagar este bloco.
   ===================================================================== */
#cart .dropdown-menu{--rs-t:#1d2021;--rs-m:#6b7075;--rs-l:#e6e6e6;--rs-bg:#fff;--rs-soft:#f6f6f7;
  background:var(--rs-bg) !important;font-family:Montserrat,sans-serif;box-shadow:-12px 0 32px rgba(0,0,0,.12) !important;border:0 !important}
/* cabeçalho */
#cart .dropdown-menu .close-container{background:var(--rs-bg) !important;height:56px !important;border-bottom:1px solid var(--rs-l);padding:0 8px 0 20px !important}
#cart .dropdown-menu .close-container::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#f5a623,#ff8a00)}
#cart .dropdown-menu .cart-dropdown-title{font-size:13px !important;font-weight:800 !important;letter-spacing:.08em;color:var(--rs-t) !important}
#cart .dropdown-menu .close-menu{width:44px;height:44px;display:flex !important;align-items:center;justify-content:center;color:var(--rs-t) !important;font-size:18px}
#cart .dropdown-menu .close-menu:hover{color:#ff8a00 !important}
/* entrega: linha fina */
#cart .dropdown-menu .cart-deliver-info{margin:64px 20px 0 !important;padding:8px 0 !important;background:none !important;border:0 !important;border-bottom:1px solid var(--rs-l) !important;border-radius:0 !important;
  font-size:12px !important;line-height:1.4;color:#1f7a3a !important;gap:8px;align-items:center}
#cart .dropdown-menu .cart-deliver-info i{font-size:13px;color:#1f7a3a !important}
#cart .dropdown-menu .cart-deliver-info[hidden]{display:none !important}
#cart .dropdown-menu .cart-deliver-info[hidden] + .products-container{padding-top:64px !important}
/* lista de artigos */
#cart .dropdown-menu .products-container{flex:1 1 auto;min-height:0;overflow:auto;background:var(--rs-bg) !important;padding:4px 20px !important}
#cart .dropdown-menu .cart-items{gap:0 !important}
#cart .dropdown-menu .cart-item{display:grid !important;grid-template-columns:64px 1fr;gap:0 14px;padding:14px 32px 14px 0 !important;margin:0 !important;
  background:none !important;border:0 !important;border-bottom:1px solid var(--rs-l) !important;border-radius:0 !important;box-shadow:none !important}
#cart .dropdown-menu .cart-item-image{width:64px;height:64px;border:1px solid var(--rs-l);border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
#cart .dropdown-menu .cart-item-image:empty::before{content:"";width:22px;height:22px;opacity:.35;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2021' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}
#cart .dropdown-menu .cart-item-image img{width:100%;height:100%;object-fit:contain}
#cart .dropdown-menu .cart-item-body{min-width:0;display:flex !important;flex-direction:column;gap:8px}
#cart .dropdown-menu .cart-item-name{font-size:13px !important;font-weight:700 !important;line-height:1.35 !important;color:var(--rs-t) !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
#cart .dropdown-menu .cart-item-name:hover{color:#ff8a00 !important}
#cart .dropdown-menu .cart-item-options{display:flex !important;flex-wrap:wrap;gap:4px !important;margin-top:6px !important}
#cart .dropdown-menu .cart-item-options span{font-size:11px !important;line-height:1 !important;color:var(--rs-m) !important;background:var(--rs-soft);border:1px solid var(--rs-l);
  border-radius:999px;padding:4px 8px !important;margin:0 !important;white-space:nowrap}
#cart .dropdown-menu .cart-item-options span::before,#cart .dropdown-menu .cart-item-options span::after{display:none !important;content:none !important}
#cart .dropdown-menu .cart-item [class*=stock]{font-size:10px !important;padding:2px 6px !important}
#cart .dropdown-menu .cart-item-side{display:flex !important;align-items:center;justify-content:space-between;gap:12px;margin:0 !important}
#cart .dropdown-menu .quantity-selector-container{height:32px !important;border:1px solid var(--rs-l) !important;border-radius:8px !important;overflow:hidden;background:#fff !important}
#cart .dropdown-menu .quantity-selector-container > div{width:32px !important;height:30px !important;display:flex !important;align-items:center;justify-content:center;color:var(--rs-t) !important;background:#fff !important;font-size:15px;cursor:pointer;border:0 !important}
#cart .dropdown-menu .quantity-selector-container > div:hover{color:#ff8a00 !important}
#cart .dropdown-menu .quantity-selector{width:34px !important;height:30px !important;border:0 !important;background:#fff !important;font-size:13px !important;font-weight:600;color:var(--rs-t) !important;padding:0 !important}
#cart .dropdown-menu .cart-item-label{display:none !important}
#cart .dropdown-menu .cart-item-total strong{font-size:14px !important;font-weight:800 !important;color:var(--rs-t) !important}
#cart .dropdown-menu .cart-item-delete{top:8px !important;right:-8px !important;width:40px !important;height:40px !important;display:flex !important;align-items:center;justify-content:center;color:#8a8f94 !important;background:none !important}
#cart .dropdown-menu .cart-item-delete:hover{color:#c0392b !important}
#cart .dropdown-menu .cart-item-delete svg{width:15px;height:15px}
/* resumo fixo em baixo */
#cart .dropdown-menu .cart-summary{flex:none;background:var(--rs-bg) !important;border-top:1px solid var(--rs-l);padding:14px 20px 16px !important;box-shadow:0 -8px 20px rgba(0,0,0,.04)}
#cart .dropdown-menu .totals-container{margin:0 0 12px !important;border:0 !important;width:100%}
#cart .dropdown-menu .totals-container td{border:0 !important;padding:2px 0 !important;background:none !important;font-size:13px !important;color:var(--rs-m) !important}
#cart .dropdown-menu .totals-container td:first-child{text-align:left !important}
#cart .dropdown-menu .totals-container td strong{font-weight:500 !important;color:var(--rs-m) !important}
#cart .dropdown-menu .totals-container td i{display:none !important}
#cart .dropdown-menu .totals-container tr:last-child td{padding-top:6px !important;font-size:17px !important;font-weight:800 !important;color:var(--rs-t) !important}
#cart .dropdown-menu .totals-container tr:last-child td strong{font-weight:800 !important;color:var(--rs-t) !important;font-size:15px}
/* botões: Finalizar = principal */
#cart .dropdown-menu .cart-summary .d-flex{display:flex !important;flex-direction:column-reverse;gap:8px !important;margin:0 0 12px !important}
#cart .dropdown-menu .button-checkout,#cart .dropdown-menu .button-continue{width:100% !important;min-height:48px !important;border-radius:10px !important;justify-content:center;align-items:center;text-decoration:none !important;font-size:14px !important}
#cart .dropdown-menu .button-checkout{background:linear-gradient(90deg,#f5a623,#ff8a00) !important;border:0 !important;color:#fff !important}
#cart .dropdown-menu .button-checkout strong{color:#fff !important;font-weight:800 !important;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
#cart .dropdown-menu .button-checkout:hover{filter:brightness(1.05)}
#cart .dropdown-menu .button-continue{min-height:40px !important;background:none !important;border:0 !important;color:var(--rs-t) !important}
#cart .dropdown-menu .button-continue strong{font-weight:600 !important;font-size:13px;color:var(--rs-t) !important;text-transform:none !important;text-decoration:underline;text-underline-offset:3px;display:flex;align-items:center;gap:6px}
#cart .dropdown-menu .button-continue i{display:none}
/* pagamentos: pequenos e cinzentos */
#cart .dropdown-menu .payment-methods-container{margin:0 !important;padding:0 !important}
#cart .dropdown-menu .payment-methods-title{display:none !important}
#cart .dropdown-menu .payment-methods-list{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px !important}
#cart .dropdown-menu .payment-methods-item{padding:0 !important;border:0 !important;background:none !important;height:16px;display:flex}
#cart .dropdown-menu .payment-methods-item img{height:16px !important;width:auto !important;max-width:46px;filter:grayscale(1);opacity:.55}
/* barra de envio grátis (criada por carrinho-lateral.js) */
.rs-free{margin:0 0 12px;font-size:12px;color:var(--rs-m)}
.rs-free b{color:var(--rs-t);font-weight:700}
.rs-free-bar{height:4px;margin-top:6px;border-radius:2px;background:var(--rs-l);overflow:hidden}
.rs-free-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#f5a623,#ff8a00)}
.rs-free.is-ok{color:#1f7a3a}.rs-free.is-ok b{color:#1f7a3a}
/* capacete do chat fora dos botões enquanto a gaveta está aberta */
@media (min-width:769px){ body:has(#cart.open) #sa-widget{right:474px !important} }
@media (max-width:768px){ body:has(#cart.open) #sa-widget{display:none !important} }
/* acertos do resumo (tabela e margens do tema) */
#cart .dropdown-menu .cart-summary > div,#cart .dropdown-menu .cart-summary .totals-container{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;width:100% !important}
#cart .dropdown-menu .totals-container,#cart .dropdown-menu .totals-container tr,#cart .dropdown-menu .totals-container td{--bs-table-bg:transparent;background:transparent !important;box-shadow:none !important}
#cart .dropdown-menu .payment-methods-list{gap:6px 10px !important}
#cart .dropdown-menu .payment-methods-item img{max-width:40px}
#cart .dropdown-menu .button-checkout,#cart .dropdown-menu .button-continue{box-sizing:border-box !important;flex:none !important;max-width:100% !important}
#cart .dropdown-menu .cart-summary > div{width:auto !important}
#cart .dropdown-menu .cart-summary{box-sizing:border-box !important}
#cart .dropdown-menu .cart-summary{display:block !important}
#cart .dropdown-menu .cart-summary > div{max-width:100% !important;box-sizing:border-box !important}
#cart .dropdown-menu li.cart-summary > div{min-width:0 !important}