/*
Theme Name: Kompetan File
Theme URI: https://example.com
Author: Kompetan File
Author URI: https://example.com
Description: WordPress theme based on Kompetan File HTML template with blog and post support.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kompetan-file
Tags: one-column, custom-logo, custom-menu, featured-images, responsive-layout
Screenshot: screenshot.png
*/
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#072348;background:#f7fbff}.kp-site{position:relative;overflow:hidden}.kp-container{width:min(1180px,92%);margin:auto}#kpNet{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}.kp-site>*:not(canvas){position:relative;z-index:1}.kp-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(5,31,63,.08);z-index:5}.kp-nav{height:86px;display:flex;align-items:center;gap:34px}.kp-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#06234a;font-weight:900}.kp-brand img{height:58px;max-width:170px;object-fit:contain}.kp-brand span{font-size:22px}nav{margin-left:auto;display:flex;gap:28px}nav a{text-decoration:none;font-weight:800;color:#08234a}.kp-whatsapp,.kp-btn{border-radius:18px;padding:16px 26px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.kp-whatsapp,.kp-btn.primary{background:#05285b;color:#fff;box-shadow:0 16px 32px rgba(5,40,91,.25)}.kp-btn.secondary{background:#fff;color:#05285b;border:1px solid rgba(5,40,91,.18)}.kp-hero{padding:34px 0 42px;background:linear-gradient(180deg,#fff 0,#eef6ff 45%,#dcecff 100%);position:relative}.kp-corner{position:absolute;width:360px;height:520px;opacity:.18;background:url('assets/insaat.svg') center/cover;border-radius:40px;filter:grayscale(.2);top:115px}.kp-corner-left{left:-170px;transform:rotate(-8deg)}.kp-corner-right{right:-170px;background-image:url('assets/havuz.svg');transform:rotate(8deg)}.kp-intro-card{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(7,35,72,.09);border-radius:24px;padding:22px 30px;box-shadow:0 25px 55px rgba(5,31,63,.09);margin-bottom:22px}.kp-intro-card img{width:100%;height:auto}.kp-intro-card p,.kp-eyebrow{text-transform:uppercase;letter-spacing:6px;color:#0dbf75;font-weight:900;margin:0 0 12px}.kp-intro-card h1{font-size:31px;line-height:1.15;margin:0;color:#06234a}.kp-video-frame{position:relative;border:8px solid #082b57;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(5,31,63,.28);background:#081f3c}.kp-video-frame video{width:100%;height:460px;object-fit:cover;display:block}.kp-video-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(2,15,31,.12),rgba(2,15,31,.42))}.kp-video-overlay h2{font-size:74px;line-height:.9;margin:0 0 14px;text-shadow:0 16px 32px rgba(0,0,0,.45)}.kp-video-overlay p{font-size:31px;font-weight:900;margin:0;text-shadow:0 12px 28px rgba(0,0,0,.45)}.kp-actions{display:flex;gap:18px;justify-content:center;margin:28px 0}.kp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kp-stats div{background:rgba(255,255,255,.84);border:1px solid rgba(7,35,72,.1);border-radius:22px;padding:26px;text-align:center;box-shadow:0 20px 45px rgba(5,31,63,.08)}.kp-stats strong{display:block;font-size:36px}.kp-stats span{font-weight:800;color:#31516f}.kp-section{padding:72px 0}.kp-section h2{font-size:36px;text-align:center;margin:0 0 28px}.kp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kp-grid article{min-height:220px;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:white;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(3,18,37,.15),rgba(3,18,37,.8)),var(--img) center/cover;box-shadow:0 18px 40px rgba(5,31,63,.16);transition:.3s}.kp-grid article:hover{transform:translateY(-8px) scale(1.015)}.kp-grid h3{font-size:22px;margin:0 0 8px}.kp-grid p{margin:0;font-weight:700}.kp-section-lead{max-width:760px;margin:-12px auto 34px;text-align:center;color:#395875;font-size:18px;line-height:1.65;font-weight:700}.kp-refs{background:linear-gradient(180deg,#fff 0,#f3f8ff 100%);position:relative}.kp-ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.kp-ref-card{background:rgba(255,255,255,.9);border:1px solid rgba(7,35,72,.1);border-radius:24px;overflow:hidden;box-shadow:0 22px 50px rgba(5,31,63,.1);transition:.3s}.kp-ref-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(5,31,63,.18)}.kp-ref-img{height:240px;background:linear-gradient(180deg,rgba(3,18,37,.05),rgba(3,18,37,.35)),var(--img) center/cover}.kp-ref-body{padding:24px}.kp-ref-body span{display:inline-flex;background:#e8f8f0;color:#0b9d63;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;margin-bottom:12px}.kp-ref-body h3{font-size:24px;margin:0 0 10px;color:#06234a}.kp-ref-body p{margin:0;color:#3d5873;font-weight:700;line-height:1.6}.kp-ref-note{margin-top:24px;background:#06234a;color:white;border-left:6px solid #18c878;padding:20px 24px;border-radius:18px;box-shadow:0 18px 40px rgba(5,31,63,.15)}.kp-price{background:linear-gradient(135deg,#061d3c,#082e63);color:white}.kp-price-wrap{display:grid;grid-template-columns:1fr 460px;gap:44px;align-items:start}.kp-price h2{text-align:left;font-size:42px}.kp-note{background:rgba(255,255,255,.1);border-left:5px solid #18c878;padding:20px;border-radius:16px;font-size:17px;line-height:1.7}.kp-form{background:white;color:#06234a;border-radius:24px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.kp-form label{display:block;font-weight:900;margin-bottom:14px}.kp-form input,.kp-form select{width:100%;padding:15px;border:1px solid #cbd7e4;border-radius:14px;margin-top:8px;font-weight:800}.kp-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kp-result{background:#eef7ff;border-radius:18px;padding:20px;margin:16px 0}.kp-result span{display:block;color:#56708e;font-weight:800}.kp-result{display:grid;gap:14px}.kp-m2-box{padding-bottom:14px;border-bottom:1px solid rgba(5,40,91,.12)}.kp-result strong{font-size:28px}.full{width:100%}.kp-cta{padding:76px 0;text-align:center;background:#fff}.kp-cta h2{font-size:36px}.kp-footer{background:#051a35;color:white;padding:44px 0;text-align:center}.kp-footer img{height:75px;filter:brightness(1.3)}@media(max-width:900px){.kp-nav{height:auto;padding:14px 0;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;gap:14px;flex-wrap:wrap}.kp-intro-card{grid-template-columns:1fr;text-align:center}.kp-video-frame video{height:290px}.kp-video-overlay h2{font-size:42px}.kp-video-overlay p{font-size:20px}.kp-stats,.kp-grid,.kp-ref-grid,.kp-price-wrap{grid-template-columns:1fr}.kp-grid{gap:12px}.kp-brand span{display:none}}
.kp-tech-note{margin:10px 0 4px;padding:10px 12px;border-radius:14px;background:rgba(5,47,96,.07);border:1px solid rgba(5,47,96,.13);color:#052f60;font-size:13px;font-weight:700;line-height:1.45}

.kp-price-manager{margin-top:22px;background:#f8fbff;border:1px solid rgba(5,40,91,.12);border-radius:20px;padding:18px}
.kp-price-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.kp-price-manager-header strong{font-size:1rem;color:#05285b;text-transform:uppercase;letter-spacing:.08em}
.kp-price-manager-header span{display:block;color:#405c84;font-size:.95rem;line-height:1.5}
.kp-price-editor{display:grid;gap:12px;margin-bottom:14px}
.kp-price-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(5,40,91,.1)}
.kp-price-row:last-child{border-bottom:none}
.kp-price-row .kp-row-fields{display:grid;gap:10px}
.kp-price-row label{font-size:.95rem;font-weight:800}
.kp-price-row input{width:100%;padding:12px;border:1px solid #cbd7e4;border-radius:12px;font-weight:700}
.kp-price-row button{min-width:85px;justify-self:flex-end}
.kp-edit-note{margin-top:10px;font-size:.92rem;color:#4f5b77;line-height:1.6}
@media(max-width:700px){.kp-price-row{grid-template-columns:1fr}.kp-price-manager-header{flex-direction:column;gap:8px}}

.kp-price-disclaimer{
  background:linear-gradient(135deg,#061f3f,#0b3e78);
  color:#fff;
  border:1px solid rgba(18,117,189,.24);
  box-shadow:0 18px 42px rgba(4,31,63,.18);
  padding:20px 22px;
  border-radius:20px;
  margin-top:18px;
}
.kp-price-disclaimer p{
  margin:7px 0;
  color:rgba(255,255,255,.94);
  font-size:15px;
  line-height:1.55;
}
.kp-price-disclaimer strong{color:#fff}

.kp-mount-option{display:flex!important;align-items:flex-start;gap:12px;background:#f0f8ff;border:1px solid #c5dced;border-radius:14px;padding:14px 15px;cursor:pointer}.kp-mount-option input{width:20px!important;height:20px;margin:2px 0 0!important;accent-color:#0dbf75}.kp-mount-option span{display:grid;gap:4px}.kp-mount-option small{color:#56708e;font-weight:700;line-height:1.35}.kp-mount-option.is-disabled{opacity:.55;cursor:not-allowed}


.kp-mount-option{display:flex!important;align-items:flex-start;gap:12px;background:#f0f8ff;border:1px solid #c5dced;border-radius:14px;padding:14px 15px;cursor:pointer}.kp-mount-option input{width:20px!important;height:20px;margin:2px 0 0!important;accent-color:#0dbf75}.kp-mount-option span{display:grid;gap:4px}.kp-mount-option small{color:#56708e;font-weight:700;line-height:1.35}.kp-mount-option.is-disabled{opacity:.55;cursor:not-allowed}

.kp-blog-archive article, .kp-post-content article {background:#fff;border-radius:28px;box-shadow:0 18px 40px rgba(5,31,63,.07);padding:32px;margin-bottom:34px}
.kp-blog-archive .entry-title a, .kp-post-content .entry-title {color:#05285b;text-decoration:none}
.kp-blog-archive .entry-title {font-size:2rem;margin:0 0 16px}
.kp-post-content .entry-title {font-size:2.7rem;margin:0 0 18px}
.kp-blog-archive .entry-meta, .kp-post-content .entry-meta {color:#4d6a96;font-size:.98rem;margin-bottom:18px}
.kp-blog-archive .entry-summary, .kp-post-content .entry-content {color:#4f5b77;line-height:1.9}
.kp-blog-archive .entry-summary p, .kp-post-content .entry-content p {margin:0 0 1.4rem}
.kp-blog-archive .kp-btn.secondary {margin-top:18px}
.kp-blog-card {background:#fff;border:1px solid rgba(5,40,91,.12);border-radius:28px;box-shadow:0 22px 48px rgba(5,31,63,.08);padding:34px;margin-bottom:34px}
.kp-blog-card-header {margin-bottom:32px}
.kp-blog-card-header h1 {font-size:2.8rem;margin:0;color:#05285b}
.archive-description {color:#4f5b77;line-height:1.8;margin-top:14px}
.kp-blog-list {display:grid;gap:24px}
.kp-blog-list-item {
  display:grid;
  gap:24px;
  padding:28px;
  border:1px solid rgba(5,40,91,.1);
  border-radius:26px;
  background:#fdfdff;
  box-shadow:0 18px 38px rgba(5,31,63,.08);
  transition:transform .3s ease, box-shadow .3s ease;
}
.kp-blog-list-item:hover {
  transform:translateY(-6px);
  box-shadow:0 26px 54px rgba(5,31,63,.12);
}
.kp-blog-thumb img {width:100%;height:auto;border-radius:20px;display:block}
.kp-blog-list-content {display:grid;gap:16px}
@media (min-width:900px) {
  .kp-blog-list-item {grid-template-columns:340px minmax(0,1fr);align-items:start}
}
.kp-blog-archive .entry-title {font-size:1.95rem;margin:0}
.kp-blog-archive .entry-summary {margin:0;color:#4f5b77;line-height:1.85}
.kp-pagination {display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin-top:22px}
.kp-pagination .page-numbers {display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:1px solid rgba(5,40,91,.14);color:#05285b;text-decoration:none}
.kp-pagination .current {background:#05285b;color:#fff;border-color:#05285b}

.widget-area {margin-bottom:32px}
.widget-area .widget-title {font-size:2rem;margin-bottom:18px;color:#05285b}