/* ============================================================
   Tema: ofis  (Ofis / Danışman Ağı)
   ------------------------------------------------------------
   taban.css'ten SONRA, palet :root'undan ÖNCE yüklenir.
   Renkler paletten gelir: --p lacivert, --a kurumsal mavi.
   SARI/ALTIN YOK — bu temanın var oluş sebebi tam olarak bu.
   taban.css'te iki yerde sabit sıcak renk var (.rozet.one amber,
   tablo "öne çıkan" satırı yeşil); ikisi de aşağıda maviye
   çevriliyor.

   YENİ BİLEŞEN GETİRMİYOR. Bütün işaretleme taban.css'ten
   geliyor; bu dosya yalnızca dili değiştiriyor:

     1. Koyu üst blok  — üst bar + navigasyon tek lacivert kütle
     2. Keskin hatlar  — --r 14px → 4px, yuvarlak köşeler kalkar
     3. Danışman vurgusu — ilan kartının danışman şeridi mavi
        kenarlıkla ayrılır, ekip kartı portre vitrine döner
     4. Kurumsal tipografi — büyük harf göz kırpma çizgisi,
        kalın başlıklar

   Portal temasının dersi burada da geçerli: yeni markup
   açsaydık tema değiştiğinde o markup biçimsiz kalırdı.
   "Danışman Ol" bandı ve danışman profil satırları bu yüzden
   TEMAYA DEĞİL taban.css'e yazıldı — beş temada da çalışıyor.
   ============================================================ */

:root{
  /* Kurumsal his yuvarlaklıktan değil keskinlikten geliyor.
     14px "uygulama", 4px "ofis" okunuyor. */
  --r:4px;
  --line:#dfe6f0;
  --sh:0 1px 2px rgba(10,37,64,.06),0 6px 18px rgba(10,37,64,.07);
  --sh2:0 10px 34px rgba(10,37,64,.16);
}

/* ------------------------------------------------------------
   1. KOYU ÜST BLOK
   ------------------------------------------------------------
   Üst bar ve navigasyon aynı lacivert; aralarında ince bir
   ayırıcı var, tek kütle gibi okunuyor. Beyaz yarı saydam
   navigasyon kurumsal ajans görüntüsü vermiyordu.

   Üst barın koyuluğu palete BAĞIMLI: inset gölge zeminin
   üstüne %22 siyah bindiriyor. Sabit bir hex yazsaydık müşteri
   paletini değiştirdiğinde iki şerit birbirini tutmazdı.
   ------------------------------------------------------------ */
.topbar{
  background:var(--p);
  box-shadow:inset 0 0 0 999px rgba(0,0,0,.22);
  color:rgba(255,255,255,.72);
}
.tb-vurgu{border-radius:2px}

/* Mobil dâhil her genişlikte koyu: taban.css 980px altında
   nav'ı beyaza çeviriyor, bu bildirim ondan SONRA geldiği için
   (aynı özgüllük, sonraki kural kazanır) orada da geçerli. */
nav.ust{
  background:var(--p);
  border-bottom:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
nav.ust .logo{color:#fff}
nav.ust .logo .mark{background:var(--a);border-radius:3px}
nav.ust .nav-ac span{background:#fff}

/* Bağlantı renkleri YALNIZCA masaüstünde beyaz.
   980px altında .menu ekranın sağından giren BEYAZ bir çekmece;
   koşulsuz beyaz yazsaydık çekmecedeki menü okunmaz olurdu. */
@media(min-width:981px){
  nav.ust .menu > li > a{color:rgba(255,255,255,.86);border-bottom-width:3px;padding:28px 0 25px}
  nav.ust .menu > li > a:hover,
  nav.ust .menu > li > a.on{color:#fff;border-color:var(--a)}
  /* Açılır alt menü koyu barın altında; beyaz kutu kalıyor,
     yalnızca köşesi ve gölgesi temaya uyuyor. */
  nav.ust .menu .alt{border-radius:3px;border-color:var(--line);box-shadow:var(--sh2)}
  nav.ust .menu .alt a{border-radius:2px}
  /* Telefon düğmesi koyu zeminde: dolu mavi yerine çerçeveli beyaz —
     mavi düğme lacivert barda kaybolyordu. */
  nav.ust .nav-tel{
    background:transparent;border:1.5px solid rgba(255,255,255,.34);
    color:#fff;border-radius:3px;font-weight:600;
  }
  nav.ust .nav-tel:hover{background:#fff;color:var(--p);border-color:#fff;transform:none}
}

/* --- Anasayfa: guven seridi + istatistik bari ---
   Yerlesimleri taban.css'te (Yatirim temasiyla paylasiliyor), ama
   GORUNURLUK tema dosyasinda: taban onlari display:none ile
   baslatiyor. Demo vitrinindeki canli tasarim secici sayfayi
   yenilemeden yalnizca <link id="temaCss"> href'ini degistiriyor;
   gorunurluk tabanda olsaydi baska bir temaya gecildiginde bu iki
   bant ekranda kalirdi (gerekce: taban.css'in en alti). */
.guven-serit,
.istatistik-wrap{ display:block; }

/* ------------------------------------------------------------
   2. HERO
   ------------------------------------------------------------
   Kısaltıldı (96/130 → 78/116): arama çubuğu ilk ekranda tam
   görünsün. Başlığın üstündeki kısa mavi çizgi temanın imzası;
   ::before ile geliyor, işaretlemeye dokunulmadı.
   ------------------------------------------------------------ */
.hero .slayt{padding:78px 0 116px}
.hero h1{font-weight:800;letter-spacing:-.032em}
.hero-ic::before{
  content:"";display:block;width:54px;height:4px;
  background:var(--a);margin-bottom:22px;
}
.hero.orta .hero-ic::before{margin-left:auto;margin-right:auto}
.hero.sag .hero-ic::before{margin-left:auto}

/* Arama çubuğu: yuvarlak hap yerine keskin panel. */
.arama{border-radius:5px;padding:7px}
.arama .tabs{border-radius:3px;padding:3px}
.arama .tab{border-radius:2px}
.alan{border-radius:3px}
.arama .btn{border-radius:3px;letter-spacing:.02em}

/* ------------------------------------------------------------
   3. GENEL DİL — düğme, göz kırpma, rozet
   ------------------------------------------------------------ */
.btn{border-radius:3px;font-weight:700}
.btn-o{border-color:var(--line)}
.sekmeler a{border-radius:3px}

/* Göz kırpma etiketi ("VİTRİN", "EKİP") önüne kısa mavi çizgi.
   Bölüm başlıklarını ajans broşürü gibi hizalıyor. */
.eyebrow{position:relative;padding-left:26px;letter-spacing:.15em}
.eyebrow::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:18px;height:2px;background:var(--a);
}
.h2{font-weight:750}

/* taban.css'te "Öne Çıkan" rozeti SABİT AMBER (#f59e0b) —
   müşterinin istemediği sarı tam olarak burada çıkıyordu.
   Durum rozeti mavi, öne çıkan lacivert: ikisi hâlâ ayırt
   edilebiliyor ama palet dışına çıkılmıyor. */
.rozet{border-radius:2px}
.rozet.one{background:var(--p)}
.medya-rozet{border-radius:2px}

/* ------------------------------------------------------------
   4. İLAN KARTI — danışman şeridi vurgulu
   ------------------------------------------------------------
   Bu temanın iddiası "ilanı danışman satar". Kartın alt
   şeridi artık beyaz zeminde, solunda kalın mavi kenarlıkla
   duruyor; gri zeminde kaybolan bir dipnot değil, kartın
   imzası.
   ------------------------------------------------------------ */
.kart{border-radius:4px}
.kart:hover{transform:translateY(-4px);border-color:var(--line)}
.kart .alt{
  background:#fff;
  border-left:3px solid var(--a);
  border-top:1px solid var(--line);
}
.kart .alt b{font-weight:700}
.kart .alt .avatar{border-radius:3px}
.fiyat{font-weight:800}

/* Tablo görünümündeki "öne çıkan" satırı taban.css'te YEŞİL.
   Beş temanın dördünde sorun değil ama bu temada palet dışı
   tek renk lekesi olurdu. */
.ilan-tablo tbody tr.one{background:#eff6ff}
.ilan-tablo tbody tr.one:hover{background:#dbeafe}
.ilan-tablo .t-foto img,.ilan-tablo .t-foto .yok{border-radius:3px}

.kat{border-radius:4px}
.kat .ic{border-radius:4px}
.proje{border-radius:4px}
.proje .durum{border-radius:2px}

/* ------------------------------------------------------------
   5. EKİP KARTI — portre vitrin
   ------------------------------------------------------------
   Asıl fark burada. taban.css'te ekip kartı 88px'lik yuvarlak
   avatarlı bir "hakkımızda" kutusu; bu temada tam genişlikte
   portre + altında künye şeridi, yani danışmanın kendisi
   ürün oluyor.

   İşaretleme aynı: .uye > a > (.pp + b), sonra .unvan, small,
   .sosyal. Yalnızca ölçüler ve dolgu değişiyor.
   ------------------------------------------------------------ */
.ekip{gap:20px}
.uye{
  padding:0;overflow:hidden;text-align:left;border-radius:4px;
  display:flex;flex-direction:column;
}
.uye:hover{transform:translateY(-4px);border-color:var(--a)}
.uye > a{display:block}
.uye .pp{
  width:100%;height:auto;aspect-ratio:4/5;
  border-radius:0;margin:0;font-size:52px;
  /* Fotoğrafsız danışmanda baş harf: düz lacivert, degrade değil —
     dörtte biri fotoğraflı bir ekipte degrade kartlar sırıtıyordu. */
  background:var(--p);
}
.uye .pp img{object-position:center 22%}
.uye > a b{
  display:block;padding:16px 18px 0;font-size:17px;font-weight:750;
  letter-spacing:-.01em;transition:color .16s;
}
.uye:hover > a b{color:var(--a)}
.uye .unvan{
  padding:3px 18px 0;font-size:11.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
}
/* Profil satırları (bölge / uzmanlık / deneyim) — taban.css'te
   tanımlı, boşken hiç çizilmiyor. Burada yalnızca dolgusu. */
.uye .dan-meta{padding:12px 18px 0}
.uye small{padding:0 18px;margin-top:10px}
.uye .sosyal{
  justify-content:flex-start;padding:14px 18px 18px;margin-top:auto;
}
.uye .sosyal a{border-radius:3px}

/* ------------------------------------------------------------
   6. SAYFA BAŞLIĞI / BANTLAR / FOOTER
   ------------------------------------------------------------ */
.sayfa-bas{background:var(--p);padding:52px 0}
.sayfa-bas h1{font-weight:800}
.harita-band{border-radius:4px}
.katil-band{border-radius:4px}
.bilgi-kart{border-radius:4px}
.bilgi-kart .ic{border-radius:4px;background:var(--p);color:#fff}
.filtre-govde,.blok,.danisman-kart{border-radius:4px}
.iletisim-form input,.iletisim-form textarea,
.fgrup input[type=text],.fgrup input[type=number],.fgrup select{border-radius:3px}
.ig-alan input,.ig-alan select,.ig-alan textarea{border-radius:3px}
.gorunum,.gorunum button{border-radius:3px}
.bos{border-radius:4px}

/* Footer paletten besleniyor: taban.css'te sabit #0b1f2e yazılı
   ve lacivert olmayan bir palet seçildiğinde üst blokla
   uyumsuz kalıyordu. */
footer.alt{background:var(--p);color:rgba(255,255,255,.62)}
footer.alt .fkunye,.fbot{border-color:rgba(255,255,255,.10)}

/* ------------------------------------------------------------
   7. Tablet / telefon
   ------------------------------------------------------------ */
@media(max-width:1100px){
  .uye .pp{aspect-ratio:1/1}
}
@media(max-width:980px){
  .hero .slayt{padding:60px 0 92px}
  .hero-ic::before{width:44px;height:3px;margin-bottom:18px}
  /* Çekmece beyaz kalıyor (bkz. yukarıdaki 981px kapısı); yalnızca
     başlığındaki kapatma düğmesi ve şerit temaya uyuyor. */
  .menu-bas{border-color:var(--line)}
}
@media(max-width:560px){
  .uye .pp{aspect-ratio:4/3}
  .uye > a b{padding:14px 16px 0;font-size:16px}
  .uye .unvan,.uye small,.uye .dan-meta{padding-left:16px;padding-right:16px}
  .uye .sosyal{padding:12px 16px 16px}
}