/* =====================================================================
   KURUMSAL SAYFALAR — `.vlks` (2026-09-25/27, Murat isteği)
   İletişim, Hakkımızda ve Banka Bilgilerimiz sayfaları için ortak stil.
   Sayfaların iskeleti (breadcrumb + dalga + sağ menü) korunuyor; sadece
   içerik alanı kurumsal bir düzene alınıyor.
   ⚠️ Sağdaki `corporate-nav.tpl` menüsü 14 kurumsal sayfada ortak; buradaki
      kurallar `.vlks` altına kapsandığı için diğer sayfalar etkilenmiyor.
   ⚠️ İletişim formunun alan adları, `action`, captcha include'u ve
      `accepttos` kutusu DEĞİŞTİRİLMEZ — WHMCS contact.php bunlara bakıyor.
   ===================================================================== */
.vlks {
    --ks-ink: #161B33;
    --ks-ink-soft: #454B6B;
    --ks-muted: #7D839F;
    --ks-line: #E6E8F2;
    --ks-purple: #4553C7;
    --ks-mint: #0E9F6E;
    --ks-radius: 16px;
    color: var(--ks-ink);
    padding-bottom: 72px;
}

/* ---------------------------------------------------------- Kart / başlık */
.vlks-kart {
    background: #fff; border: 1px solid var(--ks-line); border-radius: 20px;
    padding: 34px 36px; box-shadow: 0 14px 34px rgba(22,27,51,.06);
}
.vlks-kart + .vlks-kart { margin-top: 20px; }
.vlks-eyebrow {
    display: inline-block; margin-bottom: 8px;
    font-size: 11.5px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase;
    color: var(--ks-purple);
}
.vlks-h2 { margin: 0 0 10px; font-size: 26px; font-weight: 800; letter-spacing: -.5px; color: var(--ks-ink); }
.vlks-lead { margin: 0 0 24px; font-size: 15px; line-height: 1.7; color: var(--ks-ink-soft); }

/* ------------------------------------------------------- Hızlı iletişim */
.vlks-hizli { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px; }
.vlks-hizli-item {
    display: flex; align-items: flex-start; gap: 14px;
    background: #fff; border: 1px solid var(--ks-line); border-radius: var(--ks-radius);
    padding: 20px; text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vlks-hizli-item:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(22,27,51,.09); border-color: #CFD5F0; text-decoration: none; }
.vlks-hizli-item .ikon {
    flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px;
    background: rgba(69,83,199,.1); color: var(--ks-purple);
    display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.vlks-hizli-item .etiket { display: block; margin-bottom: 3px; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--ks-muted); }
.vlks-hizli-item .deger { display: block; font-size: 14.5px; font-weight: 700; color: var(--ks-ink); line-height: 1.5; }

/* --------------------------------------------------------------- FORM */
.vlks-form .satir { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.vlks-form .alan { margin-bottom: 16px; }
.vlks-form label {
    display: block; margin-bottom: 7px;
    font-size: 13px; font-weight: 700; color: var(--ks-ink);
}
.vlks-form .form-control {
    width: 100%; height: 48px; padding: 0 14px;
    border: 1px solid var(--ks-line); border-radius: 11px; background: #fff;
    font-size: 14.5px; color: var(--ks-ink); transition: border-color .15s, box-shadow .15s;
}
.vlks-form textarea.form-control { height: auto; padding: 12px 14px; line-height: 1.6; resize: vertical; }
.vlks-form .form-control:focus {
    outline: none; border-color: var(--ks-purple); box-shadow: 0 0 0 3px rgba(69,83,199,.12);
}
.vlks-form .kvkk {
    display: flex; align-items: flex-start; gap: 10px; margin: 18px 0 0;
    font-size: 13.5px; line-height: 1.6; color: var(--ks-ink-soft);
}
.vlks-form .kvkk input { margin-top: 3px; }
.vlks-form .kvkk a { color: var(--ks-purple); }
/* Gönder düğmesi — 2026-09-27, Murat: "daha kibar, estetik olsun".
   Köşeli dolu blok yerine hap form, yumuşak degrade, hafif gölge; ikon
   metnin sağında ve üzerine gelince minik kayıyor. */
.vlks-form .form-alt {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
    margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--ks-line);
}
.vlks-form .form-alt .ipucu { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ks-muted); }
.vlks-form .form-alt .ipucu a { color: var(--ks-purple); font-weight: 600; }
.vlks-form .gonder {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    height: 48px; padding: 0 26px; border: 0; border-radius: 999px;
    background: linear-gradient(135deg, #4553C7 0%, #6270E0 100%); color: #fff;
    font-size: 14.5px; font-weight: 700; letter-spacing: .2px; cursor: pointer;
    box-shadow: 0 8px 20px rgba(69,83,199,.22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.vlks-form .gonder i { font-size: 13px; transition: transform .18s ease; }
.vlks-form .gonder:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(69,83,199,.3); filter: brightness(1.04); color: #fff; }
.vlks-form .gonder:hover i { transform: translateX(3px); }
.vlks-form .gonder:active { transform: translateY(0); box-shadow: 0 6px 14px rgba(69,83,199,.24); }
.vlks-form .gonder:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(69,83,199,.25); }
.vlks-form .captcha-alani { margin-top: 18px; }

/* ------------------------------------------------------- Künye satırları */
.vlks-kunye { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 24px; }
.vlks-kunye-item {
    display: flex; gap: 13px; align-items: flex-start;
    padding: 14px 16px; background: #F7F8FC; border: 1px solid var(--ks-line); border-radius: 12px;
}
.vlks-kunye-item i { color: var(--ks-purple); font-size: 14px; margin-top: 3px; }
.vlks-kunye-item .etiket { display: block; font-size: 12px; font-weight: 700; letter-spacing: .3px; color: var(--ks-muted); margin-bottom: 2px; }
.vlks-kunye-item .deger { font-size: 14px; font-weight: 600; color: var(--ks-ink); line-height: 1.55; }
.vlks-kunye-item a { color: var(--ks-ink); }
.vlks-kunye-item a:hover { color: var(--ks-purple); }

/* -------------------------------------------------- Hakkımızda içerik */
.vlks-icerik { font-size: 15px; line-height: 1.85; color: var(--ks-ink-soft); }
.vlks-icerik h2 { font-size: 21px; font-weight: 800; color: var(--ks-ink); margin: 26px 0 12px; }
.vlks-icerik h3 { font-size: 17px; font-weight: 800; color: var(--ks-ink); margin: 22px 0 10px; }
.vlks-icerik p { margin: 0 0 14px; }
.vlks-icerik ul { margin: 0 0 14px; padding-left: 20px; }
.vlks-icerik li { margin-bottom: 8px; }
.vlks-icerik .pl-6 { padding-left: 0 !important; }

.vlks-baglanti { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
.vlks-baglanti a {
    display: flex; align-items: center; gap: 12px;
    background: #fff; border: 1px solid var(--ks-line); border-radius: var(--ks-radius);
    padding: 18px 20px; text-decoration: none; color: var(--ks-ink);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vlks-baglanti a:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(22,27,51,.09); border-color: #CFD5F0; color: var(--ks-ink); text-decoration: none; }
.vlks-baglanti i { color: var(--ks-purple); font-size: 15px; }
.vlks-baglanti .ad { font-size: 14.5px; font-weight: 700; }

/* ------------------------------------------------------------ BANKA */
.vlks-banka { border: 1px solid var(--ks-line); border-radius: 18px; overflow: hidden; background: #fff; }
.vlks-banka-ust {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    padding: 22px 26px; background: #F7F8FC; border-bottom: 1px solid var(--ks-line);
}
.vlks-banka-ust img { height: 40px; width: auto; }
.vlks-banka-ust .rozet {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 13px; border-radius: 999px; background: rgba(14,159,110,.1);
    color: #0B7F58; font-size: 12.5px; font-weight: 800;
}
.vlks-banka-govde { padding: 24px 26px; }
.vlks-banka-satir {
    display: grid; grid-template-columns: 180px 1fr; gap: 12px 20px;
    padding: 13px 0; border-bottom: 1px solid var(--ks-line); align-items: center;
}
.vlks-banka-satir:last-child { border-bottom: 0; }
.vlks-banka-satir .etiket { font-size: 13px; font-weight: 700; color: var(--ks-muted); }
.vlks-banka-satir .deger { font-size: 15px; font-weight: 700; color: var(--ks-ink); }
.vlks-banka-satir .deger.iban {
    font-size: 17px; letter-spacing: .6px; font-variant-numeric: tabular-nums;
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.vlks-kopyala {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 7px 14px; border: 1px solid var(--ks-line); border-radius: 9px;
    background: #fff; color: var(--ks-purple); font-size: 12.5px; font-weight: 700; cursor: pointer;
    transition: border-color .15s, background .15s;
}
.vlks-kopyala:hover { border-color: var(--ks-purple); background: #FAFBFF; }
.vlks-kopyala.tamam { border-color: var(--ks-mint); color: #0B7F58; background: rgba(14,159,110,.06); }

.vlks-uyari {
    display: flex; gap: 14px; align-items: flex-start; margin-top: 20px;
    padding: 18px 20px; border-radius: 12px;
    background: #fff; border: 1px solid var(--ks-line); border-left: 3px solid #E8A33D;
}
.vlks-uyari i { color: #E8A33D; font-size: 15px; margin-top: 2px; }
.vlks-uyari p { margin: 0; font-size: 13.5px; line-height: 1.7; color: var(--ks-ink-soft); }
.vlks-uyari a { color: var(--ks-purple); font-weight: 700; }

/* --------------------------------------------- Sağ menü (sadece bu sayfalarda) */
.vlks .vl-corporate-nav ul { display: grid; gap: 8px; }
.vlks .vl-corporate-nav a {
    display: block; padding: 12px 16px; border-radius: 11px;
    background: #fff; border: 1px solid var(--ks-line);
    font-size: 13.5px; font-weight: 600; color: var(--ks-ink-soft); text-decoration: none;
    transition: border-color .15s, color .15s, background .15s;
}
.vlks .vl-corporate-nav a:hover { border-color: #CFD5F0; color: var(--ks-purple); }
.vlks .vl-corporate-nav a.active {
    background: linear-gradient(135deg, #4553C7 0%, #5A67D8 100%);
    border-color: transparent; color: #fff;
    box-shadow: 0 6px 16px rgba(69,83,199,.24);
}

/* ============================== MOBİL / TABLET ======================= */
@media (max-width: 991.98px) {
    .vlks-hizli { grid-template-columns: 1fr; }
    .vlks-baglanti { grid-template-columns: 1fr; }
    .vlks-kart { padding: 26px 22px; }
}
@media (max-width: 767.98px) {
    .vlks-form .satir { grid-template-columns: 1fr; gap: 0; }
    .vlks-kunye { grid-template-columns: 1fr; }
    .vlks-banka-satir { grid-template-columns: 1fr; gap: 4px; padding: 12px 0; }
    .vlks-banka-satir .deger.iban { font-size: 15px; }
    .vlks-form .form-alt { flex-direction: column; align-items: stretch; }
    .vlks-form .form-alt .ipucu { order: 2; text-align: center; }
    .vlks-form .gonder { width: 100%; order: 1; }
}