/*
Theme Name: Zohi İzleme
Theme URI: https://zohi.tr
Author: Zohi
Author URI: https://zohi.tr
Description: Periodik Site Kontrolü eklentisi için tasarlanmış üyelikli site izleme teması. Giriş, kayıt, üye paneli ve "nasıl çalışır" sayfalarını hazır kurar. Üyeler kendi sitelerini ekleyip her gün otomatik kontrol edilmelerini sağlar.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: zohi-izleme
*/

:root{
	--zi-accent:#2563eb;--zi-accent-d:#1e40af;--zi-ink:#0f172a;--zi-body:#334155;
	--zi-muted:#64748b;--zi-bg:#f6f7fb;--zi-card:#fff;--zi-border:#e5e7eb;
	--zi-ok:#16a34a;--zi-err:#dc2626;--zi-max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--zi-bg);color:var(--zi-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--zi-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3{color:var(--zi-ink);line-height:1.25}
.zi-wrap{max-width:var(--zi-max);margin:0 auto;padding:0 20px}

/* Header */
.zi-header{background:#fff;border-bottom:1px solid var(--zi-border);position:sticky;top:0;z-index:50}
.zi-header .zi-wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.zi-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--zi-ink)}
.zi-brand:hover{text-decoration:none}
.zi-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--zi-accent),#38bdf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.zi-nav{display:flex;align-items:center;gap:22px}
.zi-nav a{color:var(--zi-body);font-weight:600;font-size:15px}
.zi-nav .zi-cta{background:var(--zi-accent);color:#fff;padding:9px 18px;border-radius:9px}
.zi-nav .zi-cta:hover{background:var(--zi-accent-d);text-decoration:none}
.zi-burger{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--zi-ink)}

/* Hero */
.zi-hero{background:radial-gradient(1200px 500px at 70% -10%,rgba(56,189,248,.18),transparent),linear-gradient(180deg,#fff, var(--zi-bg));padding:72px 0 60px}
.zi-hero h1{font-size:44px;margin:0 0 18px;letter-spacing:-.02em}
.zi-hero p.zi-lead{font-size:19px;max-width:620px;margin:0 0 28px}
.zi-hero .zi-actions{display:flex;gap:12px;flex-wrap:wrap}
.zi-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.zi-pill{background:#fff;border:1px solid var(--zi-border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--zi-body)}

/* Buttons */
.zi-btn{display:inline-block;background:#fff;color:var(--zi-ink);border:1px solid var(--zi-border);border-radius:10px;padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer;transition:.15s}
.zi-btn:hover{background:#f1f5f9;text-decoration:none}
.zi-btn-primary{background:var(--zi-accent);border-color:var(--zi-accent);color:#fff}
.zi-btn-primary:hover{background:var(--zi-accent-d)}

/* Sections */
.zi-section{padding:56px 0}
.zi-section h2{font-size:30px;margin:0 0 10px;text-align:center}
.zi-section .zi-sub{text-align:center;color:var(--zi-muted);max-width:620px;margin:0 auto 40px;font-size:16px}
.zi-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zi-feature{background:var(--zi-card);border:1px solid var(--zi-border);border-radius:14px;padding:24px}
.zi-feature .zi-ic{width:44px;height:44px;border-radius:11px;background:#eff4ff;color:var(--zi-accent);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.zi-feature h3{font-size:17px;margin:0 0 8px}
.zi-feature p{margin:0;color:var(--zi-muted);font-size:14.5px}

/* Steps */
.zi-steps{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:6px}
.zi-stepc{display:flex;gap:18px;background:var(--zi-card);border:1px solid var(--zi-border);border-radius:14px;padding:20px 22px;align-items:flex-start}
.zi-stepc .zi-num{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--zi-accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.zi-stepc h3{margin:0 0 4px;font-size:17px}
.zi-stepc p{margin:0;color:var(--zi-muted);font-size:14.5px}
.zi-steps .zi-conn{height:16px;width:2px;background:var(--zi-border);margin-left:41px}

/* Checks grid */
.zi-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:820px;margin:0 auto}
.zi-check{display:flex;gap:12px;align-items:flex-start;background:var(--zi-card);border:1px solid var(--zi-border);border-radius:12px;padding:15px 18px}
.zi-check .zi-dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#ecfdf3;color:var(--zi-ok);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.zi-check b{display:block;color:var(--zi-ink);font-size:14.5px}
.zi-check span{color:var(--zi-muted);font-size:13px}

/* CTA band */
.zi-band{background:linear-gradient(135deg,var(--zi-accent),#1d4ed8);color:#fff;border-radius:18px;padding:44px;text-align:center;margin:0 20px}
.zi-band h2{color:#fff;font-size:28px;margin:0 0 10px}
.zi-band p{color:#dbeafe;margin:0 0 24px;font-size:16px}
.zi-band .zi-btn{background:#fff;color:var(--zi-accent)}
.zi-band .zi-btn:hover{background:#eff6ff}

/* Page content */
.zi-page{padding:40px 0 60px;min-height:50vh}
.zi-page .zi-content{background:transparent}
.zi-page h1.zi-title{font-size:30px;margin:0 0 24px}

/* Footer */
.zi-footer{background:#0f172a;color:#cbd5e1;padding:40px 0;margin-top:40px}
.zi-footer .zi-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.zi-footer a{color:#93c5fd}
.zi-footer .zi-brand{color:#fff}

@media(max-width:860px){
	.zi-features{grid-template-columns:1fr}
	.zi-checks{grid-template-columns:1fr}
	.zi-hero h1{font-size:34px}
	.zi-nav{position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--zi-border);display:none}
	.zi-nav.is-open{display:flex}
	.zi-nav a{padding:14px 20px;border-top:1px solid var(--zi-border)}
	.zi-nav .zi-cta{margin:12px 20px;text-align:center}
	.zi-burger{display:block}
}