/*
Theme Name: ZODEX v2
Theme URI: https://zodex.com.tr
Author: ZODEX
Description: ZODEX kurumsal sitesi — lacivert/sarı, animasyonlu tek sayfa tasarım. Önce veri. Sonra yazılım.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zodex-v2
*/

/* ---------- YAZI TİPLERİ (kendi sunucumuzda) ----------
   Sora ve Inter, Google sunucularından değil bu temanın fonts/ klasöründen yükleniyor.
   Böylece ziyaretçinin IP adresi Google'a iletilmiyor (KVKK yurt dışı aktarımı ortadan kalkıyor)
   ve sayfa dış bir sunucuya bağlanmadığı için daha hızlı açılıyor.
   Her iki yazı tipi de "variable font" — tek dosya tüm ağırlıkları taşır.
   latin-ext kümesi Türkçe için zorunlu: ğ Ğ ş Ş İ harfleri orada. (ç ö ü latin kümesinde.)
   Lisans: her ikisi de SIL Open Font License, kendi sunucuda barındırmak serbest. */

@font-face{
  font-family:'Sora'; font-style:normal; font-weight:400 800; font-display:swap;
  src:url('fonts/sora-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:'Sora'; font-style:normal; font-weight:400 800; font-display:swap;
  src:url('fonts/sora-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:'Inter'; font-style:normal; font-weight:400 600; font-display:swap;
  src:url('fonts/inter-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:'Inter'; font-style:normal; font-weight:400 600; font-display:swap;
  src:url('fonts/inter-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;
}

:root{
  --navy:#011835; --navy2:#0d2a4f; --navy3:#132f56;
  --sari:#FFD60A; --beyaz:#ffffff; --gri:#93a3c0; --acik:#dde5f2;
}
*{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif; background:var(--navy); color:var(--beyaz); overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Sora',sans-serif}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto}
.wrap{max-width:1160px; margin:0 auto; padding:0 28px}

/* yönetici çubuğu açıkken nav'ın altına kaymasın */
body.admin-bar nav{top:32px}
@media(max-width:782px){body.admin-bar nav{top:46px}}

/* ---------- NAV ---------- */
nav{position:fixed; top:0; left:0; right:0; z-index:50; backdrop-filter:blur(14px);
    background:rgba(1,24,53,.72); border-bottom:1px solid rgba(255,255,255,.06)}
.navin{display:flex; align-items:center; justify-content:space-between; height:68px}
.logo{display:flex; align-items:center; gap:11px; font-family:'Sora'; font-weight:800; font-size:21px; letter-spacing:.5px}
.logo .hex{width:34px; height:41px; flex:0 0 34px}
.logo b{color:var(--beyaz)} .logo span{color:var(--sari)}
.menu{display:flex; gap:34px; font-size:14.5px; font-weight:500; color:var(--acik)}
.menu a{position:relative; padding:4px 0; transition:color .25s}
.menu a::after{content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--sari); transition:width .25s}
.menu a:hover, .menu a.aktif{color:var(--sari)} .menu a:hover::after, .menu a.aktif::after{width:100%}
.navcta{background:var(--sari); color:var(--navy); font-weight:700; font-size:14px;
        padding:10px 22px; border-radius:100px; transition:transform .2s, box-shadow .2s}
.navcta:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(255,214,10,.35)}
@media(max-width:900px){.menu{display:none}}

/* ---------- HERO ---------- */
.hero{min-height:100vh; display:flex; align-items:center; position:relative; padding:130px 0 80px}
.hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
.rozet{display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(255,214,10,.4);
       color:var(--sari); font-size:13px; font-weight:600; letter-spacing:1.5px;
       padding:8px 18px; border-radius:100px; margin-bottom:28px; text-transform:uppercase}
.rozet::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--sari);
               animation:puls 2s infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(34px,4.6vw,58px); font-weight:800; line-height:1.14; letter-spacing:-1px}
.hero h1 em{font-style:normal; color:var(--sari); position:relative; white-space:nowrap}
.hero h1 em svg{position:absolute; left:0; bottom:-6px; width:100%; height:12px}
.hero p.alt{margin-top:24px; font-size:18px; color:var(--gri); line-height:1.7; max-width:520px}
.hero .slogan{margin-top:14px; font-weight:600; color:var(--acik); font-size:16px}
.ctalar{display:flex; gap:16px; margin-top:38px; flex-wrap:wrap}
.cta{font-weight:700; font-size:15.5px; padding:16px 32px; border-radius:100px; transition:all .22s; display:inline-block}
.cta.dolu{background:var(--sari); color:var(--navy)}
.cta.dolu:hover{transform:translateY(-3px); box-shadow:0 14px 34px rgba(255,214,10,.35)}
.cta.bos{border:1.5px solid rgba(255,255,255,.25)}
.cta.bos:hover{border-color:var(--sari); color:var(--sari)}

/* kar tanesi */
.kart-alan{position:relative; display:flex; justify-content:center}
.kart-alan svg{width:min(420px,80vw); filter:drop-shadow(0 0 60px rgba(255,214,10,.12))}
.kt-poly{transform-origin:center; animation:donus 90s linear infinite}
@keyframes donus{to{transform:rotate(360deg)}}
.kt-etiket{position:absolute; bottom:-8px; left:50%; transform:translateX(-50%);
   background:var(--navy2); border:1px solid rgba(255,255,255,.08); padding:14px 26px;
   border-radius:16px; text-align:center; white-space:nowrap}
.kt-etiket .b{font-family:'Sora'; font-weight:800; font-size:26px; color:var(--sari)}
.kt-etiket .k{font-size:12px; color:var(--gri); letter-spacing:1px}

/* ---------- STAT BANDI ---------- */
.statlar{border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07);
         background:rgba(255,255,255,.02)}
.stat-grid{display:grid; grid-template-columns:repeat(4,1fr); text-align:center}
@media(max-width:800px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.stat{padding:44px 10px; border-left:1px solid rgba(255,255,255,.06)}
.stat:first-child{border-left:none}
.stat .no{font-family:'Sora'; font-size:clamp(30px,3.4vw,44px); font-weight:800; color:var(--sari)}
.stat .ad{margin-top:6px; font-size:13.5px; color:var(--gri); letter-spacing:.4px}

/* ---------- BÖLÜMLER ---------- */
section.blok{padding:110px 0}
.ust-yazi{color:var(--sari); font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:16px}
h2.baslik{font-size:clamp(28px,3.4vw,42px); font-weight:800; letter-spacing:-.5px; line-height:1.2; max-width:700px}
.aciklama{margin-top:20px; color:var(--gri); font-size:17px; line-height:1.75; max-width:640px}

/* ne yapıyoruz kartları */
.adim-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px}
@media(max-width:800px){.adim-grid{grid-template-columns:1fr}}
.adim-kart{background:linear-gradient(160deg,var(--navy2),var(--navy3)); border:1px solid rgba(255,255,255,.07);
           border-radius:22px; padding:36px 30px; position:relative; overflow:hidden;
           transition:transform .3s, border-color .3s}
.adim-kart:hover{transform:translateY(-8px); border-color:rgba(255,214,10,.45)}
.adim-kart .no{font-family:'Sora'; font-size:60px; font-weight:800; color:rgba(255,214,10,.16);
               position:absolute; top:14px; right:24px; line-height:1}
.adim-kart h3{font-size:20px; font-weight:700; margin-bottom:14px; color:var(--sari)}
.adim-kart p{font-size:15px; color:var(--acik); line-height:1.7}

/* sarı soru bandı */
.soru-band{background:var(--sari); color:var(--navy); padding:96px 0}
.soru-band .disp{font-size:clamp(26px,3.6vw,44px); font-weight:800; line-height:1.25; letter-spacing:-.5px; max-width:900px}
.soru-band .alt{margin-top:22px; font-size:18px; font-weight:500; line-height:1.6; max-width:760px; color:rgba(1,24,53,.75)}
.soru-band .alt b{color:var(--navy)}

/* vakalar */
.vaka-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px}
@media(max-width:800px){.vaka-grid{grid-template-columns:1fr}}
.vaka{border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:34px 30px;
      background:rgba(255,255,255,.02); transition:transform .3s, background .3s}
.vaka:hover{transform:translateY(-8px); background:var(--navy2)}
.vaka .sonuc{font-family:'Sora'; font-size:30px; font-weight:800; color:var(--sari)}
.vaka .sektor{font-size:12.5px; color:var(--gri); letter-spacing:1.5px; text-transform:uppercase; margin-top:6px}
.vaka p{margin-top:16px; font-size:15px; color:var(--acik); line-height:1.7}

/* paketler */
.paketler{display:flex; flex-direction:column; gap:14px; margin-top:56px}
.paket{border:1px solid rgba(255,255,255,.08); border-radius:18px; overflow:hidden;
       background:rgba(255,255,255,.02); transition:border-color .25s}
.paket:hover{border-color:rgba(255,214,10,.4)}
.paket-baslik{display:flex; align-items:center; gap:18px; padding:24px 28px 14px}
.paket .harf{flex:0 0 44px; width:44px; height:44px; border-radius:12px; background:var(--navy2);
             color:var(--sari); font-family:'Sora'; font-weight:800; font-size:19px;
             display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,214,10,.3)}
.paket .p-ad{font-family:'Sora'; font-weight:700; font-size:17.5px; flex:1}
.paket .icerik{padding:0 28px 26px 90px; color:var(--gri); line-height:1.75; font-size:15px}
.paket .icerik .soru{color:var(--sari); font-weight:700; font-size:13.5px; letter-spacing:.8px; display:block; margin-bottom:10px; text-transform:uppercase}
@media(max-width:700px){.paket .icerik{padding-left:28px}}

/* kapanış */
.kapanis{text-align:center; padding:130px 0 110px}
.kapanis .disp{font-size:clamp(28px,4vw,50px); font-weight:800; line-height:1.2}
.kapanis .disp .vurgu{color:var(--sari)}
.kapanis p{margin:26px auto 0; max-width:640px; color:var(--gri); font-size:18px; line-height:1.7}
.kapanis p b{color:var(--beyaz)}

footer{border-top:1px solid rgba(255,255,255,.07); padding:44px 0; font-size:14px; color:var(--gri)}
.foot{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:center}
.foot .slog{color:var(--sari); font-weight:600}

/* ---------- HAKKIMIZDA / İÇ SAYFA ---------- */
header.ust{padding:150px 0 70px}
h1.baslik{font-size:clamp(30px,4.2vw,48px); font-weight:800; line-height:1.22; max-width:820px; letter-spacing:-.5px}
h1.baslik b{color:var(--sari); font-weight:800}
.giris-metin{margin-top:26px; font-size:17.5px; color:var(--acik); line-height:1.85; max-width:760px}
.giris-metin + .giris-metin{margin-top:18px}
.vurgu-cumle{color:var(--sari); font-weight:700}

.vm-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px}
@media(max-width:800px){.vm-grid{grid-template-columns:1fr}}
.vm-kart{background:linear-gradient(160deg,var(--navy2),var(--navy3)); border:1px solid rgba(255,255,255,.07);
         border-radius:22px; padding:40px 36px; transition:transform .3s, border-color .3s}
.vm-kart:hover{transform:translateY(-8px); border-color:rgba(255,214,10,.4)}
.vm-kart .etiket{color:var(--sari); font-family:'Sora'; font-weight:800; font-size:13px; letter-spacing:2px; text-transform:uppercase; margin-bottom:18px}
.vm-kart p{font-size:17px; line-height:1.75; color:var(--acik)}

/* ---------- WORDPRESS İÇERİK SAYFALARI (KVKK, gizlilik vb.) ---------- */
.icerik-sayfa{padding:150px 0 90px; max-width:820px}
.icerik-sayfa h1{font-size:clamp(30px,4vw,44px); font-weight:800; letter-spacing:-.5px; margin-bottom:34px}
.icerik-sayfa h2{font-size:24px; font-weight:700; color:var(--sari); margin:44px 0 16px}
.icerik-sayfa h3{font-size:19px; font-weight:700; margin:32px 0 12px}
.icerik-sayfa p{font-size:16.5px; line-height:1.85; color:var(--acik); margin-bottom:18px}
.icerik-sayfa ul,.icerik-sayfa ol{margin:0 0 20px 24px; color:var(--acik); line-height:1.85; font-size:16.5px}
.icerik-sayfa li{margin-bottom:8px}
.icerik-sayfa a{color:var(--sari); text-decoration:underline}
.icerik-sayfa strong{color:var(--beyaz)}
.icerik-sayfa table{width:100%; border-collapse:collapse; margin-bottom:24px; font-size:15px}
.icerik-sayfa th,.icerik-sayfa td{border:1px solid rgba(255,255,255,.12); padding:12px 14px; text-align:left; color:var(--acik)}
.icerik-sayfa th{background:rgba(255,255,255,.04); color:var(--beyaz)}
.icerik-sayfa blockquote{border-left:3px solid var(--sari); padding-left:20px; margin:24px 0; color:var(--gri)}

/* reveal animasyonları */
.rv{opacity:0; transform:translateY(34px); transition:opacity .8s cubic-bezier(.2,.6,.2,1), transform .8s cubic-bezier(.2,.6,.2,1)}
.rv.gorunur{opacity:1; transform:none}
.rv.g2{transition-delay:.12s} .rv.g3{transition-delay:.24s} .rv.g4{transition-delay:.36s}
.ssmode .rv{opacity:1 !important; transform:none !important; transition:none !important}
.ssmode .hero{min-height:auto; padding:150px 0 90px}

/* erişilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1; transform:none; transition:none}
  .kt-poly{animation:none}
  .rozet::before{animation:none}
}