/* ===========================================================
   Geek Store Brasil — Carrinho enxuto
   Arquivo: geek-carrinho.css
   Cole o conteúdo no fim do CSS do tema (ou suba como arquivo
   e chame no head do layout). Só mexe no carrinho lateral.
   =========================================================== */

:root {
  --gk-roxo: #5B3FD9;
  --gk-amarelo: #FFCC29;
  --gk-preto: #201E1E;
  --gk-verde: #156034;
  --gk-verde-fundo: #F1FAF3;
  --gk-verde-borda: #D5EEDC;
  --gk-cinza: #55555C;
  --gk-linha: #EDEDF2;
}

/* ---- 1. Tirar o que não decide compra ------------------- */

/* bloco "Acesso rápido / e-mail" no topo do carrinho */
#modal-cart .js-social-login-container,
#modal-cart .social-login-container,
#modal-cart .js-quick-access,
#modal-cart .quick-access { display: none !important; }

/* linha de subtotal — o total embaixo já diz tudo */
#modal-cart .js-cart-subtotal-container,
#modal-cart .cart-subtotal-row { display: none !important; }

/* aviso de feriado e textos de rodapé do calculador */
#modal-cart .shipping-disclaimer,
#modal-cart .js-shipping-disclaimer { display: none !important; }

/* ---- 2. Preço: Pix vira o herói ------------------------- */

/* total no cartão perde o peso de título */
#modal-cart .js-cart-total-container .h2 {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--gk-cinza) !important;
  margin-bottom: 2px !important;
}
#modal-cart .js-cart-total-container .h2 .js-cart-total {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--gk-cinza) !important;
}

/* preço Pix assume o lugar de destaque */
#modal-cart .js-payment-discount-price-cart-container {
  display: block !important;
  text-align: left !important;
  margin-top: 2px !important;
  color: var(--gk-preto) !important;
  font-weight: 400 !important;
}
#modal-cart .js-payment-discount-price-cart {
  display: inline !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  color: var(--gk-roxo) !important;
}
#modal-cart .js-payment-discount-name-cart {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--gk-roxo) !important;
}
/* linha de parcelamento, escrita pelo JS */
#modal-cart .gk-parcelas {
  display: block;
  margin-top: 5px;
  font-size: 12.5px;
  color: var(--gk-cinza);
}

/* o total do container fica alinhado à esquerda, como no desenho */
#modal-cart .js-cart-total-container .row.no-gutters { display: block !important; }
#modal-cart .js-cart-total-container .col.text-right { text-align: left !important; }

/* ---- 3. Entrega em uma linha --------------------------- */

/* opções de frete recolhidas: só a primeira aparece */
#modal-cart .js-shipping-calculator-response.gk-recolhido
  .shipping-method-option:not(:first-child) { display: none !important; }

#modal-cart .gk-ver-mais-frete {
  display: inline-block;
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: #2B75BA;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}

/* ---- 4. Barra de frete grátis -------------------------- */

#modal-cart .bar-progress {
  height: 6px !important;
  border-radius: 99px !important;
  background: var(--gk-linha) !important;
  overflow: hidden;
}
#modal-cart .bar-progress-active {
  height: 100% !important;
  border-radius: 99px !important;
  background: var(--gk-roxo) !important;
}
#modal-cart .js-ship-free-rest-message { margin-top: 9px !important; }
#modal-cart .ship-free-rest-text,
#modal-cart .js-ship-free-dif {
  font-size: 13px !important;
  color: var(--gk-cinza) !important;
}
#modal-cart .js-ship-free-dif,
#modal-cart .ship-free-rest-text strong {
  color: var(--gk-roxo) !important;
  font-weight: 700 !important;
}

/* estado conquistado */
#modal-cart .gk-frete-liberado {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 12px;
  margin-top: 4px;
  border-radius: 10px;
  background: var(--gk-verde-fundo);
  border: 1px solid var(--gk-verde-borda);
  font-size: 13px;
  font-weight: 600;
  color: var(--gk-verde);
}
#modal-cart .gk-frete-liberado svg { flex: 0 0 17px; }

/* ---- 5. Sugestão de complemento ------------------------ */

#modal-cart .gk-sugestao {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid var(--gk-linha);
  border-radius: 10px;
}
#modal-cart .gk-sugestao img {
  width: 38px; height: 38px; flex: 0 0 38px;
  border-radius: 8px; object-fit: cover; background: #F4F4F7;
}
#modal-cart .gk-sugestao-info { flex: 1 1 auto; min-width: 0; }
#modal-cart .gk-sugestao-nome {
  margin: 0; font-size: 12.5px; font-weight: 500; line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#modal-cart .gk-sugestao-preco {
  margin: 2px 0 0 0; font-size: 12.5px; color: var(--gk-cinza);
}
#modal-cart .gk-sugestao-add {
  flex: 0 0 auto; height: 32px; padding: 0 12px;
  border: 1px solid #DDDDE4; background: #fff; border-radius: 8px;
  font-family: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
  color: var(--gk-preto); text-decoration: none;
  display: inline-flex; align-items: center;
}
#modal-cart .gk-sugestao-add:hover { border-color: var(--gk-preto); }

/* ---- 6. Botão de fechar a compra ----------------------- */

#modal-cart .js-cart-submit,
#modal-cart .js-ajax-cart-submit {
  height: 52px !important;
  border-radius: 10px !important;
  background: var(--gk-amarelo) !important;
  border-color: var(--gk-amarelo) !important;
  color: var(--gk-preto) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}


/* ----------------------- 7. HISTORICO - regra desligada em 27/10, texto abaixo e so contexto -----------------------
   O snipplet gk-frete-local.tpl ja mostra o aviso de R$ 500 (motoboy Belem /
   Ananindeua) na pagina de produto. Dentro do carrinho quem fala de frete
   Gratis e a barra nativa do tema, reescrita pelo geek-carrinho.js — entao
   Aqui o bloco do snipplet sai de cena, para nao duplicar a mensagem.
   Para voltar atras, apague este bloco. */

/* 27/10: regra desligada a pedido - o aviso preto volta ao carrinho. */


/* ----------------------- 8. Linha de subtotal (correcao 27/10) -----------------------
   Neste tema a linha de subtotal nao usa .js-cart-subtotal-container (que o
   bloco 2 tenta esconder e aqui nao existe). O nome real e .js-cart-subtotal,
   dentro de uma .row. Escondemos a linha inteira, nao so o valor, para nao
   deixar o rotulo "Subtotal (sem frete):" orfao. */

#modal-cart .row:has(> .js-cart-subtotal) { display: none !important; }


/* ----------------------- 9. Fora a barra de frete gratis (27/10) -----------------------
   Pedido: tirar do carrinho a barra de progresso e a linha
   "Frete gratis a partir de R$999,90".
   A barra fica DENTRO de .js-ship-free-rest, junto com os tres textos
   (.bar-progress-success, .bar-progress-amount, .bar-progress-condition),
   entao esconder o bloco pai tira tudo de uma vez.
   O ajustarBarra() do geek-carrinho.js continua rodando, mas escreve num
   bloco invisivel - sem efeito. Para voltar atras, apague este bloco. */

#modal-cart .js-ship-free-rest,
#modal-cart .gk-frete-liberado { display: none !important; }