/*
 * Moderní styl pro tým - Rovnátka Cheb
 */

/* Styl pro karty členů týmu */
.member {
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  margin-bottom: 50px !important;
  margin-top: 20px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
}

.member:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Styl pro obrázky členů týmu */
.member-img {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important; /* Zaoblení kontejneru obrázku */
}

.member-img img {
  width: 100% !important;
  height: auto !important;
  transition: transform 0.5s ease !important;
  border-radius: 0 !important; /* Zrušení zaoblení samotného obrázku - zaoblení je nyní na kontejneru */
}

.member:hover .member-img img {
  transform: scale(1.03) !important;
}

/* Styl pro informace o členech týmu */
.member-info {
  padding: 40px !important; /* Konzistentní padding ze všech stran */
  border-radius: 0 0 20px 20px !important;
  margin-bottom: 25px !important;
}

.member-info h4 {
  position: relative !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  padding-bottom: 10px !important;
  color: #1e4356 !important;
  font-weight: 600 !important;
}

.member-info h4:after {
  content: '' !important;
  position: absolute !important;
  display: block !important;
  width: 50px !important;
  height: 2px !important;
  background: #4fa6d5 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.member-info span {
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #777 !important;
  margin-bottom: 15px !important;
}

.member-info p {
  font-style: italic !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #444 !important;
}

/* Styl pro sociální ikony */
.member .social {
  position: absolute !important;
  left: 0 !important;
  bottom: -40px !important; /* Posunuto mimo viditelnou oblast */
  right: 0 !important;
  height: 40px !important;
  opacity: 0 !important;
  transition: ease-in-out 0.3s !important;
  background: rgba(31, 44, 55, 0.85) !important; /* Tmavší pozadí pro lepší čitelnost */
  color: white !important; /* Bílý text */
  font-weight: bold !important; /* Tučný text */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 0 20px 20px !important;
  overflow: hidden !important; /* Omezí obsah podle hranice */
}

.member:hover .social {
  opacity: 1 !important;
  bottom: 0 !important; /* Při najetí myší se posune na spodek obrázku */
}

/* Responzivní úpravy */
@media (max-width: 768px) {
  .member-info {
    padding: 25px !important;
  }
}