/* Bosphorus Mining Connect Speakers — ön yüz (sitedeki orijinal tasarım) */

.bmc-speakers {
  --bmc-blue:   #0b7cb8;
  --bmc-tan:    #d5a468;
  --bmc-peach:  #f9cba0;
  --bmc-ink:    #3f4a54;
  --bmc-muted:  #6b7783;
  font-family: "Poppins", "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--bmc-ink);
  padding: 8px 0 48px;
}

.bmc-speakers__grid {
  display: grid;
  grid-template-columns: repeat(var(--bmc-cols, 4), minmax(0, 1fr));
  gap: 40px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bmc-speaker { margin: 0; text-align: left; }

.bmc-speaker__photo {
  position: relative;
  display: block;
  margin: 0 0 15px;
  border: 1px solid var(--bmc-blue);
  background: #eef3f6;
  overflow: hidden;
}
.bmc-speaker__photo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center 20%;
}

/* Fotoğrafı olmayan konuşmacı: baş harfler */
.bmc-speaker__photo--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 4;
}
.bmc-speaker__photo--empty span {
  font-size: 48px;
  font-weight: 700;
  color: var(--bmc-blue);
  opacity: .35;
  letter-spacing: .04em;
}

.bmc-speaker__name {
  margin: 15px 0 10px !important;
  font-size: 15px !important;
  line-height: 1.3;
  font-weight: 700;
  color: var(--bmc-blue);
  letter-spacing: -0.01em;
}

.bmc-speaker__role {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--bmc-muted);
}
.bmc-speaker__role a {
  overflow-wrap: anywhere; /* uzun adresler dar sütunda taşmasın */
  color: var(--bmc-blue);
  text-decoration: none;
  border-bottom: 1px dotted var(--bmc-blue);
}
.bmc-speaker__role a:hover { border-bottom-style: solid; }

.bmc-more-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 6px 0;
  background: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bmc-blue);
  letter-spacing: 0.02em;
  transition: color .15s;
}
.bmc-more-btn:hover { color: var(--bmc-tan); }
/* Tema buton stilleri (arka plan / kenarlık / hover rengi) ezmesin */
.bmc-speakers .bmc-more-btn,
.bmc-speakers .bmc-more-btn:hover,
.bmc-speakers .bmc-more-btn:focus {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-transform: none;
}
.bmc-speakers .bmc-more-btn:hover,
.bmc-speakers .bmc-more-btn:focus-visible { color: var(--bmc-tan); }
.bmc-more-btn::after { content: " ▾"; }

/* ── Modal / lightbox ─────────────────────────────────────────── */
.bmc-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(15, 25, 35, 0.72);
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 16px;
  overflow-y: auto;
  animation: bmcFadeIn .2s ease-out;
  font-family: "Poppins", "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.bmc-modal.is-open { display: flex; }

.bmc-modal__panel {
  position: relative;
  width: 100%;
  max-width: 680px;
  background: #fff;
  border-top: 4px solid #0b7cb8;
  border-radius: 6px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: 40px 44px 36px;
  animation: bmcSlideUp .25s ease-out;
}
.bmc-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  border-radius: 50%;
  transition: background .15s, color .15s;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Tema buton stilleri ezmesin; açılışta odaklanınca şeffaf kalır */
.bmc-modal .bmc-modal__close,
.bmc-modal .bmc-modal__close:focus {
  background: transparent;
  color: #000;
  border: 0;
  box-shadow: none;
  outline: none;
}
.bmc-modal .bmc-modal__close:hover,
.bmc-modal .bmc-modal__close:focus-visible {
  background: #0b7cb8;
  color: #fff;
}
.bmc-modal__name {
  margin: 0 40px 6px 0;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  color: #0b7cb8;
  letter-spacing: -0.01em;
}
.bmc-modal__role {
  margin: 0 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e9ee;
  font-size: 14.5px;
  line-height: 1.55;
  color: #000;
}
.bmc-modal__role a {
  overflow-wrap: anywhere;
  color: #0b7cb8;
  text-decoration: none;
  border-bottom: 1px dotted #0b7cb8;
}
.bmc-modal__body {
  font-size: 15px;
  line-height: 1.7;
  color: #000;
}
.bmc-modal__body p { margin: 0 0 14px; }
.bmc-modal__body p:last-child { margin-bottom: 0; }
.bmc-modal__body a { color: #0b7cb8; }

body.bmc-no-scroll { overflow: hidden; }

@keyframes bmcFadeIn  { from { opacity: 0 } to { opacity: 1 } }
@keyframes bmcSlideUp { from { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: none } }

@media (max-width: 1024px) {
  .bmc-speakers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
}
@media (max-width: 560px) {
  .bmc-speakers__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .bmc-speaker__photo img,
  .bmc-speaker__photo--empty { aspect-ratio: 4 / 3; object-position: center 22%; }
  .bmc-modal__panel { padding: 32px 22px 28px; }
  .bmc-modal__name { font-size: 20px; }
}