/* APP NO HEADER - DESKTOP */
.header-app-mini {
  position: fixed !important;
  top: 8px !important;
  right: 310px !important;
  z-index: 999999 !important;

  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  background: #ffffff !important;
  padding: 6px 11px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(239, 107, 24, 0.18) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important;
  white-space: nowrap !important;
}

.header-app-mini span {
  color: #555 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.header-app-mini a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;

  color: #ef6b18 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.header-app-mini a:hover {
  color: #d85d12 !important;
  text-decoration: none !important;
}


/* NOTEBOOK */
@media (max-width: 1199px) {
  .header-app-mini {
    right: 285px !important;
    top: 8px !important;
    padding: 6px 9px !important;
  }

  .header-app-mini span {
    display: none !important;
  }
}


/* MOBILE */
@media (max-width: 991px) {
  .header-app-mini {
    position: fixed !important;
    top: 15px !important;
    left: 4px !important;
    right: auto !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    background: #ffffff !important;
    padding: 4px 7px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(239, 107, 24, 0.18) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    white-space: nowrap !important;
  }

  .header-app-mini span {
    display: none !important;
  }

  .header-app-mini a {
    color: #ef6b18 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }

  .header-app-mini i {
    font-size: 9px !important;
  }
}

.header-app-mini {
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.header-app-mini.app-header-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* APP NO FOOTER - ABAIXO DE ENDEREÇOS */
.footer-app-mini {
  width: fit-content;
  max-width: 100%;
  margin: 20px auto 0 auto;

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

  background: #ffffff;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(239, 107, 24, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
  white-space: nowrap;
}

.footer-app-mini span {
  color: #555555;
  font-size: 12px;
  font-weight: 600;
}

.footer-app-mini a {
  display: inline-flex;
  align-items: center;
  gap: 4px;

  color: #ef6b18;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

.footer-app-mini a:hover {
  color: #d85d12;
  text-decoration: none;
}

@media (max-width: 767px) {
  .footer-app-mini {
    margin-top: 16px;
    padding: 8px 12px;
    gap: 7px;
    flex-wrap: wrap;
    white-space: normal;
  }

  .footer-app-mini span {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }

  .footer-app-mini a {
    font-size: 11px;
  }
}

/* AJUSTE DE ESPAÇAMENTO DO APP NO FOOTER */
.footer-app-mini {
  margin: 30px auto 30px auto !important;
}

/* tira excesso entre o bloco de endereços e a linha */
.footer-top {
  padding-bottom: 0 !important;
}

.footer-bar {
  margin-top: 0 !important;
}