/*
Theme Name: Kadence Child
Template: kadence
*/

/* Genel Alan Ayarı */
.developer-hero-wrapper {
    position: relative !important;
    width: 100% !important;
    min-height: 55vh !important;
    background-color: #020202 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 70px 20px !important;
    box-sizing: border-box !important;
}

/* Arka Plandaki Canlı Canvas Katmanı */
canvas.binary-background-mask {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important; /* Panel üzerinden hareketleri okumak için şart */
}

/* Widescreen Panel - Dikdörtgen Kurumsal Yapı */
.profile-widescreen-panel {
    position: relative !important;
    max-width: 1200px !important;
    width: 95% !important;
    z-index: 2 !important; /* Canvas'ın kesinlikle üstüne çıkarır */
    border-left: 4px solid #00ff41 !important; 
    border-top: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    padding: 40px 50px !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.9) !important;
}

/* Metin Alanları */
.profile-widescreen-panel div {
    line-height: 1.6 !important;
    letter-spacing: 0.5px !important;
    transition: opacity 0.3s ease;
}

.binary-hybrid-white-line {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #ffffff !important; 
    font-weight: bold !important;
    letter-spacing: 1px !important;
    word-break: break-all !important;
    margin-bottom: 20px !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.2) !important; 
}

.binary-hybrid-green-line {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #ffffff !important; 
    letter-spacing: 0.5px !important;
    word-break: break-all !important;
    opacity: 0.9 !important; 
    margin-bottom: 15px !important;
}

/* Progress Bar Alanı */
.siber-progress-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.05);
}

.siber-progress-fill {
    width: 0%;
    height: 100%;
    background: #ffffff; 
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

/* RESPONSIVE DÜZENLER */
@media (max-width: 1024px) {
    .profile-widescreen-panel { padding: 30px 35px !important; width: 98% !important; }
    .binary-hybrid-white-line { font-size: 16px !important; line-height: 26px !important; }
}

@media (max-width: 768px) {
    .developer-hero-wrapper { padding: 40px 10px !important; }
    .profile-widescreen-panel { padding: 25px 20px !important; }
    .binary-hybrid-white-line { font-size: 13px !important; line-height: 20px !important; margin-bottom: 14px !important; }
    .binary-hybrid-green-line { font-size: 11px !important; line-height: 18px !important; }
}




/* Upwork Terminal Link Satırı */
.siber-terminal-link-row {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 11px !important;
    margin-top: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.terminal-prompt {
    color: #888888 !important;
    user-select: none !important;
}

.siber-terminal-link {
    color: #00ff41 !important; /* Siber Yeşil Ton */
    text-decoration: none !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.3) !important;
}

.siber-terminal-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
    text-decoration: underline !important;
}

/* Yanıp Sönen İmleç Animasyonu */
.blinking-cursor {
    font-weight: bold !important;
    animation: siberBlink 1s step-end infinite !important;
}

@keyframes siberBlink {
    from, to { color: transparent }
    50% { color: inherit }
}

@media (max-width: 768px) {
    .siber-terminal-link-row {
        margin-top: 20px !important;
        font-size: 10px !important; 
        gap: 5px !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important; /* Yazının aşağı kaymasını/kırılmasını engeller */
    }
    .siber-terminal-link {
        white-space: nowrap !important; /* Kelimenin bölünmesini engeller ve düz tutar */
    }
}

/*header web developer

/* Header Sağ Taraf Siber Unvan */
.siber-header-right-badge {
    position: absolute !important;
    top: 35px !important; /* Temanın üst logosuyla dikey hizayı eşitler */
    right: 35px !important; /* Ekranın en sağ sınırından şık bir boşluk bırakır */
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    letter-spacing: 1px !important;
    z-index: 999 !important; /* Menü elemanlarının üstünde kalması için */
    user-select: none !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.1) !important;
}

.siber-header-right-badge .badge-prefix,
.siber-header-right-badge .badge-postfix {
    color: #555555 !important; /* Köşeli parantezler kurumsal soft gri */
}

.siber-header-right-badge .badge-sep {
    color: #00ff41 !important; /* Ortadaki çift çizgi siber yeşil parlar */
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.5) !important;
}

/* RESPONSIVE: Mobil cihazlarda menü butonuna çarpmaması için gizleme veya küçültme */
@media (max-width: 1024px) {
    .siber-header-right-badge {
        top: 40px !important;
        right: 70px !important; /* Açılır barın üzerine binmesin diye sola kaydırdık */
        font-size: 8px !important;
    }
}

@media (max-width: 768px) {
    .siber-header-right-badge {
        top: 36px !important;
        right: 65px !important; /* Telefonlarda açılır butonun solunda temizce durur */
        font-size: 7px !important;
        letter-spacing: 0.5px !important;
    }
}