/* Styly pro logo HYPOCITY */
.logo-container {
  display: flex;
  align-items: center;
}

.logo-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--primary-color);
  text-decoration: none;
  position: relative;
  letter-spacing: 1px;
}

.logo-text span.hypo {
  color: var(--primary-color);
}

.logo-text span.city {
  color: var(--accent-color);
}

.logo-icon {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-icon svg {
  width: 40px;
  height: 40px;
}

.logo-icon .house {
  fill: var(--primary-color);
}

.logo-icon .roof {
  fill: var(--secondary-color);
}

.logo-icon .growth {
  fill: var(--accent-color);
}

@media (max-width: 768px) {
  .logo-text {
    font-size: 1.5rem;
  }
  
  .logo-icon svg {
    width: 30px;
    height: 30px;
  }
}