/* ============================================================
   Ernan Güvenlik — Kurumsal site stil dosyası
   Tasarım dili: lacivert + altın vurgu, 8px ızgara, radius 8px
   Tipografi: Barlow (yerel barındırma), akışkan clamp() ölçek
   ============================================================ */
:root{
  /* Renk paleti (logo ile uyumlu) */
  --lacivert:#0F1B2D;
  --lacivert-2:#16233A;
  --lacivert-3:#1F2F49;
  --gri-zemin:#F5F6F8;
  --gri-cizgi:#E3E6EB;
  --gri-metin:#5B6472;
  --gri-koyu:#3A4353;
  --altin:#C9A227;
  --altin-koyu:#A6861D;
  --beyaz:#FFFFFF;
  --yesil:#1B7A4D;
  --kirmizi:#B3261E;
  /* Yazı tipleri */
  --yazi:"Barlow","Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* Ölçüler */
  --kap:1200px;
  --yaricap:8px;
  --gecis:180ms ease;
}
/* Yerel font tanımı (Barlow, OFL 1.1 — latin + latin-ext alt kümeleri) */

@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/barlow-400-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/barlow-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/barlow-600-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/barlow-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/barlow-700-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Barlow";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/barlow-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--yazi);color:var(--lacivert);
  background:var(--beyaz);line-height:1.6;font-size:1rem;
  -webkit-text-size-adjust:100%;
}
/* Erişilebilir atlama bağı */
.atlama{
  position:absolute;left:-9999px;top:0;background:var(--altin);color:var(--lacivert);
  padding:.6rem 1rem;font-weight:700;z-index:200;border-radius:0 0 var(--yaricap) 0;
}
.atlama:focus{left:0}
/* Odak halkası */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--altin);outline-offset:2px;border-radius:4px;
}
img{max-width:100%;height:auto;display:block}
.kap{max-width:var(--kap);margin:0 auto;padding:0 24px}
/* Üst bar */
.ust-bar{background:var(--lacivert);color:#D7DDE6;font-size:.86rem}
.ust-bar .kap{display:flex;gap:1.2rem;justify-content:flex-end;align-items:center;padding-top:6px;padding-bottom:6px}
.ust-bar a{color:#fff;text-decoration:none}
.ust-bar a:hover{text-decoration:underline}
/* Ana başlık */
.site-baslik{background:var(--beyaz);border-bottom:1px solid var(--gri-cizgi);position:sticky;top:0;z-index:100}
.baslik-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:12px;padding-bottom:12px}
.marka{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--lacivert)}
.marka-metin strong{display:block;font-size:1.12rem;letter-spacing:.04em;line-height:1.1}
.marka-metin span{display:block;font-size:.68rem;letter-spacing:.22em;color:var(--gri-metin);font-weight:600}
/* Gezinti */
.ana-nav ul{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;align-items:center}
.ana-nav a{color:var(--lacivert);text-decoration:none;font-weight:600;padding:.45rem .2rem;border-bottom:2px solid transparent}
.ana-nav a:hover{border-color:var(--altin)}
.ana-nav a[aria-current="page"]{border-color:var(--altin)}
.menu-dugme{display:none;background:none;border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);padding:.5rem .7rem;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--lacivert)}
/* Düğmeler */
.dugme{display:inline-block;padding:.8rem 1.5rem;border-radius:var(--yaricap);font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background var(--gecis),color var(--gecis),border-color var(--gecis)}
.dugme-altin{background:var(--altin);color:var(--lacivert)}
.dugme-altin:hover{background:var(--altin-koyu);color:#fff}
.dugme-cizgi{border-color:var(--beyaz);color:#fff}
.dugme-cizgi:hover{background:#fff;color:var(--lacivert)}
.dugme-lacivert{background:var(--lacivert);color:#fff}
.dugme-lacivert:hover{background:var(--lacivert-2)}
/* Kahraman bölümü (sola yaslı, tek görsel, kaydırıcı yok) */
.kahraman{position:relative;background:var(--lacivert);color:#fff;overflow:hidden}
.kahraman-gorsel{position:absolute;inset:0}
.kahraman-gorsel img{width:100%;height:100%;object-fit:cover;opacity:.42}
.kahraman-ic{position:relative;padding:88px 24px;max-width:var(--kap);margin:0 auto}
.kahraman-ic h1{font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.12;margin:0 0 .7rem;max-width:19ch}
.kahraman-ic p{max-width:58ch;color:#E8ECF2;margin:0 0 1.5rem}
.kahraman-eylem{display:flex;gap:.8rem;flex-wrap:wrap}
.rozet{background:var(--altin);color:var(--lacivert);font-weight:700;font-size:.8rem;padding:.28rem .7rem;border-radius:999px;display:inline-block;margin-bottom:.9rem;letter-spacing:.02em}
/* Bölümler */
.bolum{padding:64px 0}
.bolum-gri{background:var(--gri-zemin)}
.bolum-baslik{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .5rem;line-height:1.25}
.bolum-alt{color:var(--gri-metin);max-width:70ch;margin:0 0 2rem}
.ince-cizgi{border:0;border-top:1px solid var(--gri-cizgi);margin:2.5rem 0}
/* Kart ızgarası */
.izgara{display:grid;gap:24px}
.izgara-3{grid-template-columns:repeat(3,1fr)}
.izgara-2{grid-template-columns:repeat(2,1fr)}
.izgara-4{grid-template-columns:repeat(4,1fr)}
.kart{background:#fff;border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);padding:24px;box-shadow:0 1px 2px rgba(15,27,45,.06);transition:border-color var(--gecis)}
.kart:hover{border-color:var(--altin)}
.kart h3{margin:.8rem 0 .5rem;font-size:1.15rem}
.kart p{color:var(--gri-koyu);margin:0 0 1rem}
.kart .simge{width:44px;height:44px;color:var(--altin-koyu)}
.badge{display:inline-block;background:var(--gri-zemin);border:1px solid var(--gri-cizgi);border-radius:999px;padding:.15rem .7rem;font-size:.8rem;font-weight:600;color:var(--gri-koyu)}
/* Neden şeridi */
.neden{background:var(--lacivert);color:#fff}
.neden .izgara-3{margin-top:1.5rem}
.neden-kutu{border:1px solid #2A3B57;border-radius:var(--yaricap);padding:20px;background:var(--lacivert-2)}
.neden-kutu h3{margin:0 0 .4rem;font-size:1.02rem;color:var(--altin)}
.neden-kutu p{margin:0;color:#CBD4E1;font-size:.95rem}
/* Sayaç bandı */
.sayaclar{background:var(--lacivert-2);color:#fff;border-top:1px solid #2A3B57}
.sayac{text-align:left;padding:8px 0}
.sayac strong{display:block;font-size:2rem;color:var(--altin);font-variant-numeric:tabular-nums}
.sayac span{color:#CBD4E1;font-size:.92rem}
/* Yöneticiler */
.yonetici img{border-radius:var(--yaricap);background:var(--gri-zemin)}
/* Akordeon (kariyer ilanları, details öğesi) */
.ilan{border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);background:#fff;margin-bottom:16px;overflow:hidden}
.ilan summary{cursor:pointer;list-style:none;padding:18px 20px;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-weight:700}
.ilan summary::-webkit-details-marker{display:none}
.ilan summary:hover{background:var(--gri-zemin)}
.ilan-govde{padding:0 20px 20px;border-top:1px solid var(--gri-cizgi)}
.ilan-govde h4{margin:1.1rem 0 .4rem}
.ilan-govde ul{margin:.3rem 0 .8rem;padding-left:1.2rem}
/* Formlar */
.form-eni{max-width:760px}
.alan{margin-bottom:1rem}
.alan label{display:block;font-weight:600;margin-bottom:.35rem}
.alan input[type="text"],.alan input[type="tel"],.alan input[type="email"],
.alan input[type="date"],.alan input[type="number"],.alan input[type="file"],
.alan select,.alan textarea{
  width:100%;padding:.7rem .8rem;border:1px solid #C7CDD6;border-radius:var(--yaricap);
  font:inherit;background:#fff;color:var(--lacivert);
}
.alan textarea{min-height:130px;resize:vertical}
.alan .ipucu{font-size:.85rem;color:var(--gri-metin);margin-top:.25rem}
.alan .hata{color:var(--kirmizi);font-size:.88rem;margin-top:.3rem;display:none}
.alan.gecersiz input,.alan.gecersiz select,.alan.gecersiz textarea{border-color:var(--kirmizi)}
.alan.gecersiz .hata{display:block}
.zorunlu{color:var(--kirmizi)}
.onay{display:flex;gap:.6rem;align-items:flex-start;background:var(--gri-zemin);border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);padding:.8rem;margin-bottom:.8rem}
.onay input{margin-top:.3rem;width:1.1rem;height:1.1rem}
/* Bal peteği (bot tuzağı) — gerçek kullanıcı görmez */
.bal-kabi{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
/* Belge listesi */
.belge-listesi{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.belge-listesi li{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);padding:.7rem .9rem}
.belge-listesi input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--altin-koyu)}
/* Bilgi kutuları */
.uyari{background:#FFF8E1;border:1px solid #EAD98B;border-radius:var(--yaricap);padding:1rem 1.2rem;margin:1.5rem 0}
.bilgi{background:#EEF3FA;border:1px solid #C9D7EA;border-radius:var(--yaricap);padding:1rem 1.2rem;margin:1.5rem 0}
/* Alt bilgi */
.site-alt{background:var(--lacivert);color:#CBD4E1;margin-top:0}
.alt-ic{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding:48px 24px;max-width:var(--kap);margin:0 auto}
.site-alt h2,.site-alt h3{color:#fff;font-size:1rem;margin:0 0 .8rem}
.site-alt a{color:#CBD4E1;text-decoration:none}
.site-alt a:hover{color:var(--altin);text-decoration:underline}
.site-alt address{font-style:normal}
.alt-kucuk{border-top:1px solid #2A3B57;padding:16px 24px;text-align:center;font-size:.85rem;color:#93A0B4;max-width:var(--kap);margin:0 auto}
/* Harita görseli */
.harita{border:1px solid var(--gri-cizgi);border-radius:var(--yaricap);overflow:hidden}
/* Duyarlılık */
@media (max-width:960px){
  .izgara-3,.izgara-4{grid-template-columns:1fr 1fr}
  .alt-ic{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .izgara-3,.izgara-2,.izgara-4{grid-template-columns:1fr}
  .alt-ic{grid-template-columns:1fr}
  .menu-dugme{display:block}
  .ana-nav{display:none;width:100%}
  .ana-nav.acik{display:block}
  .ana-nav ul{flex-direction:column;align-items:stretch;padding:0 0 12px}
  .ana-nav a{display:block;padding:.7rem .2rem}
  .baslik-ic{flex-wrap:wrap}
  .kahraman-ic{padding:56px 24px}
  .bolum{padding:44px 0}
}
/* Hareket azaltma */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none !important;animation:none !important}
}
