/* ============================================================
   Loja Core · lc-cta.css — a única intervenção de design explícita
   por cima do design system: CTA da PDP no azul do checkout, demais CTAs
   de compra em laranja obra (texto branco),
   verde reservado a Pix/sucesso/frete grátis, faixa de nav em aço.
   Carrega por último (dep lc-base). Regra: 1 CTA cobre por viewport.
   ============================================================ */

/* ---- PDP: comprar agora + sticky bar --------------------------------- */
/* Mesma cor do botão de finalização do checkout-mp (--mp-blue #3483FA / hover
   #2968C8, texto branco). O clique leva ao carrinho (1ª etapa do checkout). */
.pdp-mo .pdp-buy__cta,
.pdp-mo .pdp-buy__cta:visited,
.pdp-sbb-root .pdp-sbb__cta,
.pdp-sbb-root .pdp-sbb__sheet-cta {
  background: var(--lc-buy) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--lc-shadow-buy) !important;
}
.pdp-mo .pdp-buy__cta:hover,
.pdp-sbb-root .pdp-sbb__cta:hover,
.pdp-sbb-root .pdp-sbb__sheet-cta:hover {
  background: var(--lc-buy-hover) !important;
  color: #fff !important;
}

/* ---- Hero / carrinho / conta / newsletter ---------------------------- */
.mo-herov2__cta,
.ob-cart-summary__cta,
.ob-acc-shell .ob-acc-btn--green,
.mo-footer-a__news-btn,
.mo-newsletter__btn,
.mo-inst .mo-inst__cta-btn,
.ob-summary__cta {
  background: var(--lc-cta) !important;
  background-image: none !important;
  color: var(--lc-cta-ink) !important;
  border-color: transparent !important;
}
.mo-herov2__cta:hover,
.ob-cart-summary__cta:hover,
.ob-acc-shell .ob-acc-btn--green:hover,
.mo-footer-a__news-btn:hover,
.mo-newsletter__btn:hover,
.mo-inst .mo-inst__cta-btn:hover,
.ob-summary__cta:hover {
  background: var(--lc-cta-hover) !important;
  color: var(--lc-cta-ink) !important;
}

/* ---- Card de produto: CTA em prumo sólido (nunca cobre) --------------- */
.mo-pcard__btn,
.mo-pcard__cta {
  background: var(--lc-primary) !important;
  color: var(--lc-on-dark) !important;
}
.mo-pcard__btn:hover,
.mo-pcard__cta:hover {
  background: var(--lc-primary-deep) !important;
  color: var(--lc-on-dark) !important;
}

/* ---- Header: faixa de navegação em aço, promo bar em prumo ------------ */
.mo-hdr-nav {
  background: var(--lc-primary-soft) !important;
  border-bottom: 0 !important; /* a linha de assinatura é o filete do hero/prancha, não uma 2ª borda */
}
.mo-hdr-nav .ob-mega-menu,
.mo-hdr-nav .ob-mega-menu.mm-v2 { top: 100% !important; }
/* "Orçamento para Empresas": o <li> sticky mascara os links que rolam por baixo —
   o fundo tem que ser o mesmo da faixa, senão aparece um retângulo maior que o botão. */
.mo-hdr-nav__links > li:last-child {
  background: var(--lc-primary-soft) !important;
  padding: 0 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
}
.mo-hdr-nav__links a.is-cta {
  background: rgba(255,255,255,.08) !important;
  border: 1.5px solid var(--lc-cta) !important;
  color: #fff !important;
}
.mo-hdr-nav__links a.is-cta:hover {
  background: var(--lc-cta) !important;
  border-color: var(--lc-cta) !important;
}
.mo-hdr-promo {
  background: var(--lc-primary-deep) !important;
  color: var(--lc-on-dark) !important;
}
.mo-hdr-main {
  background: var(--lc-primary) !important;
  background-image: none !important;
}

/* ---- Semântica verde: Pix, frete grátis, sucesso ---------------------- */
.pdp-mo .pdp-buy__ship-pill,
.mo-pcard__free-ship,
.mo-pcard__pix {
  color: var(--lc-success-700);
}

/* ---- Botões laranja: sempre texto branco bold ------------------------ */
.lch__buy, .lch__buy:visited, .lch__buy:hover, .lch__buy:focus,
.mo-hdr-main__cart, .mo-hdr-main__cart:hover,
.pdp-mo .pdp-promo__a-btn, .pdp-mo .pdp-promo__a-btn:hover,
.mo-herov2__cta, .mo-newsletter__btn, .mo-footer-a__news-btn, .mo-inst .mo-inst__cta-btn,
.ob-acc-shell .ob-acc-btn--green, .lca-btn--gold, .lca-btn--gold:hover,
.lcv-close .lcv-cta, .lct-blog__cta, .lcs-flash__cta {
  color: #fff !important;
  font-weight: 700 !important;
}
.lch__more, .lch__more:visited { color: rgba(255,255,255,.88) !important; border-bottom-color: rgba(255,255,255,.35) !important; }
.lch__more:hover { color: #fff !important; border-bottom-color: #fff !important; }

/* ---- Header: ícones de Pedidos / Conta visíveis sobre o azul ---------- */
.mo-hdr-main__util-ic {
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.mo-hdr-main__util:hover .mo-hdr-main__util-ic { color: var(--lc-cta-300) !important; }

/* ---- Feedback tátil: scale .96 no press (transições só nas propriedades certas) ---- */
.lch__buy, .lcn__cta, .mo-hdr-main__cart, .mo-footer-a__news-form button,
.pdp-mo .pdp-buy__cta, .pdp-sbb-root .pdp-sbb__cta, .pdp-mo .pdp-promo__a-btn, .lcc__cta, .mo-pcard__cta {
  transition-property: background-color, color, scale, box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}
.lch__buy:active, .lcn__cta:active, .mo-hdr-main__cart:active, .mo-footer-a__news-form button:active,
.pdp-mo .pdp-buy__cta:active, .pdp-sbb-root .pdp-sbb__cta:active, .pdp-mo .pdp-promo__a-btn:active, .lcc__cta:active, .mo-pcard__cta:active {
  scale: .96;
}