.side-menu {
  width: 30%;
  max-width: 120px;
}

.side-menu .nav-link {
  padding: 8px 4px !important;
}

.side-menu .nav-link svg {
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 4px;
}

.side-menu .nav-link span {
  font-size: 11px;
  display: block;
  line-height: 1.2;
}

/* Geniş Ekran (Masaüstü) Stilleri */

@media (min-width: 992px) {
  .side-menu {
    width: auto;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .side-menu .nav-link {
    padding: 1rem 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .side-menu .nav-link svg {
    width: 44px !important;
    height: 44px !important;
  }
}

@media (min-width: 992px) {
  .side-menu .nav-link span {
    font-size: 1rem;
  }
}

.side-menu ul li:nth-child(1) svg {
  background-color: var(--bs-primary);
  color: #fff;
  padding: 5px;
  border-radius: 8px;
}

/* 2. İkon (Önemli Telefonlar) - Sarı */

.side-menu ul li:nth-child(2) svg {
  background-color: var(--bs-warning);
  color: #fff;
  padding: 5px;
  border-radius: 8px;
}

/* 3. İkon (Duyurular) - Yeşil */

.side-menu ul li:nth-child(3) svg {
  background-color: var(--bs-success);
  color: #fff;
  padding: 5px;
  border-radius: 8px;
}