/* ************************** */
/* FOOTER */
/* ************************** */

.footer {
  padding: 0rem 2rem;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: auto;
  position: relative;
  z-index: 10;
  clear: both;
}

.grid--footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  padding: 0 2rem;
}

.footerItems {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.register-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer-link {
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
}

.footer-link:hover {
  color: var(--color-primary);
  transform: scale(1.1);
}

.exit-icon {
  width: 2.4rem;
  height: 2.4rem;
  color: #333;
}

.capten-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem; /* Reduced size */
  height: 6rem; /* Keep square */
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  overflow: hidden;
  background-color: #fff;
  /* padding: 0.5rem; */
}

.capten {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Changed from cover to contain */

  transition: all 0.3s;
}

.capten-container:hover {
  transform: scale(1.1);
  cursor: pointer;
  box-shadow: 0 0 10px rgba(57, 179, 133, 0.3);
}

.footerRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5rem;
}

.login-container {
  display: flex;
  align-items: center;
}

.login-icon {
  width: 2.4rem;
  height: 2.4rem;
  color: #333;
  cursor: pointer;
  transition: all 0.3s;
}

.login-icon:hover {
  color: var(--color-primary);
  transform: scale(1.1);
}

.copyright {
  font-size: 1.4rem;
  color: #333;
  text-align: right;
  line-height: 1.6;
}

.contacts {
  font-size: 1.4rem;
  color: #333;
  text-decoration: none;
}