/*
Theme Name: Kingpangi
Theme URI: https://kingpangi.com.tr
Author: Kingpangi
Description: Koza tarzı, fiyat tablosu ve blog destekli profesyonel WordPress teması.
Version: 1.0.0
License: GPL v2 or later
Text Domain: kingpangi
*/

/* ===== GENEL ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Poppins',sans-serif; background:#f9fbfd; color:#2c3e50; line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; height:auto; }

/* ===== HEADER ===== */
.kp-header { background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.06); position:sticky; top:0; z-index:1000; }
.kp-header-inner { max-width:1200px; margin:0 auto; padding:15px 20px; display:flex; align-items:center; justify-content:space-between; }
.kp-logo { font-size:28px; font-weight:800; color:#0d47a1; }
.kp-logo span { color:#00b0ff; }
.kp-nav ul { display:flex; gap:25px; list-style:none; }
.kp-nav a { font-weight:500; font-size:15px; color:#2c3e50; padding-bottom:5px; border-bottom:2px solid transparent; transition:0.3s; }
.kp-nav a:hover { color:#00b0ff; border-bottom-color:#00b0ff; }
.kp-header .kp-btn-login { background:linear-gradient(135deg,#0d47a1,#00b0ff); color:#fff; padding:12px 30px; border-radius:30px; font-weight:600; border:none; cursor:pointer; }

/* ===== SLIDER ===== */
.kp-slider { background:linear-gradient(135deg,#1a3a6b,#2a5a9a); color:#fff; padding:80px 20px; text-align:center; }
.kp-slider h1 { font-size:48px; font-weight:800; margin-bottom:20px; }
.kp-slider p { font-size:18px; max-width:700px; margin:0 auto 30px; opacity:0.9; }
.kp-slider .kp-btn-slider { background:#00c853; color:#fff; padding:16px 45px; border-radius:30px; font-weight:600; font-size:18px; border:none; cursor:pointer; transition:0.3s; }
.kp-slider .kp-btn-slider:hover { transform:scale(1.05); box-shadow:0 10px 30px rgba(0,200,83,0.4); }

/* ===== HİZMET KARTLARI (Dörtlü) ===== */
.kp-services { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1200px; margin:-40px auto 40px; padding:0 20px; position:relative; z-index:10; }
.kp-service-card { background:#2a4a7a; color:#fff; padding:25px 20px; border-radius:12px; text-align:center; transition:0.3s; }
.kp-service-card:hover { transform:translateY(-5px); box-shadow:0 15px 30px rgba(0,0,0,0.2); }
.kp-service-card i { font-size:32px; margin-bottom:15px; color:#4fc3f7; }
.kp-service-card h3 { font-size:16px; font-weight:600; }

/* ===== FİYAT TABLOSU ===== */
.kp-pricing-wrapper { max-width:1000px; margin:60px auto; padding:0 20px; }
.kp-pricing-tabs { display:flex; justify-content:center; gap:10px; margin-bottom:30px; background:#e8eef6; border-radius:60px; padding:8px; width:fit-content; margin-left:auto; margin-right:auto; }
.kp-tab { background:transparent; border:none; padding:12px 30px; border-radius:60px; font-weight:600; font-size:15px; color:#5f6c7b; cursor:pointer; transition:0.3s; }
.kp-tab.active { background:#fff; color:#0d47a1; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.kp-badge { background:#e53935; color:#fff; font-size:11px; padding:2px 8px; border-radius:20px; margin-left:5px; vertical-align:middle; }
.kp-pricing-table { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.08); }
.kp-pricing-row { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; border-bottom:1px solid #eef2f7; }
.kp-pricing-row:last-child { border-bottom:none; }
.kp-header-row { background:#f0f4fa; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.5px; }
.kp-pricing-row > div { padding:18px 15px; text-align:center; font-size:14px; display:flex; align-items:center; justify-content:center; }
.kp-pricing-row > div:first-child { text-align:left; font-weight:500; padding-left:30px; justify-content:flex-start; }
.kp-highlight { background:#e8f0fe; font-weight:600; color:#0d47a1; }
.kp-header-row .kp-highlight { background:#1a3a6b; color:#fff; }
.kp-price-row .kp-price { font-size:24px; font-weight:800; color:#0d47a1; }
.kp-price-row small { font-size:12px; color:#5f6c7b; }
.kp-btn { display:inline-block; background:#e8eef6; color:#2c3e50; padding:12px 30px; border-radius:30px; font-weight:600; font-size:14px; transition:0.3s; }
.kp-btn:hover { background:#d0dbe8; }
.kp-btn-highlight { background:linear-gradient(135deg,#0d47a1,#00b0ff); color:#fff; }
.kp-btn-highlight:hover { transform:scale(1.02); box-shadow:0 8px 20px rgba(0,176,255,0.3); }

/* ===== BLOG ===== */
.kp-blog { max-width:1200px; margin:60px auto; padding:0 20px; }
.kp-blog h2 { font-size:32px; margin-bottom:30px; color:#0d47a1; }
.kp-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.kp-blog-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.06); transition:0.3s; }
.kp-blog-card:hover { transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.1); }
.kp-blog-card img { width:100%; height:200px; object-fit:cover; }
.kp-blog-card .kp-blog-content { padding:25px; }
.kp-blog-card .kp-blog-date { font-size:12px; color:#999; margin-bottom:10px; }
.kp-blog-card h3 { font-size:18px; margin-bottom:10px; color:#2c3e50; }
.kp-blog-card p { font-size:14px; color:#5f6c7b; margin-bottom:15px; }
.kp-blog-card .kp-read-more { font-weight:600; color:#00b0ff; font-size:14px; }

/* ===== FOOTER ===== */
.kp-footer { background:#0a2e66; color:#a0b3c6; padding:60px 20px 30px; margin-top:60px; }
.kp-footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; }
.kp-footer h3 { color:#fff; font-size:20px; margin-bottom:20px; }
.kp-footer h4 { color:#00e5ff; font-size:16px; margin-bottom:15px; }
.kp-footer p, .kp-footer a { font-size:14px; line-height:2.2; display:block; color:#a0b3c6; transition:0.3s; }
.kp-footer a:hover { color:#fff; padding-left:5px; }
.kp-footer-bottom { text-align:center; margin-top:40px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.1); font-size:13px; }

/* ===== RESPONSIVE ===== */
@media(max-width:992px) {
    .kp-services { grid-template-columns:repeat(2,1fr); }
    .kp-blog-grid { grid-template-columns:1fr 1fr; }
    .kp-footer-inner { grid-template-columns:1fr 1fr; }
}
@media(max-width:768px) {
    .kp-header-inner { flex-wrap:wrap; }
    .kp-nav ul { flex-direction:column; gap:10px; padding:15px 0; }
    .kp-services { grid-template-columns:1fr; margin-top:20px; }
    .kp-blog-grid { grid-template-columns:1fr; }
    .kp-footer-inner { grid-template-columns:1fr; }
    .kp-pricing-row { grid-template-columns:1fr; }
    .kp-pricing-row > div:first-child { background:#f0f4fa; font-weight:700; justify-content:center; padding-left:15px; }
    .kp-header-row { display:none; }
    .kp-slider h1 { font-size:28px; }
}