.webndo-team{
  position: relative;
  width: 100%;
}

/* ====== Layout: stânga text / dreapta carusel ====== */
.webndo-team__grid{
  display: flex;
  gap: var(--webndo-cols-gap, 60px);
  align-items: flex-start;
}

.webndo-team__left{
  width: var(--webndo-left-width, 360px);
  flex: 0 0 var(--webndo-left-width, 360px);
}

.webndo-team__right{
  flex: 1 1 auto;
  min-width: 0; /* IMPORTANT for flex overflow */
}

/* ====== Texte ====== */
.webndo-team__small-title{
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.webndo-team__title{
  font-weight: 900;
  font-size: 56px;
  line-height: 1.05;
  margin-top: 20px;
}

.webndo-team__intro{
  margin-top: 50px;
  opacity: .9;
  max-width: 360px;
}

/* ====== Săgeți sub text (ca în mockup) ====== */
.webndo-nav--under-text{
  margin-top: 40px;
  display: flex;
  gap: 14px;
  align-items: center;
}

.webndo-nav__btn{
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  opacity: 1;
  appearance: none;
  -webkit-appearance: none;
}

/* Hover = negru */
.webndo-nav__btn:hover svg{
  fill: #000 !important;
}
/* Focus/active fără roz */
.webndo-nav__btn:focus,
.webndo-nav__btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* ====== Carusel ====== */
.webndo-swiper{
  overflow-x: hidden;
  overflow-y: visible;   /* permite umbrei sa se vada */
  padding: 0 30px 35px;              /* stânga/dreapta + jos */
  box-sizing: border-box;
}


.webndo-swiper__track{
  display: flex;
  will-change: transform;
  transition: transform 350ms ease;
    margin-left: -30px;
  padding-left: 30px;
  padding-right: 30px;
}

.webndo-slide{
  flex: 0 0 auto;
}

/* ====== Card ====== */
.webndo-card{
  position: relative;
}

.webndo-card__media{
  position: relative;
  overflow: visible; /* ca sa se vada butoanele in stanga */
}

.webndo-card__img{
  width: 100%;
  height: auto;
  display: block;
}

/* ====== Butoane telefon/email (lipite în stânga imaginii) ====== */
.webndo-contact{
  position: absolute;
  left: calc(var(--webndo-contact-left, 52px) * -1);
  bottom: var(--webndo-contact-bottom, 18px);
  display: flex;
  gap: 0;
}

.webndo-contact__btn{
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.webndo-contact__btn svg{
  width: 18px;
  height: 18px;
  fill: #fff;
}

/* Culori default (se pot override din Elementor Style controls) */
.webndo-contact__btn--phone{ background: #000; }
.webndo-contact__btn--mail{ background: #025D98; }

/* ====== Info box ====== */
.webndo-card__info{
  position: relative;
  margin-top: -8px;
  padding: 22px 22px 20px 22px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.16);
}

.webndo-card__accent{
  position: absolute;
  left: 0;
  top: 16px;
  width: 8px;
  height: calc(100% - 32px);
  background: #025D98;
}

.webndo-card__name{
  font-weight: 900;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.1;
}

.webndo-card__role{
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.25;
}

/* ====== Responsive ====== */
@media (max-width: 1024px){
  .webndo-team__grid{ gap: 32px; }
  .webndo-team__title{ font-size: 44px; }
  .webndo-team__intro{ max-width: 100%; }
}

@media (max-width: 767px){
  .webndo-team__grid{
    flex-direction: column;
    gap: 20px;
  }

  .webndo-team__left{
    width: 100%;
    flex-basis: auto;
  }

  .webndo-contact{
    left: 0; /* pe mobil nu mai ies in afara */
  }
}

/* Elimină orice hover/active/focus background din temă */
.webndo-nav__btn,
.webndo-nav__btn:hover,
.webndo-nav__btn:active,
.webndo-nav__btn:focus,
.webndo-nav__btn:focus-visible{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Dacă tema pune stil pe svg / path la hover */
.webndo-nav__btn svg,
.webndo-nav__btn svg path{
  transition: none;
}

/* Hover: săgeata devine neagră (cum ai cerut) */
.webndo-nav__btn:hover svg,
.webndo-nav__btn:hover svg path{
  fill: #000 !important;
}