/* =====================
   RESPONSIVE OVERRIDES
   Faixa: 576px até 767px
   ===================== */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Formulário principal */
  .job-main-form .form-group {
    margin-bottom: 0.75rem;
  }

  .job-main-form__button {
    width: 100%;
    margin-top: 0.5rem;
  }

  /* Navbar dropdowns */
  .navbar .dropdown-menu {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
  }

  /* Redução de padding lateral para evitar corte */
  .navbar .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}


/* =====================
   RESPONSIVE OVERRIDES
   Faixa: 768px até 991px
   ===================== */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Ajuste no formulário principal */
  .job-main-form .form-group {
    margin-bottom: 1rem;
  }

  .job-main-form__button {
    width: auto;
    margin-top: 0;
  }

  /* Melhor uso da navbar */
  .navbar .dropdown-menu {
    font-size: 1rem;
  }

  .navbar .nav-link {
    font-size: 0.95rem;
  }

  .navbar .dropdown-toggle {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}


/* =====================
   RESPONSIVE OVERRIDES
   Faixa: 992px até 1199px
   ===================== */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Navbar: aumentar legibilidade */
  .navbar .nav-link {
    font-size: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Cards de vagas: manter altura mínima para alinhamento */
  .job-listing {
    min-height: 220px;
  }

  /* Ajuste visual em textos longos */
  .job-listing h3 {
    font-size: 1rem;
  }

  .job-listing .text-muted {
    font-size: 0.875rem;
  }
}