/* İşletme Yorum - Sipariş Takip Sistemi · özel stiller */
:root{
    --isy-primary:#00e076;
    --isy-primary-dark:#00b85f;
    --isy-dark:#0d1b2a;
}

/* ---- Flash bildirimleri ---- */
.isy-flash-wrap{position:fixed;top:90px;right:20px;z-index:1080;display:flex;flex-direction:column;gap:10px;max-width:380px;}
.isy-flash{display:flex;align-items:center;padding:14px 42px 14px 18px;border-radius:10px;font-weight:600;font-size:15px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;animation:isySlide .35s ease;}
.isy-flash-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:inherit;opacity:.6;}
.isy-flash-close:hover{opacity:1;}
@keyframes isySlide{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}
@media(max-width:575px){.isy-flash-wrap{right:10px;left:10px;max-width:none;top:80px;}}

/* ---- Genel iç sayfa üst boşluğu ---- */
.isy-pad-top{padding-top:140px;}
@media(max-width:991px){.isy-pad-top{padding-top:110px;}}

/* ---- Sipariş takip hero arama kutusu ---- */
.track-hero{position:relative;}
.track-search{background:#fff;border-radius:16px;box-shadow:0 30px 60px rgba(13,27,42,.18);padding:14px;display:flex;gap:10px;align-items:stretch;}
.track-search input{flex:1;border:none;outline:none;font-size:18px;padding:0 18px;border-radius:10px;background:#f5f7fa;font-weight:600;color:#2b2f38;}
.track-search input::placeholder{color:#aab2bd;font-weight:500;}
.track-search button{flex-shrink:0;border:none;border-radius:10px;padding:0 34px;height:62px;font-weight:800;font-size:16px;
    background:var(--isy-primary);color:#062b18;display:flex;align-items:center;gap:8px;transition:.2s;}
.track-search button:hover{background:var(--isy-primary-dark);color:#fff;}
@media(max-width:575px){.track-search{flex-direction:column;padding:12px;}.track-search input{height:56px;}.track-search button{height:56px;justify-content:center;}}

/* ---- Özellik listesi (bu sistemde neler var) ---- */
.feature-pill{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 8px 24px rgba(13,27,42,.05);height:100%;transition:.2s;border:1px solid #eef1f4;}
.feature-pill:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,27,42,.10);}
.feature-pill .ic{flex-shrink:0;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ccf9e4;color:#00824a;font-size:22px;}

/* ---- Durum rozeti ---- */
.isy-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:50px;font-weight:700;font-size:14px;}
.isy-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor;}

/* ---- İstatistik kartları (gelen/giden/ilerleme) ---- */
.stat-card{background:#fff;border-radius:14px;padding:24px;border:1px solid #eef1f4;box-shadow:0 8px 24px rgba(13,27,42,.04);height:100%;}
.stat-card .num{font-size:34px;font-weight:800;line-height:1;color:var(--isy-dark);}
.stat-card .lbl{color:#90969f;font-weight:600;margin-top:6px;}
.stat-card .ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;}

/* ---- İlerleme çubuğu ---- */
.isy-progress{height:12px;border-radius:50px;background:#eef1f4;overflow:hidden;}
.isy-progress > span{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,var(--isy-primary),var(--isy-primary-dark));transition:width .6s ease;}

/* ---- Seviye zaman çizelgesi (timeline) ---- */
.isy-timeline{position:relative;padding-left:0;list-style:none;margin:0;}
.isy-level{position:relative;display:flex;gap:20px;padding-bottom:8px;}
.isy-level:last-child .isy-level-line{display:none;}
.isy-level-marker{flex-shrink:0;width:52px;display:flex;flex-direction:column;align-items:center;position:relative;}
.isy-level-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.12);}
.isy-level-line{width:3px;flex:1;background:#e3e7ec;margin:4px 0;min-height:30px;}
.isy-level-dot.done{background:linear-gradient(135deg,var(--isy-primary),var(--isy-primary-dark));}
.isy-level-dot.active{background:#ffc107;color:#5b4400;animation:isyPulse 1.6s infinite;}
.isy-level-dot.pending{background:#cfd5dd;color:#fff;}
@keyframes isyPulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.5);}70%{box-shadow:0 0 0 12px rgba(255,193,7,0);}100%{box-shadow:0 0 0 0 rgba(255,193,7,0);}}
.isy-level-body{flex:1;background:#fff;border:1px solid #eef1f4;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 6px 18px rgba(13,27,42,.04);}
.isy-level-body h5{margin:0;font-weight:700;color:var(--isy-dark);}
.isy-level-qty{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;}
.isy-level-qty .q{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#5a626d;}
.isy-level-qty .q b{font-size:16px;color:var(--isy-dark);}

/* ---- Log listesi ---- */
.isy-logs{list-style:none;padding:0;margin:0;}
.isy-logs li{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #e3e7ec;}
.isy-logs li:last-child{border-bottom:none;}
.isy-logs .lt{flex-shrink:0;color:#9aa1ab;font-size:13px;min-width:120px;}

/* ---- Sayfa kutusu ---- */
.isy-card{background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(13,27,42,.06);border:1px solid #eef1f4;}

/* ---- Header menü düzeltmesi ---- */
/* SORUN: .webmenu mutlak konumlu (position:absolute + left:50%) olduğu için
   genişliği container'ın yalnızca %50'siyle sınırlanıyordu; 5 Türkçe menü
   öğesi bu yarıya sığmayınca "Ana / Sayfa", "Sipariş / Takip" gibi kelime
   ortasından alt satıra kayıyordu.
   ÇÖZÜM: menü içeriği kadar genişlesin (max-content), her bağlantı tek
   satırda kalsın (nowrap) ve ekran genişliğine göre menü taşmasın. */
header .webmenu{width:max-content;max-width:none;}
header .webmenu li a{white-space:nowrap;}

/* Orta masaüstü (container 1140px): tema padding'i (33px) menüyü sağdaki
   butonların üstüne bindiriyor → öğe aralığını biraz daralt. */
@media(min-width:1200px) and (max-width:1399.98px){
    header .webmenu li a{padding:0 20px;}
}

/* Tablet/küçük masaüstü (container 960px): geniş menü + logo + butonlar aynı
   satıra sığmadığından menü, butonların üstüne biniyordu. Bu aralıkta tema
   zaten hamburger menüye sahip → masaüstü menüyü gizle, hamburger'i göster. */
@media(min-width:992px) and (max-width:1199.98px){
    header .webmenu,
    header .buttons{display:none !important;}
    header .mobile-menu{display:block !important;}
    header .mobile-user{display:flex !important;}
}

/* ====== Sipariş Takip sayfası (cool revize) ====== */
.track-x{position:relative;overflow:hidden;background-size:cover;background-position:center;padding:160px 0 110px;}
@media(max-width:991px){.track-x{padding:130px 0 70px;}}
.track-x::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(11,22,36,.95) 35%,rgba(11,22,36,.72));z-index:1;}
.track-x .tx-inner{position:relative;z-index:3;}
.track-x .tx-blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:2;opacity:.5;}
.track-x .tx-blob.b1{width:380px;height:380px;background:rgba(0,224,118,.35);top:-120px;right:-80px;}
.track-x .tx-blob.b2{width:300px;height:300px;background:rgba(61,48,233,.30);bottom:-120px;left:-100px;}

.track-badge2{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:50px;background:rgba(0,224,118,.13);color:#9bf3c8;font-weight:600;font-size:14px;border:1px solid rgba(0,224,118,.3);}
.track-h1{font-size:52px;line-height:1.05;font-weight:800;color:#fff;letter-spacing:-1.2px;}
@media(max-width:991px){.track-h1{font-size:34px;}}
.track-lead{font-size:18px;color:rgba(255,255,255,.76);max-width:520px;}

.tsearch{background:#fff;border-radius:18px;padding:10px;display:flex;gap:10px;box-shadow:0 30px 70px rgba(0,0,0,.4);max-width:560px;}
.tsearch .field{flex:1;display:flex;align-items:center;gap:10px;background:#f4f7fa;border-radius:12px;padding:0 18px;min-width:0;}
.tsearch .field i{color:#00b85f;font-size:18px;flex-shrink:0;}
.tsearch input{flex:1;border:none;outline:none;background:transparent;font-size:18px;font-weight:700;letter-spacing:.5px;padding:16px 4px;color:#1c2330;min-width:0;}
.tsearch input::placeholder{color:#aab2bd;font-weight:500;letter-spacing:0;}
.tsearch button{flex-shrink:0;border:none;border-radius:12px;padding:0 30px;font-weight:800;font-size:16px;background:linear-gradient(135deg,#00e076,#00b85f);color:#062b18;display:flex;align-items:center;gap:8px;transition:.2s;}
.tsearch button:hover{box-shadow:0 14px 28px rgba(0,224,118,.45);transform:translateY(-1px);color:#062b18;}
@media(max-width:575px){.tsearch{flex-direction:column;border-radius:16px;}.tsearch button{height:54px;justify-content:center;}}

.track-demo{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:14px;flex-wrap:wrap;}
.track-demo a{color:#00e076;font-weight:700;background:rgba(0,224,118,.12);padding:3px 12px;border-radius:50px;border:1px dashed rgba(0,224,118,.4);}
.track-trust{display:flex;flex-wrap:wrap;gap:10px 24px;}
.track-trust span{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-weight:600;font-size:14px;}
.track-trust i{color:#00e076;}

/* önizleme kartı */
.track-preview{background:#fff;border-radius:24px;padding:22px;box-shadow:0 50px 100px rgba(0,0,0,.5);position:relative;transform:rotate(-2.5deg);transition:.45s ease;}
.track-preview:hover{transform:rotate(0) translateY(-6px);}
.pv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.pv-no{font-weight:800;color:#0d1b2a;font-size:16px;letter-spacing:.3px;}
.pv-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:50px;font-weight:700;font-size:12px;background:#fff3cd;color:#664d03;}
.pv-badge .d{width:7px;height:7px;border-radius:50%;background:currentColor;}
.pv-prog{height:8px;border-radius:50px;background:#eef1f4;overflow:hidden;margin:14px 0 18px;}
.pv-prog>span{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,#00e076,#00b85f);}
.pv-step{display:flex;align-items:center;gap:12px;padding:9px 0;}
.pv-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0;font-weight:700;}
.pv-dot.done{background:linear-gradient(135deg,#00e076,#00b85f);}
.pv-dot.active{background:#ffc107;color:#5b4400;animation:isyPulse 1.6s infinite;}
.pv-dot.wait{background:#dfe4ea;}
.pv-step .t{font-weight:600;color:#3a414d;font-size:14px;}
.pv-step .q{margin-left:auto;font-size:12px;color:#9aa1ab;font-weight:600;}
.pv-foot{display:flex;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid #eef1f4;}
.pv-foot div{font-size:13px;color:#6b7380;font-weight:600;}
.pv-foot b{color:#0d1b2a;}

/* nasıl çalışır */
.tstep{text-align:center;padding:0 8px;}
.tstep .n{width:64px;height:64px;border-radius:20px;background:#ccf9e4;color:#00824a;font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.tstep h6{font-weight:700;color:#0d1b2a;}
.tstep p{color:#7a828e;font-size:15px;margin:0;}
.tstep-arrow{color:#d3dae2;font-size:26px;display:flex;align-items:center;justify-content:center;}
@media(max-width:767px){.tstep-arrow{transform:rotate(90deg);margin:6px 0;}}

/* ---- Logo (PNG + SVG uyumlu boyutlandırma) ----
   Tema custom.css yalnızca max-width veriyordu; bazı SVG'ler (viewBox'lı,
   px boyutsuz) bu yüzden 0 yükseklikte render olup "görünmez" oluyordu.
   Sabit yükseklik + width:auto ile hem PNG hem SVG güvenle ölçeklenir. */
header .headerlogo{height:50px;width:auto;max-width:200px;object-fit:contain;}
footer .footerlogo{height:48px;width:auto;max-width:200px;object-fit:contain;}
@media(max-width:575px){
    header .headerlogo{height:42px;}
    footer .footerlogo{height:42px;}
}

/* küçük yardımcılar */
.fs-13{font-size:13px;}
.cursor-pointer{cursor:pointer;}