body {
  font-family: 'Roboto', sans-serif;
}

.site-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.site-header h1 {
  color: #2c3e50; 
  font-weight: 700;
}

.navbar-nav .nav-link {
  color: #333;
  font-weight: 500;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #007bff;
}

.navbar-nav .nav-link.active {
  font-weight: bold;
  color: #007bff;
}

.action-link {
    color: #007bff;
    text-decoration: none;
}
.action-link:hover {
    text-decoration: underline;
}

.brand-logo {
  width: 100%;
  max-width: 120px;
  height: 100px;
  object-fit: contain;
  background-color: #fff; /* προαιρετικό για ομοιομορφία */
  padding: 4px;
  border-radius: 6px;
  transition: transform 0.2s ease;
}
.brand-logo:hover {
  transform: scale(1.05);
}

.brand-logo:hover {
  transform: scale(1.05);
}