/* ==========================================================
   MENU SWITZER — CSS do menu principal (separado do style.css)
   Estrutura clara, com foco na personalização do logotipo SWITZER
   ========================================================== */

/* --------------------------------------------------------- */
/* Fonte personalizada usada no logotipo                    */
/* --------------------------------------------------------- */
@font-face {
  font-family: 'LibertyD';
  src: url('https://plus.switzer.pt/fonts/LIBERTDN.woff') format('woff');
}

/* --------------------------------------------------------- */
/* Comportamento dos dropdowns no hover (apenas em desktop) */
/* --------------------------------------------------------- */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
  .navbar .dropdown .dropdown-menu {
    margin-top: 0;
  }
}

/* --------------------------------------------------------- */
/* Estilo base da barra de navegação (menu horizontal)      */
/* --------------------------------------------------------- */
.navbar {
  background-color: #ffffff;
  padding-left: 50px;
  padding-right: 40px;
  align-items: center;
  box-shadow: var(--bs-box-shadow-sm); /* Sombra suave do Bootstrap */
  flex-wrap: wrap;
}

/* --------------------------------------------------------- */
/* LOGOTIPO SWITZER (formato texto com classe .logo a)       */
/* --------------------------------------------------------- */
.logo a {
  font-family: 'LibertyD', sans-serif; /* Fonte decorativa personalizada */
  font-size: 2.8rem;                   /* Tamanho padrão para desktop */
  letter-spacing: 0.45em;              /* Espaçamento entre letras */
  color: #000000;                      /* Cor preta */
  white-space: nowrap;                /* Impede quebra de linha */
  text-decoration: none;              /* Remove sublinhado */
}

/* --------------------------------------------------------- */
/* BOTÃO HAMBÚRGUER (visível apenas em ecrãs pequenos)      */
/* --------------------------------------------------------- */
.navbar-toggler {
  width: 36px;
  height: 36px;
  padding: 4px;
  margin-right: 12px;
  background-color: transparent;
  border: none; /* Removido contorno para um visual mais limpo */
}

.navbar-toggler-icon {
  background-size: 100% 100%;
}

/* --------------------------------------------------------- */
/* LINKS DO MENU PRINCIPAL                                  */
/* --------------------------------------------------------- */
.navbar-nav .nav-link {
  font-size: 1.15rem;
  margin-right: 1.2rem;
  color: #000;
}

/* --------------------------------------------------------- */
/* DROPDOWN MENU                                            */
/* --------------------------------------------------------- */
.dropdown-menu {
  border-radius: 0.5rem;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  padding: 0.5rem 0;
  border: none;
  min-width: 180px;
  background-color: #fff;
}

.dropdown-item {
  font-size: 0.95rem;
  padding: 8px 20px;
  color: #000;
}

.dropdown-item:hover {
  background-color: #f0f0f0;
  color: #000;
}

/* ========================================================== */
/* AJUSTES PARA TELEMÓVEIS E TABLETS (responsive)            */
/* ========================================================== */
@media (max-width: 991.98px) {

   /* LOGOTIPO SWITZER em telemóvel */
  .logo a {
    font-size: 2.2rem;     /* Aumentar ou reduzir aqui consoante o espaço */
    letter-spacing: 0.3em; /* Ajuste do espaçamento para ecrãs pequenos */
  }

  /* Menu com sombra mais leve em mobile */
  .navbar {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  }

  .navbar-collapse {
    padding-left: 24px;
    width: 100%;
  }

  .navbar-nav {
    align-items: flex-start;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* ==========================================================
   FIM DO menu.css — Podes controlar o logotipo aqui:
   - Para PC: dentro de `.logo a` (fora de media queries)
   - Para mobile: dentro da media query @media (max-width: 991.98px)
   ========================================================== */