/* ==================== style.css (ÇAKIŞMALARI GİDERİLMİŞ, TAM) ==================== */

/* ==================== GOOGLE FONTS ==================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* ==================== CSS DEĞİŞKENLERİ ==================== */
:root {
    --header-height: 4.5rem;
    --primary-color: #007AFF;
    --primary-color-alt: #0056b3;
    --background-color: #F5F5F7;
    --container-color: #FFFFFF;
    --text-color: #1D1D1F;
    --text-color-light: #6E6E73;
    --border-color: #e0e0e0;

    --body-font: 'Poppins', sans-serif;
    --biggest-font-size: 3rem;
    --h1-font-size: 2.25rem;
    --h2-font-size: 1.5rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1rem;

    /* slider-gap helper */
    --slider-gap: 20px;
}

/* KOYU TEMA (mevcut yapı korunur) */
body.dark-theme {
    --primary-color: #00A8FF;
    --primary-color-alt: #007fbf;
    --background-color: #121212;
    --container-color: #1E1E1E;
    --text-color: #EAEAEA;
    --text-color-light: #A0A0A0;
    --border-color: #333;
}

/* ==================== TEMEL AYARLAR ==================== */
* { box-sizing: border-box; padding: 0; margin: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color 0.4s, color 0.4s;
}
h1,h2,h3,h4 { font-weight: 600; color: var(--text-color); }
ul { list-style: none; }
a { text-decoration: none; color: var(--text-color); transition: color .3s; }
a:hover { color: var(--primary-color); }
img { max-width: 100%; height: auto; }

/* ==================== TEKRAR KULLANILAN SINIFLAR ==================== */
.section { padding: 6rem 0 2rem; }
.section__title { text-align:center; font-size: var(--h2-font-size); margin-bottom: 3rem; }
.subsection__title { text-align:center; font-size: var(--h3-font-size); margin-bottom: 2rem; color: var(--primary-color); }
.container { max-width: 1120px; margin-left:auto; margin-right:auto; padding: 0 1.5rem; }

.button {
    display:inline-block;
    background-color:var(--primary-color);
    color:#fff;
    padding:1.1rem 2.2rem;
    border-radius:.5rem;
    font-weight:600;
    border:none;
    cursor:pointer;
    transition: background-color .3s, transform .3s;
}
.button:hover { background-color:var(--primary-color-alt); transform: translateY(-3px); }

/* ==================== HEADER & NAV ==================== */
.header {
    width:100%;
    position:fixed;
    top:0; left:0;
    z-index:100;
    background-color:var(--container-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: background-color .4s, box-shadow .4s;
}
.header-scrolled {
    background-color: var(--background-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.nav { height: var(--header-height); display:flex; justify-content:space-between; align-items:center; }
.nav__logo { font-weight:700; font-size:1.25rem; }
.nav__list { display:flex; gap:2.5rem; }
.nav__link { font-weight:600; position:relative; }
.nav__actions { display:flex; align-items:center; gap:1rem; }
.theme-toggle img { width:24px; height:24px; cursor:pointer; }
.nav__toggle { display:none; cursor:pointer; font-size:1.5rem; }

/* ==================== HERO (MEVCUT KOD KORUNDU) ==================== */
.hero { position:relative; height:70vh; overflow:hidden; }
.hero__slide {
  background-size:cover;
  background-position:center;
  height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:white;
  position:absolute;
  inset:0;
  opacity:0;
  transition: opacity 1s ease-in-out;
}
.hero__slide[aria-hidden="false"], .hero__slide.active { opacity:1; z-index:1; }
.hero__overlay { position:absolute; inset:0; background: rgba(0,0,0,0.4); border-radius: inherit; }

/* ==================== ABOUT ==================== */
.about__container { display:grid; gap:2rem; }
.about__text p { line-height:1.7; font-size:1.1rem; text-align:center; max-width:800px; margin:0 auto 3rem auto; }
.about__goals { display:grid; grid-template-columns: repeat(2,1fr); gap:2rem; }
.goal-card { background-color: var(--container-color); padding:2rem; border-radius:.75rem; text-align:center; border:1px solid var(--border-color); }
.goal-card__icon { width:50px; margin-bottom:1rem; }

/* ==================== PROJECTS (ÇAKIŞMALARI GİDER) ==================== */
/* === GÖRSELDEKİYLE BİREBİR AYNI KART TASARIMI === */
#projects { background-color: var(--container-color); }
.projects__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 2.5rem;
  justify-content: center;
}

.project-card {
  background-color: var(--background-color);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: all .3s ease;
  width: 100%;
  max-width: 380px;
  height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.project-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

.project-card__img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

.project-card__data {
  flex: 1;
  padding: 1.25rem 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.project-card__title {
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.project-card__customer {
  font-size: 0.9rem;
  color: #888;
  text-align: center;
  margin-bottom: 1rem;
}

.project-card__tag {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 0.8rem;
  border-radius: 1rem;
  padding: .3rem .9rem;
  margin: .3rem .3rem 0 0;
  display: inline-block;
  text-align: center;
}

.project-card__data .project-card__tag {
  align-self: center;
}

/* Grid içi hizalama */
.slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ---------- Slider-specific rules (sadece .slider içindeki kartlar etkilenir) ---------- */
.slider-container { position:relative; overflow:hidden; width:100%; margin-top: 2rem; }
.slider {
  display:flex;
  gap: var(--slider-gap);
  transition: transform 0.6s ease;
  will-change: transform;
  align-items: stretch;
}
/* burada flex genişliği sadece slider içinde geçerli */
.slider .project-card {
  flex: 0 0 calc(33.333% - (var(--slider-gap) * 2 / 3));
  min-width: 220px;
  display:flex;
  flex-direction:column;
}
.slider .project-card .project-card__data { text-align:center; }

/* Slider butonları (tekrar eden stiller ortadan kaldırıldı) */
.slider-btn {
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:none;
  cursor:pointer;
  z-index:60;
  font-size:20px;
  background: rgba(0,0,0,0.45);
  color:#fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: background .2s, transform .12s;
}
.slider-btn:hover { transform: translateY(-50%) scale(1.05); }
.slider-btn:active { transform: translateY(-50%) scale(0.98); }
.slider-btn.prev { left:10px; }
.slider-btn.next { right:10px; }
@media (max-width:480px) {
  .slider { padding: 10px 28px; }
  .slider-btn { width:38px; height:38px; font-size:18px; }
  .slider-btn.prev { left:6px; }
  .slider-btn.next { right:6px; }
}

/* Koyu tema optimize */
body.dark-theme .slider-btn { background: rgba(255,255,255,0.06); color: var(--text-color); box-shadow: 0 6px 18px rgba(0,0,0,0.45); }

/* ==================== REFERENCES, CERTS, HR, CONTACT vb. (MEVCUT KORUNDU) ==================== */
.references__container { overflow:hidden; padding:2rem 0; }
.logo-slider { position:relative; width:100%; }
.logo-track { display:flex; width: calc(200px * 16); animation: scroll 40s linear infinite; }
.logo-track img { height:60px; width:200px; object-fit:contain; margin:0 40px; filter:grayscale(1); opacity:.7; transition:.3s; }
.logo-track:hover img { filter:grayscale(0); opacity:1; }
@keyframes scroll { 0%{transform:translateX(0);} 100%{transform:translateX(calc(-200px * 8));} }

.certificates__container { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:2rem; }
.cert-card { text-align:center; background:var(--container-color); padding:1.5rem; border-radius:.75rem; border:1px solid var(--border-color); }
.cert-card__img { height:120px; object-fit:contain; margin-bottom:1rem; }
.cert-card__title { margin-bottom:.25rem; }
.cert-card__desc { color:var(--text-color-light); font-size:.9rem; }

#hr { background-color: var(--container-color); }
.hr__container { text-align:center; }
.hr__text p { max-width:700px; margin:0 auto 3rem auto; font-size:1.1rem; line-height:1.7; }
.hr__stats { display:flex; justify-content:center; gap:2rem; flex-wrap:wrap; margin-bottom:3rem; }
.stat-card { background-color:var(--background-color); padding:2rem; border-radius:.75rem; min-width:200px; }
.stat-card__number { font-size:2.5rem; font-weight:700; color:var(--primary-color); display:block; }
.stat-card__title { font-weight:600; }

.contact__container { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:flex-start; }
.contact__form input, .contact__form textarea { width:100%; padding:1rem; border-radius:.5rem; border:1px solid var(--border-color); background-color:var(--background-color); color:var(--text-color); font-family:var(--body-font); }
.contact__form input:focus, .contact__form textarea:focus { outline:2px solid var(--primary-color); }
.contact__map { margin-top:20px; overflow:hidden; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2); }

.footer { background-color:var(--container-color); padding:3rem 0; border-top:1px solid var(--border-color); }
.footer__container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer__title { font-size:1.1rem; margin-bottom:.25rem; }
.footer__right { text-align:right; }

/* LIGHTBOX */
.lightbox { position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.9); display:none; align-items:center; justify-content:center; }
.lightbox-content { max-width:90%; max-height:80%; border-radius:8px; }
.lightbox .close { position:absolute; top:20px; right:30px; color:#fff; font-size:40px; cursor:pointer; }
.lightbox-nav .prev, .lightbox-nav .next { cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:40px; padding:10px; }
.lightbox-nav .prev { left:20px; } .lightbox-nav .next { right:20px; }

/* FİRMA LİNK */
.firma-link { color: var(--primary-color); font-weight:600; text-decoration:none; }
.firma-link:hover { color:#ff6600; text-decoration:underline; }

/* SCROLL REVEAL */
.reveal { opacity:0; transform:translateY(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* RESPONSIVE */
/*@media screen and (max-width: 992px) {
    /*:root { /* responsive font tweak kept  }*/
    /*.project-card { /* grid fallback: two columns  }*/
    /*.slider .project-card { flex: 0 0 calc(50% - (var(--slider-gap) / 2)); }
}*/
@media screen and (max-width: 768px) {
    .nav__menu { position:fixed; top:0; right:-100%; width:70%; height:100vh; background-color:var(--background-color); padding:6rem 2rem 2rem; transition:right .4s; box-shadow:-4px 0 12px rgba(0,0,0,0.1); z-index:100; }
    .nav__list { flex-direction:column; gap:2.5rem; }
    .nav__toggle { display:block; z-index:101; }
    .show-menu { right:0; }
    .about__goals, .contact__container { grid-template-columns: 1fr; }
    .footer__container { flex-direction:column; text-align:center; }
    .footer__right { text-align:center; }
}
@media screen and (max-width: 576px) {
    .slider .project-card { flex: 0 0 100%; min-width: 100%; }
}