/* =========================================================
   BFY MADENCİLİK — Tasarım Sistemi
   Palet: Slate (koyu zemin) + Ocher/Cevher (vurgu) + Pas (ikincil vurgu)
   Tipografi: Big Shoulders Display (başlık) / Work Sans (gövde) / JetBrains Mono (veri)
   İmza öğesi: "Karot" katman bandı — sondaj karotu kesitini simgeleyen katmanlı şerit
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800;900&family=Work+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  /* Renkler */
  --c-slate-950:#15171B;
  --c-slate-900:#1D2024;
  --c-slate-800:#2A2E33;
  --c-slate-600:#565C63;
  --c-stone-100:#EDEEE7;
  --c-stone-50:#F5F6F1;
  --c-ocher-500:#C98A2E;
  --c-ocher-600:#A9701F;
  --c-rust-600:#7A3B2A;
  --c-rust-400:#A3543D;
  --c-line:#D8D9D1;

  /* Tipografi */
  --f-display:'Big Shoulders Display', sans-serif;
  --f-body:'Work Sans', sans-serif;
  --f-mono:'JetBrains Mono', monospace;

  --radius-sm:2px;
  --radius-md:4px;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-family:var(--f-body);
  color:var(--c-slate-900);
  background:var(--c-stone-50);
  line-height:1.6;
}

::selection{background:var(--c-ocher-500); color:#fff;}

h1,h2,h3,h4,.font-display{
  font-family:var(--f-display);
  font-weight:800;
  letter-spacing:.01em;
  text-transform:uppercase;
  line-height:.98;
  color:var(--c-slate-950);
}

.font-mono{font-family:var(--f-mono);}

.eyebrow{
  font-family:var(--f-mono);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c-ocher-600);
  display:flex;
  align-items:center;
  gap:.6rem;
}
.eyebrow::before{
  content:"";
  width:22px;height:2px;
  background:var(--c-ocher-500);
  display:inline-block;
}

a{color:var(--c-rust-600); text-decoration:none;}
a:hover{color:var(--c-ocher-600);}

.btn{
  font-family:var(--f-body);
  font-weight:600;
  border-radius:var(--radius-sm);
  padding:.75rem 1.6rem;
  letter-spacing:.02em;
  transition:all .18s ease;
}
.btn-ocher{
  background:var(--c-ocher-500);
  border:1px solid var(--c-ocher-500);
  color:#fff;
}
.btn-ocher:hover{background:var(--c-ocher-600); border-color:var(--c-ocher-600); color:#fff;}

.btn-outline-light2{
  background:transparent;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
}
.btn-outline-light2:hover{background:rgba(255,255,255,.1); border-color:#fff; color:#fff;}

.btn-outline-dark2{
  background:transparent;
  border:1px solid var(--c-slate-900);
  color:var(--c-slate-900);
}
.btn-outline-dark2:hover{background:var(--c-slate-900); color:#fff;}

/* ---------- NAVBAR ---------- */
.navbar-BFY{
  background:var(--c-slate-950);
  padding:.9rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar-BFY .navbar-brand{
  font-family:var(--f-display);
  font-weight:800;
  font-size:1.5rem;
  color:#fff;
  letter-spacing:.03em;
  line-height:1;
}
.navbar-BFY .navbar-brand span{
  display:block;
  font-family:var(--f-mono);
  font-size:.62rem;
  font-weight:400;
  letter-spacing:.28em;
  color:var(--c-ocher-500);
  text-transform:uppercase;
}
.navbar-BFY .nav-link{
  font-family:var(--f-body);
  font-weight:600;
  font-size:.92rem;
  color:rgba(255,255,255,.75) !important;
  padding:.5rem 1rem !important;
  position:relative;
}
.navbar-BFY .nav-link:hover, .navbar-BFY .nav-link.active{color:#fff !important;}
.navbar-BFY .nav-link.active::after{
  content:"";
  position:absolute;
  left:1rem; right:1rem; bottom:.15rem;
  height:2px;
  background:var(--c-ocher-500);
}
.navbar-BFY .btn-ocher{padding:.5rem 1.3rem; font-size:.88rem;}

/* ---------- STRATA (karot) bandı — imza öğe ---------- */
.strata-band{
  width:100%;
  height:14px;
  display:flex;
}
.strata-band span{flex:1;}
.strata-band .l1{background:var(--c-rust-600);}
.strata-band .l2{background:var(--c-ocher-500);}
.strata-band .l3{background:var(--c-slate-800);}
.strata-band .l4{background:var(--c-ocher-600);}
.strata-band .l5{background:var(--c-rust-400);}
.strata-band .l6{background:var(--c-slate-600);}

/* ---------- HERO ---------- */
.hero{
  background:linear-gradient(160deg, var(--c-slate-950) 0%, var(--c-slate-900) 55%, var(--c-rust-600) 130%);
  color:#fff;
  padding:6.5rem 0 3.5rem;
  position:relative;
  overflow:hidden;
}
.hero h1{
  color:#fff;
  font-size:clamp(2.6rem, 6vw, 5.2rem);
}
.hero .lead{
  font-size:1.15rem;
  color:rgba(255,255,255,.8);
  max-width:620px;
}
.hero-core{
  position:absolute;
  right:-60px; top:0; bottom:0;
  width:220px;
  display:flex;
  flex-direction:column;
  opacity:.55;
}
.hero-core span{flex:1; border-bottom:1px solid rgba(0,0,0,.15);}

/* Küçük ekranlarda karot dekorunu gizle */
@media (max-width:991px){.hero-core{display:none;}}

/* ---------- İstatistik şeridi ---------- */
.stat-strip{
  background:var(--c-slate-900);
  color:#fff;
  padding:2.2rem 0;
}
.stat-item .num{
  font-family:var(--f-mono);
  font-size:2.1rem;
  font-weight:600;
  color:var(--c-ocher-500);
  line-height:1;
}
.stat-item .lbl{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.65);
  margin-top:.4rem;
}

/* ---------- Bölüm başlıkları ---------- */
.section{padding:5rem 0;}
.section-alt{background:var(--c-stone-100);}
.section-dark{background:var(--c-slate-950); color:#fff;}
.section-dark h2, .section-dark h3{color:#fff;}

/* ---------- Kartlar ---------- */
.card-BFY{
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:var(--radius-md);
  padding:2rem 1.6rem;
  height:100%;
  transition:transform .18s ease, box-shadow .18s ease;
}
.card-BFY:hover{transform:translateY(-4px); box-shadow:0 14px 28px rgba(21,23,27,.1);}
.card-BFY .num-tag{
  font-family:var(--f-mono);
  font-size:.78rem;
  color:var(--c-ocher-600);
  letter-spacing:.08em;
}
.card-BFY h3{
  font-size:1.35rem;
  margin-top:.5rem;
}
.card-BFY p{color:var(--c-slate-600); font-size:.95rem; margin-bottom:0;}

/* ---------- Saha / proje kartı ---------- */
.site-card{
  border:1px solid var(--c-line);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:#fff;
  height:100%;
}
.site-card-top{
  background:var(--c-slate-900);
  color:#fff;
  padding:1.6rem 1.4rem;
}
.site-card-top .status{
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.2rem .55rem;
  border-radius:2px;
  display:inline-block;
  margin-bottom:.6rem;
}
.status-aktif{background:rgba(201,138,46,.2); color:var(--c-ocher-500); border:1px solid var(--c-ocher-500);}
.status-etut{background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(210, 130, 25, 0.3);}
.site-card-body{padding:1.4rem;}
.site-card-body dl{display:grid; grid-template-columns:auto 1fr; gap:.35rem 1rem; font-size:.92rem; margin:0;}
.site-card-body dt{color:var(--c-slate-600); font-family:var(--f-mono); font-size:.78rem; text-transform:uppercase;}
.site-card-body dd{margin:0; font-weight:600;}

/* ---------- Zaman çizelgesi (hakkımızda) ---------- */
.timeline{border-left:2px solid var(--c-line); padding-left:1.6rem; margin-left:.4rem;}
.timeline-item{position:relative; padding-bottom:2.2rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item::before{
  content:"";
  position:absolute; left:-1.9rem; top:.3rem;
  width:12px; height:12px; border-radius:50%;
  background:var(--c-ocher-500);
  border:2px solid var(--c-stone-50);
}
.timeline-item .yil{font-family:var(--f-mono); color:var(--c-ocher-600); font-weight:600;}

/* ---------- Değer kutuları ---------- */
.value-box{border-top:3px solid var(--c-ocher-500); padding-top:1rem;}

/* ---------- Form ---------- */
.form-control-BFY{
  border-radius:var(--radius-sm);
  border:1px solid var(--c-line);
  padding:.7rem .9rem;
}
.form-control-BFY:focus{
  border-color:var(--c-ocher-500);
  box-shadow:0 0 0 .2rem rgba(201,138,46,.18);
}
label.form-label{
  font-size:.82rem; font-weight:600; letter-spacing:.03em;
  text-transform:uppercase; color:var(--c-slate-600);
}

/* ---------- İletişim bilgi kutusu ---------- */
.info-box{border-left:3px solid var(--c-ocher-500); padding-left:1.1rem;}

/* ---------- Footer ---------- */
footer.footer-BFY{
  background:var(--c-slate-950);
  color:rgba(255,255,255,.65);
  padding:3.5rem 0 1.5rem;
}
footer.footer-BFY h5{
  color:#fff; font-family:var(--f-display); font-weight:700;
  text-transform:uppercase; font-size:1.05rem; margin-bottom:1rem;
}
footer.footer-BFY a{color:rgba(255,255,255,.65);}
footer.footer-BFY a:hover{color:var(--c-ocher-500);}
footer.footer-BFY .footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:2.2rem; padding-top:1.4rem;
  font-size:.82rem;
  font-family:var(--f-mono);
}

/* ---------- Kariyer sayfası: pozisyon satırı ---------- */
.job-row{
  border:1px solid var(--c-line);
  border-radius:var(--radius-md);
  padding:1.3rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.8rem;
  transition:border-color .15s ease;
}
.job-row:hover{border-color:var(--c-ocher-500);}
.job-row .job-loc{font-family:var(--f-mono); font-size:.8rem; color:var(--c-slate-600);}

/* Erişilebilirlik: klavye odak */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--c-ocher-500); outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important; scroll-behavior:auto !important;}
}
.navbar-BFY .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23C98A2E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}