/* =========================
   MENU PREMIUM
========================= */

.lp-custom-menu {
  margin-top: 14px;     /* mais respiro acima */
  margin-bottom: 36px;  /* mais respiro abaixo */
  padding: 6px 0;       /* evita corte da sombra */
}

.lp-menu-tabs {
  display: flex;
  gap: 14px;

  overflow-x: auto;
  overflow-y: visible;  /* permite sombra aparecer */

  padding: 8px 0 16px 0; /* espaço vertical real */
  scrollbar-width: none;
}

.lp-menu-tabs::-webkit-scrollbar {
  display: none;
}

.lp-menu-tabs button {
  flex: 0 0 auto;
  min-width: 150px;
  height: 52px;

  border-radius: 18px;
  border: none;

  background: #f5f5f5;
  color: #444;

  font-weight: 600;
  font-size: 14px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  cursor: pointer;

  transition: transform 0.2s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.lp-menu-tabs button svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* HOVER */
.lp-menu-tabs button:hover {
  background: #eaeaea;
  transform: translateY(-1px); /* reduzido para evitar corte */
}

/* ATIVO */
.lp-menu-tabs button.active {
  background: linear-gradient(90deg, #22c55e, #3b82f6);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15); /* sombra mais elegante */
}

/* SAIR */
.lp-logout {
  background: #fff0f0;
  color: #ef4444;
}

.lp-logout:hover {
  background: #ffe5e5;
}

.lp-logout.active {
  background: #ef4444;
  color: #fff;
}
/* Oculta bloco de alterar senha no Perfil */

.tab-content-customer-info-form .customer-password-form-w {
  display: none !important;
}

/* Oculta campo de e-mail no Perfil de forma segura */

.tab-content-customer-info-form #customer_email {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.tab-content-customer-info-form label[for="customer_email"] {
  display: none !important;
}
/* Perfil - Campos full width */

.tab-content-customer-info-form .os-col-6 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}