/* ============================================================
   Loja Core · lc-nav.css — departamentos inline com dropdown de 1 nível
   (modelo KM Máquinas), ao lado do botão CATEGORIAS (mega menu).
   Carrega depois de header-mo-v2.css.
   ============================================================ */
.mo-hdr-nav__inner { align-items: stretch; }
.lcn__list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 4px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex: 1 1 auto;
  min-width: 0;
}
.lcn__item { position: relative; display: flex; }
.lcn__top {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 14px 13px;
  font-family: var(--lc-font-body);
  font-weight: 700;
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: .1px;
  color: rgba(255, 255, 255, .9);
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s ease, background-color .15s ease;
}
.lcn__top::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 0;
  height: 3px;
  border-radius: 99px 99px 0 0;
  background: var(--lc-cta);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}
.lcn__ic { flex-shrink: 0; opacity: .85; transition: opacity .15s ease, transform .2s ease; }
.lcn__caret { opacity: .6; transition: transform .18s ease, color .15s ease, opacity .15s ease; }
.lcn__item:hover > .lcn__top,
.lcn__item:focus-within > .lcn__top,
.lcn__item.is-active > .lcn__top { color: #fff; background: rgba(255, 255, 255, .07); }
.lcn__item:hover > .lcn__top::after,
.lcn__item:focus-within > .lcn__top::after,
.lcn__item.is-active > .lcn__top::after { transform: scaleX(1); }
.lcn__item:hover .lcn__ic { opacity: 1; transform: translateY(-1px); }
.lcn__item:hover .lcn__caret,
.lcn__item:focus-within .lcn__caret { color: var(--lc-cta-300); opacity: 1; transform: rotate(180deg); }

/* Ofertas do Dia — acento laranja */
.lcn__item--accent .lcn__top { color: var(--lc-cta-300); }
.lcn__item--accent .lcn__top .lcn__ic { color: var(--lc-cta); opacity: 1; filter: drop-shadow(0 0 4px rgba(232, 89, 12, .55)); }
.lcn__item--accent:hover .lcn__top { color: #fff; }

/* Dropdown */
.lcn__drop {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 268px;
  background: var(--lc-card);
  border: 1px solid var(--lc-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 22px 44px rgba(12, 36, 84, .26);
  padding: 10px 0 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
  z-index: 90;
}
.lcn__drop::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--lc-filete);
}
.lcn__item:hover > .lcn__drop,
.lcn__item:focus-within > .lcn__drop {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s;
}
/* os dois últimos abrem alinhados à direita pra não vazar da tela */
.lcn__item:nth-last-child(-n+2) > .lcn__drop { left: auto; right: 0; border-radius: 0 0 0 12px; }
.lcn__drop-list { list-style: none; margin: 0; padding: 0; }
.lcn__drop-list a {
  display: block;
  padding: 9px 20px;
  font-family: var(--lc-font-body);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--lc-ink-2);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .12s ease, color .12s ease;
}
.lcn__drop-list a:hover,
.lcn__drop-list a:focus-visible,
.lcn__drop-list a.is-active { background: var(--lc-primary); color: #fff; }
.lcn__drop-all { margin-top: 7px; border-top: 1px solid var(--lc-line); padding-top: 4px; }
.lcn__drop-all a { font-weight: 700; color: var(--lc-primary); }

/* CTA Orçamento para Empresas */
.lcn__cta {
  align-self: center;
  margin-left: 14px;
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 1.5px solid var(--lc-cta);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-family: var(--lc-font-body);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.1;
  letter-spacing: .2px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}
.lcn__cta:hover,
.lcn__cta:focus-visible { background: var(--lc-cta); border-color: var(--lc-cta); color: #fff; }

/* A barra tem que caber sem sobrepor o CTA: ícones só em telas largas,
   depois padding menor; abaixo de 1024 vira scroll horizontal sem dropdown */
.lcn__list { overflow: visible; }
@media (max-width: 1500px) {
  .lcn__item:not(.lcn__item--accent) .lcn__ic { display: none; }
  .lcn__top { padding: 14px 11px; gap: 6px; }
}
@media (max-width: 1360px) {
  .lcn__top { padding: 13px 9px; font-size: 12.5px; }
  .lcn__cta { font-size: 12px; padding: 7px 12px; margin-left: 10px; }
}
@media (max-width: 1180px) {
  .lcn__top { padding: 13px 8px; font-size: 12px; letter-spacing: 0; }
  .lcn__caret { display: none; }
}
@media (max-width: 1024px) {
  .lcn__drop, .lcn__caret { display: none; }
  .lcn__list { overflow-x: auto; scrollbar-width: none; justify-content: flex-start; }
  .lcn__list::-webkit-scrollbar { display: none; }
  .lcn__cta { position: sticky; right: 0; margin-left: 10px; background: var(--lc-primary-soft); box-shadow: -14px 0 14px rgba(20, 58, 123, .85); }
}