/* Sayfa Scroll Kilidini Açık Tut */
body.is-logged-out, body.is-logged-out html, body.is-logged-out #app, body.is-logged-out .kiwi-wrap {
    height: auto !important; min-height: 100vh !important; overflow: visible !important; position: static !important; display: block !important;
}

/* Üst Menü */
#fb-header { background: #fff; border-bottom: 1px solid #eee; padding: 18px 0; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.header-menu ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.header-menu a { text-decoration: none; color: #555; font-size: 15px; font-weight: 500; }
.header-menu li.active a { color: #ff2f5f; }

/* Arka Plan */
.kiwi-startup-common {
    background-color: #ff2f5f !important;
    background-image: url('https://www.bizimmekan.com/assets/images/hero-placeholder.svg') !important;
    background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important;
    min-height: 800px !important; padding-top: 50px !important; display: block !important;
}

/* GEREKSİZLERİ GİZLE */
.kiwi-startup-common-section-info, .kiwi-startup-common-network-name, 
.kiwi-startup-common-section-network h1, .kiwi-startup-common-section-network h2,
.kiwi-customserver-channel, .kiwi-customserver-channel-wrap { display: none !important; }

/* ==== GİRİŞ KUTUSU (F12 BİREBİR) ==== */
.kiwi-startup-common-section-network {
    background: #f8f9fa !important; /* F12'deki gibi hafif gri/beyaz ton */
    width: 90% !important; max-width: 420px !important;
    padding: 30px 25px !important;
    border-radius: 25px !important; /* Attığın resimdeki büyük kavis */
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    border: none !important;
    margin: 20px auto 0 !important;
    position: relative !important;
    left: auto !important; top: auto !important; transform: none !important;
    z-index: 20 !important;
}

/* Kutu İçi Başlık */
.fb-form-title { text-align: center; color: #ff2f5f; font-size: 19px; font-weight: 700; margin-bottom: 25px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* ==== KIRMIZI İKONLU İNPUT TASARIMI (VUE SAFE) ==== */
/* Kiwi'nin input sarmalayıcısına F12'deki form-ic stilini basıyoruz */
.fb-u-form-field {
    position: relative !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    background: #fff !important;
    margin-bottom: 1rem !important;
    height: 55px !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: block !important;
}

.fb-u-form-field:focus-within {
    border-color: #ff2f5f !important; box-shadow: 0 0 0 3px rgba(255,47,95,0.15) !important;
}

/* F12'deki .form-icon kısmı (JS ile eklenecek, Absolute olarak üstüne binecek) */
.fb-icon-box {
    position: absolute !important;
    top: 0 !important; left: 0 !important; bottom: 0 !important;
    width: 60px !important; /* Kırmızı alanın genişliği */
    background-color: #ff2f5f !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    pointer-events: none !important;
    z-index: 5 !important;
}
.fb-icon-box img { width: 20px !important; height: 20px !important; filter: brightness(0) invert(1) !important; margin: 0 !important; }

/* Kiwi'nin orijinal inputunu kırmızı alanın yanına itiyoruz */
.fb-u-form-field input {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    padding: 0 15px 0 75px !important; /* 60px kırmızı alan + 15px boşluk */
    border: none !important; background: transparent !important;
    font-size: 16px !important; color: #495057 !important;
    box-sizing: border-box !important; outline: none !important;
    z-index: 2 !important;
}

.fb-u-form-field label { display: none !important; }

/* Checkbox */
.kiwi-checkbox { margin-bottom: 15px !important; font-size: 14px !important; color: #555 !important; display: flex !important; align-items: center !important; }
.kiwi-checkbox input[type="checkbox"] { width: 18px !important; height: 18px !important; margin-right: 8px !important; accent-color: #ff2f5f; cursor: pointer; }

/* SOHBETE BAĞLAN Butonu */
.kiwi-startup-common-section-network button.kiwi-button {
    width: 100% !important; height: 50px !important;
    background: #0f172a !important; /* Resimdeki Lacivert */
    color: #fff !important; border: none !important; border-radius: 8px !important;
    font-size: 16px !important; font-weight: 700 !important; cursor: pointer !important; text-transform: uppercase !important;
}

/* BİLGİSAYARINA İNDİR Butonu */
.fb-mirc-btn { margin-top: 15px; border-top: 1px solid #e2e8f0; padding-top: 15px; text-align: center; }
.fb-mirc-btn p { font-size:14px; color:#555; margin:0 0 10px 0; font-family: sans-serif; }
.fb-mirc-btn a {
    display: flex; align-items: center; justify-content: center;
    background: #4867AA; /* F12'den alınan renk */
    color: #fff; text-decoration: none; padding: 10px; border-radius: 8px; font-weight: bold; font-size: 14px; font-family: sans-serif;
}
.fb-mirc-btn a img { height: 20px; margin-right: 8px; }

/* LOGO VE INTRO YAZILARI (KUTU DIŞI) */
.fb-logo-top { text-align: center; margin-bottom: 20px; position: relative; z-index: 10; font-family: sans-serif; }
.fb-logo-top h2 { color: #fff; font-size: 42px; font-weight: 900; margin: 0; text-shadow: 0 2px 5px rgba(0,0,0,0.2); }

/* MAKALELER & FOOTER */
#fb-main { background: #fff; padding: 40px 20px; width: 100%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.content-container { max-width: 1000px; margin: 0 auto; color: #444; line-height: 1.7; font-size: 16px; }
.content-block { margin-bottom: 60px; }
.flex-row { display: flex; align-items: center; gap: 40px; }
.flex-row .img-col { flex: 1; text-align: center; }
.flex-row .img-col img { max-width: 100%; height: auto; }
.flex-row .text-col { flex: 1.5; }
.content-container h3 { color: #1b264f; font-size: 28px; margin-bottom: 20px; }
.purple-text { color: #cc21cc; font-size: 18px; margin-top: 30px; margin-bottom: 10px; font-weight: bold; }
.room-list { list-style: none; padding: 0; }
.room-list li { margin-bottom: 10px; color: #007bff; text-decoration: underline; cursor: pointer; }
.room-list li::before { content: "💗 "; text-decoration: none; display: inline-block; }

#fb-footer {
    background-color: #ff2f5f; color: #fff; text-align: center;
    padding: 80px 20px 40px; margin-top: 0;
    clip-path: polygon(0 15%, 50% 0, 100% 15%, 100% 100%, 0 100%);
    width: 100%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.footer-links a { color: #fff; text-decoration: none; margin: 0 15px; font-weight: 500; font-size: 16px; }

@media(max-width: 768px) { .flex-row { flex-direction: column; } .kiwi-startup-common { padding-top: 30px !important; } }