/* css/style.css */
:root {
  --cor-principal: #0d6efd; 
  --fonte-principal: 'Poppins', sans-serif;
}


body {
  min-height: 75rem;
  padding-top: 4.5rem;
  font-family: var(--fonte-principal);
}
.bg-primary { background-color: var(--cor-principal) !important; }
.text-primary { color: var(--cor-principal) !important; }
.btn-primary { background-color: var(--cor-principal); border-color: var(--cor-principal); }
.btn-outline-primary { color: var(--cor-principal); border-color: var(--cor-principal); }
.btn-outline-primary:hover { background-color: var(--cor-principal); color: white; }

.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; user-select: none; }
@media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } }
.carousel-item img { height: 400px; object-fit: contain; }
@media (min-width: 768px) {
  .container { max-width: 100%; }
  .row { display: flex !important; flex-wrap: wrap !important; }
  .col-md-3 { display: block !important; visibility: visible !important; opacity: 1 !important; }
}


/* Modal Identificação: usar a altura real do celular (dvh) e rolar só o conteúdo */
#modalIdentificacao .modal-dialog {
  margin: 0.5rem auto;
  height: calc(100dvh - 1rem); /* altura útil do viewport mobile */
  max-width: 520px;           /* opcional, mantém bonito no desktop */
}

#modalIdentificacao .modal-content {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

#modalIdentificacao .modal-body {
  overflow: auto;   /* rola só aqui */
  flex: 1 1 auto;
}

/* fallback para navegadores antigos que não suportam dvh */
@supports not (height: 100dvh) {
  #modalIdentificacao .modal-dialog {
    height: calc(100vh - 1rem);
  }
}


/* Esconde o alerta do carrinho quando estiver vazio */
#alert_carrinho:empty {
  display: none !important;
}