/* =====================================================================
   ANAFAZ — Kurumsal Tasarım Sistemi
   Marka renkleri: Mavi (#1577d6) + Turuncu (#f47a1f) — logodan türetildi.
   Varsayılan: aydınlık/kurumsal tema. Koyu tema .dark sınıfı ile.
   ===================================================================== */
:root{
    /* Marka */
    --brand:#1577d6;        /* ana mavi  */
    --brand-600:#0f63bd;
    --brand-700:#0c52a0;
    --brand-300:#5aa6ec;
    --accent:#f47a1f;       /* turuncu   */
    --accent-600:#e0640d;
    --accent-300:#ff9c4d;

    /* Yüzeyler — aydınlık tema (logoya uygun, temiz beyaz) */
    --bg:#f4f8fd;
    --bg-2:#eaf1fb;
    --surface:#ffffff;
    --surface-2:#f7fafe;
    --border:#e2e9f3;
    --border-strong:#cfdbeb;
    --text:#16202e;
    --text-dim:#5a6b80;
    --shadow-sm:0 1px 2px rgba(16,38,72,.06), 0 1px 3px rgba(16,38,72,.05);
    --shadow:0 6px 18px rgba(16,38,72,.08), 0 2px 6px rgba(16,38,72,.05);
    --shadow-lg:0 18px 48px rgba(16,38,72,.14), 0 6px 16px rgba(16,38,72,.07);
    --ring:rgba(21,119,214,.18);
}
html.dark{
    --bg:#070d18;
    --bg-2:#0b1424;
    --surface:#0e1a2d;
    --surface-2:#10203a;
    --border:rgba(255,255,255,.09);
    --border-strong:rgba(255,255,255,.16);
    --text:#e8eef8;
    --text-dim:#9bb0c9;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow:0 8px 26px rgba(0,0,0,.45);
    --shadow-lg:0 24px 60px rgba(0,0,0,.55);
    --ring:rgba(90,166,236,.30);
}

*{ scroll-behavior:smooth; }
html,body{
    background:var(--bg); color:var(--text);
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
::selection{ background:var(--brand); color:#fff; }

/* Arka plan dokusu — yumuşak, kurumsal */
.bg-grid{
    background-color:var(--bg);
    background-image:
        radial-gradient(circle at 12% -10%, rgba(21,119,214,.10), transparent 42%),
        radial-gradient(circle at 92% 0%, rgba(244,122,31,.08), transparent 40%);
    background-attachment:fixed;
}
html.dark .bg-grid{
    background-image:
        radial-gradient(circle at 12% -10%, rgba(21,119,214,.18), transparent 45%),
        radial-gradient(circle at 92% 0%, rgba(244,122,31,.12), transparent 42%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:auto, auto, 44px 44px, 44px 44px;
}

/* Kart / panel */
.glass{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:1.1rem;
    box-shadow:var(--shadow-sm);
    transition:border-color .25s, box-shadow .25s, transform .25s;
}
.glass:hover{ border-color:var(--border-strong); box-shadow:var(--shadow); }

/* Marka metni — mavi→turuncu degrade */
.gradient-text{
    background:linear-gradient(95deg,var(--brand) 0%, var(--accent) 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
}
.brand-text{ color:var(--brand); }
.accent-text{ color:var(--accent); }
.neon-text-green{ color:var(--brand); font-weight:800; }   /* eski sınıf adı uyumu */
.neon-text-blue { color:var(--accent); font-weight:800; }

/* Canlı nokta */
.dot-live{
    width:.55rem; height:.55rem; border-radius:9999px; background:#16a34a;
    box-shadow:0 0 0 0 rgba(22,163,74,.6); animation:pulse 1.8s infinite; display:inline-block;
}
@keyframes pulse{
    0%{ box-shadow:0 0 0 0 rgba(22,163,74,.55);} 70%{ box-shadow:0 0 0 10px rgba(22,163,74,0);} 100%{ box-shadow:0 0 0 0 rgba(22,163,74,0);}
}

/* Bölüm başlıkları */
.section-title small{ letter-spacing:.28em; color:var(--brand); font-weight:700; font-size:.7rem; text-transform:uppercase; }
html.dark .section-title small{ color:var(--brand-300); }
.section-title h2{ font-size:clamp(1.55rem,2.2vw,2.3rem); font-weight:800; line-height:1.12; letter-spacing:-.01em; margin-top:.35rem; }

/* Üst menü */
.top-link{
    padding:.5rem .9rem; border-radius:.65rem; font-size:.92rem; font-weight:500; color:var(--text-dim);
    border:1px solid transparent; transition:.18s; display:inline-block;
}
.top-link:hover{ color:var(--brand); background:rgba(21,119,214,.07); }
.top-link.active{
    color:var(--brand); background:rgba(21,119,214,.10); border-color:rgba(21,119,214,.20); font-weight:600;
}
html.dark .top-link:hover{ color:#fff; background:rgba(255,255,255,.06); }
html.dark .top-link.active{ color:#fff; }

/* Çözüm kartları */
.solution-card{ position:relative; overflow:hidden; transition:.3s; }
.solution-card::before{
    content:""; position:absolute; left:0; top:0; height:3px; width:100%;
    background:linear-gradient(90deg,var(--brand),var(--accent)); opacity:0; transition:.3s;
}
.solution-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:transparent; }
.solution-card:hover::before{ opacity:1; }
.solution-card .ico,.ico{
    width:58px; height:58px; border-radius:1rem; display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; background:linear-gradient(135deg, rgba(21,119,214,.12), rgba(21,119,214,.04));
    border:1px solid rgba(21,119,214,.18); color:var(--brand);
}
.ico.accent{ background:linear-gradient(135deg, rgba(244,122,31,.14), rgba(244,122,31,.04)); border-color:rgba(244,122,31,.22); color:var(--accent); }

/* Rozetler */
.badge{
    font-size:.72rem; font-weight:600; padding:.2rem .6rem; border-radius:9999px;
    border:1px solid var(--border-strong); color:var(--text-dim);
    display:inline-flex; align-items:center; gap:.35rem; background:var(--surface-2);
}
.badge.green,.badge.blue{ color:var(--brand); border-color:rgba(21,119,214,.30); background:rgba(21,119,214,.07); }
.badge.orange,.badge.red{ color:var(--accent); border-color:rgba(244,122,31,.30); background:rgba(244,122,31,.08); }
.badge.yellow{ color:#b45309; border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.10); }
html.dark .badge.yellow{ color:#facc15; }

/* Butonlar */
.btn-primary{
    position:relative; overflow:hidden; border:none;
    background:linear-gradient(95deg,var(--brand) 0%, var(--brand-600) 55%, var(--accent) 140%);
    color:#fff; font-weight:600; box-shadow:0 6px 16px rgba(21,119,214,.28);
    transition:transform .2s, box-shadow .2s;
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(21,119,214,.36); color:#fff; }
.btn-primary::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35), transparent 70%);
    transform:translateX(-120%); transition:transform .7s;
}
.btn-primary:hover::after{ transform:translateX(120%); }

.btn-accent{ background:linear-gradient(95deg,var(--accent),var(--accent-600)); color:#fff; font-weight:600; box-shadow:0 6px 16px rgba(244,122,31,.28); border:none; }
.btn-accent:hover{ transform:translateY(-2px); color:#fff; }

.btn-ghost{
    background:var(--surface); border:1px solid var(--border-strong); color:var(--text); font-weight:500;
    transition:.2s;
}
.btn-ghost:hover{ border-color:var(--brand); color:var(--brand); box-shadow:var(--shadow-sm); }

/* shadow yardımcıları (eski sınıf adları) */
.shadow-neon-green,.shadow-neon-blue{ box-shadow:0 6px 16px rgba(21,119,214,.28); }

/* Logo kabı */
.logo-shell{ width:44px; height:44px; border-radius:.8rem; padding:0; background:transparent; display:flex; }
.logo-shell .inner{ width:100%; height:100%; border-radius:.7rem; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.logo-shell img{ width:100%; height:100%; object-fit:contain; }

.footer-logo{ width:100%; max-width:260px; background:#fff; border-radius:.9rem; padding:.6rem .8rem; box-shadow:var(--shadow-sm); }
.footer-logo img{ width:100%; height:auto; display:block; }

/* İstatistik kutusu */
.stat{ background:var(--surface-2); border:1px solid var(--border); border-radius:.9rem; padding:.85rem 1rem; }
.stat .v{ font-size:1.4rem; font-weight:800; line-height:1; }
.stat .l{ font-size:.72rem; color:var(--text-dim); margin-top:.35rem; }

/* Özellik satırı (check listeleri) */
.feat{ display:flex; align-items:flex-start; gap:.6rem; }
.feat i{ color:var(--brand); margin-top:.2rem; }

/* Blog */
.blog-card{ transition:.3s; overflow:hidden; }
.blog-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.blog-card .cover{
    aspect-ratio:16/9; background:var(--surface-2); border-radius:.8rem; overflow:hidden;
    background-size:cover; background-position:center; border:1px solid var(--border);
}
.blog-card .cover.placeholder{
    background:linear-gradient(135deg, rgba(21,119,214,.12), rgba(244,122,31,.12));
    display:flex; align-items:center; justify-content:center; color:var(--brand); font-size:2.5rem;
}

/* İçerik tipografisi */
.prose-anafaz h1,.prose-anafaz h2,.prose-anafaz h3,.prose-anafaz h4{ color:var(--text); font-weight:800; margin-top:1.4em; margin-bottom:.6em; letter-spacing:-.01em; }
.prose-anafaz h2{ font-size:1.7rem; } .prose-anafaz h3{ font-size:1.32rem; }
.prose-anafaz p{ color:var(--text-dim); line-height:1.85; margin:.8em 0; }
.prose-anafaz a{ color:var(--brand); text-decoration:underline; }
.prose-anafaz ul,.prose-anafaz ol{ padding-left:1.4em; margin:1em 0; color:var(--text-dim); }
.prose-anafaz li{ margin:.35em 0; }
.prose-anafaz img{ max-width:100%; border-radius:.8rem; margin:1em 0; }
.prose-anafaz blockquote{ border-left:3px solid var(--brand); padding:.5em 1em; color:var(--text); background:rgba(21,119,214,.06); border-radius:.5rem; margin:1em 0; }
.prose-anafaz code{ background:var(--surface-2); padding:.15em .4em; border-radius:.3em; font-family:'JetBrains Mono',monospace; font-size:.9em; color:var(--accent-600); }
.prose-anafaz pre{ background:var(--surface-2); padding:1em; border-radius:.6em; overflow:auto; border:1px solid var(--border); }
.prose-anafaz table{ border-collapse:collapse; width:100%; margin:1em 0; }
.prose-anafaz th,.prose-anafaz td{ border:1px solid var(--border); padding:.6em .9em; text-align:left; }
.prose-anafaz th{ background:rgba(21,119,214,.07); }

/* Pager */
.pager{ display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; margin-top:2rem; }
.pager a,.pager span{
    min-width:38px; height:38px; padding:0 .6rem; border-radius:.55rem;
    display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--border-strong); color:var(--text-dim); text-decoration:none; font-size:.9rem; background:var(--surface);
}
.pager a:hover{ color:var(--brand); border-color:var(--brand); }
.pager .current{ background:linear-gradient(95deg,var(--brand),var(--accent)); color:#fff; border-color:transparent; font-weight:700; }
.pager .disabled{ opacity:.4; pointer-events:none; }
.pager .gap{ border:none; background:transparent; }

/* Form */
.form-input,.form-textarea,.form-select{
    width:100%; background:var(--surface); border:1px solid var(--border-strong);
    border-radius:.65rem; padding:.7rem .9rem; color:var(--text); font-size:.95rem; transition:.18s;
}
.form-input::placeholder,.form-textarea::placeholder{ color:var(--text-dim); opacity:.7; }
.form-input:focus,.form-textarea:focus,.form-select:focus{
    outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--ring);
}
.form-label{ font-size:.85rem; color:var(--text); display:block; margin-bottom:.35rem; font-weight:600; }
.field-validation-error{ color:#dc2626; font-size:.8rem; margin-top:.3rem; display:block; }
.input-validation-error{ border-color:#dc2626 !important; }

/* Header */
.site-header{
    background:color-mix(in srgb, var(--surface) 82%, transparent);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    box-shadow:0 1px 0 rgba(16,38,72,.03);
}
.icon-btn{
    width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:.65rem; border:1px solid var(--border-strong); background:var(--surface); color:var(--text-dim); transition:.18s;
}
.icon-btn:hover{ color:var(--brand); border-color:var(--brand); }

/* Footer — kurumsal koyu lacivert (her temada) */
.site-footer{ background:linear-gradient(180deg,#0c2238 0%, #08182a 100%); color:#cbd5e1; }
.site-footer .foot-link{ color:rgba(203,213,225,.82); transition:.18s; }
.site-footer .foot-link:hover{ color:#fff; }
.site-footer .text-accent{ color:var(--accent-300); }
.foot-social{
    width:38px; height:38px; border-radius:.6rem; display:inline-flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); color:#cbd5e1; transition:.18s;
}
.foot-social:hover{ background:var(--brand); border-color:var(--brand); color:#fff; transform:translateY(-2px); }

/* Breadcrumb */
.crumbs{ display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; font-size:.8rem; color:var(--text-dim); margin-bottom:1rem; }
.crumbs a{ color:var(--text-dim); }
.crumbs a:hover{ color:var(--brand); }
.crumbs i{ font-size:.6rem; opacity:.6; }