body {
  font-family: "Chicle", serif;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5 {
  font-family: "Chicle", serif;
  font-style: normal;
  color: #f7d6d1;
}

.form-label {
  color: #f7d6d1;
}

/* --------------------------- HEADER --------------------------- */
.top-bar {
    background-color: #ffffff; /* cor aproximada do rosa forte */
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    padding: 5px 0;
  }

  .btn:hover {
    color: #f7d6d1;
  }

  /* Logo no navbar */
  .navbar-brand img {
    height: 80px;
    object-fit: contain;
  }

  /* Links do menu principal */
  .navbar-nav .nav-link {
    color: #f8aca1;
    text-transform: uppercase;
    margin: 0 8px;
    font-size: 0.8rem;
  }
  .navbar-nav .nav-link:hover {
    color: #f8aca1; /* hover cor rosa/verm. */
  }

  .navbar-nav {
    font-size: 0.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .btn-close-cart {
    background-color: #f8aca1;
    border-color: #f8aca1;
    color: #ffffff;
  }

  .btn-comprar {
    color: #ffffff !important;
    background-color: #f8aca1;
}

  .cart-total {
    color: #f8aca1;   
  }

  .cart-total-value {
    color: #f8aca1; 
  }

  .title-cart {
    color: #f8aca1 !important;
  }

  .item-cart-title {
    color: #f8aca1 !important;
  }

  .item-cart-quantity-price {
    color: #f8aca1 !important;
  }

  /* Destaque do menu (PROMOÇÃO) */
  .nav-link-promo {
    color: #f8aca1 !important;
  }

  .offcanvas-title {
    color: #f8aca1 !important;
  }

  .nav-link {
    color: #f8aca1 !important;
  }

  .fa-bag-shopping {
    color: #f8aca1 !important;
  }

  .fa-search {
    color: #f8aca1 !important;
  }
  .fa-instagram {
    color: #f8aca1;
  }

/* --------------------------- FOOTER --------------------------- */

/* Ajuste a cor de fundo superior */
.footer-top {
    background-color: #f8aca1; /* Exemplo de amarelo. Altere conforme desejar */
  }

  /* Títulos e links do footer-top */
  .footer-title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: #aa9a9a;
  }

  .footer-logo-text {
    font-size: 1rem;
  }

  .footer-links li a {
    color: #fff; /* Contraste com o fundo amarelo */
    text-decoration: none;
    font-size: 11px;
  }

  .footer-links li a:hover {
    text-decoration: underline;
  }

  /* Estilização de ícones de redes sociais (você pode ajustar tamanhos, margens etc.) */
  .social-icons a img {
    width: 24px;
    height: 24px;
  }

  /* Faixa inferior (fundo branco) */
  .footer-bottom {
    background-color: #ffffff;
  }

  /* Títulos menores do footer-bottom */
  .footer-subtitle {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #333;
  }

  /* Imagens e ícones de pagamentos, envios, etc. */
  .footer-bottom img {
    max-height: 40px;
  }

  .rating-text {
    color: #4caf50; /* Cor de destaque para a avaliação */
    font-size: 1rem;
  }

  /* Texto de direitos autorais */
  .copyright {
    color: #999;
    font-size: 0.85rem;
    margin-top: 1rem;
  }


#btn-logout {
  max-width: 89px !important;
  font-size: 0.6rem !important;
  background-color: #f8aca1 !important;
}


/* MOBILE FONTS */

@media (max-width: 768px) {
  .cart-modal {
    width: 100% !important;
  }
  
  .info-text {
    font-size: 0.5rem;
  }

  h5 {
    font-size: 1.0rem;
  }

  .logo-footer {
    display: flex;
    justify-content: center;
  }

  .navbar-nav {
    font-size: 0.6rem;
    display: flex;  
    align-items: baseline;
    flex-direction: column;
  }

  .offcanvas-title {
    color: #f8aca1 !important;
  }

  .nav-link {
    color: #f8aca1 !important;
  }

  .fa-bag-shopping {
    color: #f8aca1 !important;
  }

  .fa-search {
    color: #f8aca1 !important;
  }
  .fa-instagram {
    color: #f8aca1;
  }
  .container-update-product {
    margin-top: 10%;
  }
  .container-update-variation {
    margin-top: 10%;
  }
}