/* === About page clean CSS (final) === */

.about-slider { height: 420px; }
.about-slide {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: 0; transition: opacity 1s ease;
}
.about-slide.active { opacity: 1; }

.dot { width: 10px; height: 10px; border-radius: 9999px;
  background: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.9); }
.dot.active { background: #fff; }

/* Sosial ikon düymələri */
.icon-btn {
  width: 44px; height: 44px; background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.35); color: #fff; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform .18s ease, background .18s ease, box-shadow .22s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.icon-btn:hover { transform: translateY(-2px); background: rgba(255,255,255,.25); }

/* Rəhbər şəkli — baş tam görünsün deyə fokus aşağı salınır */
.portrait-focus { object-position: 50% 20%; }

/* Oxunaqlılıq */
.prose p { margin-bottom: 1.2em; line-height: 1.8; }

/* ------------ EPPM linki: underline tam söndürülür ------------- */
/* Tailwind Typography (.prose a) underline-ını override edirik */
.prose a.link-thin {
  text-decoration: none !important;
  background-image: none !important; /* bəzi tema underline-ları üçün */
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Sadə, təmiz link stili */
a.link-thin {
  /* Reset etməyək ki, position və s. itməsin; kifayət qədərdir: */
  display: inline-block;           /* baseline artefaktlarının qarşısını alır */
  vertical-align: middle;
  color: #1e3a8a;
  font-weight: 600;
  cursor: pointer;
}
a.link-thin:hover {
  color: #1d4ed8;
  text-decoration: none;
}

/* =============================================================== */