/* ================================================= */
/* 1. KÖK DEĞİŞKENLERİ VE GENEL STİL */
/* ================================================= */
:root{
    --bg1: #0f172a; 
    --accent: #06b6d4;
    --muted: #94a3b8;
    --radius: 14px;
}
.dky-form-container-wrapper {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    color: #e6eef2;
    background: linear-gradient(135deg, var(--bg1) 0%, #08202b 40% , #042f2f 100%) !important; 
    min-height: 100vh;
    padding: 30px;
    margin: -30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dky-form-container-wrapper .container { 
    width: 100%;
    max-width: 1000px !important; 
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: 0 10px 30px rgba(2,6,23,0.6);
    backdrop-filter: blur(6px);
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 22px;
    align-items: start;
    margin: 0 auto; 
}

/* Header ve Tipografi */
.hero{ padding: 0; }
.hero h1{ margin:0 0 8px; font-size:26px; font-weight:700; letter-spacing:-0.2px; color: #d9eef5; }
p.lead{ margin:0 0 18px; color:var(--muted); }
.card-title { font-weight:300!important; margin:0 0 12px; color: var(--accent)!important; font-size: 18px!important; }

/* ================================================= */
/* 3. FORM VE INPUT STİLLERİ */
/* ================================================= */

form {
    display:grid;
    grid-template-columns:repeat(2,1fr); 
    gap:12px;
    justify-items: start; /* Sola hizalama çözümü */
    align-items: start;
}
form > div { padding: 0; margin: 0; }
.full{ grid-column:1/-1; } 
label{ display:block; font-size:13px; margin-bottom:6px; color:#d9eef5; }

/* Input Stili */
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="file"], select, textarea{
    width:100%;
    padding: 10px 12px; 
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.15);
    background:rgba(255,255,255,0.08);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); 
    color:inherit;
    font-size:14px;
    outline:none;
    transition:box-shadow .18s, border-color .18s;
    height: auto; 
    min-height: 44px;
    line-height: 1.2;
}
input:focus, select:focus, textarea:focus{
    box-shadow:0 0 0 1px var(--accent), inset 0 1px 3px rgba(0, 0, 0, 0.6); 
    border-color:var(--accent)
}
textarea{ min-height:100px; resize:vertical }

.aside{ 
    padding:18px;
    background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.03);
}
.row{ display:flex; gap:10px; margin: 0; }
.hint{ font-size:12px; color:var(--muted); margin-top:6px; margin-bottom: 0; }
.hero h3 { margin: 20px 0 10px 0; padding: 0; color: var(--accent); }

/* Footer ve Butonlar (Responsive Düzeltildi) */
.footer-buttons {
    display: flex;
    gap: 10px;
}
.footer-buttons .btn {
    flex: 1; 
    min-width: 120px; 
}
footer{
    grid-column:1/-1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:16px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.btn{
    display:inline-block;
    padding:10px 16px;
    border-radius:10px;
    /* BUTONUN MİNT/CYAN GRADIENT RENKLERİ */
    background:linear-gradient(90deg,var(--accent), #0891b2) !important;
    color:#042026 !important; /* Koyu metin rengi */
    border:none !important;
    cursor:pointer !important;
    font-weight:600 !important;
}
/* ================================================= */
/* 4. MOBİL UYUMLULUK (NİHAİ ÇÖZÜM) */
/* ================================================= */

/* Temanın max-width kısıtlamasını kaldır */
.dky-form-container-wrapper.alignfull { 
    width: 100% !important; 
    max-width: none !important; 
	margin-top:10px !important;
}

@media (max-width: 920px) {
    
    /* Tüm genel responsive kısıtlamalarını temizler */
    .dky-form-container-wrapper {
        padding: 15px 0 !important; 
        margin: -30px 0 !important; 
    }
    
    .dky-form-container-wrapper .container {
        grid-template-columns: 1fr; 
        max-width: 100% !important; 
        width: 100% !important;
        padding: 20px 15px !important; 
        gap: 15px; 
    }

    /* Tüm form alanlarını zorla tek sütuna düşürür ve aynı genişlik yapar */
    form {
        grid-template-columns: 1fr !important; 
        gap: 15px !important; 
    }
    
    form > div, .full, .row, .aside .row > div {
        grid-column: 1 / -1 !important; 
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important; 
        margin: 0 !important;
        padding: 0 !important; 
    }

    /* Footer Butonları Mobil */
    .footer-buttons {
        flex-direction: column !important;
        width: 100% !important; 
        gap: 15px !important; 
    }
    .footer-buttons .btn {
        width: 100% !important; 
        flex: none !important; 
    }

    /* aside/hero padding'i sıfırlama */
    .hero, .aside { padding: 0 !important; margin: 0 !important; }
}