/* ==========================================================================
   KVKK çerez rıza yönetimi
   Çerez Uygulamaları Rehberi (2022): kabul ve ret eşit kolaylıkta sunulmalı.
   ========================================================================== */

.kvkk-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #ffffff;
    border-top: 3px solid #f36721;
    box-shadow: 0 -2px 18px rgba(0, 0, 0, .18);
    padding: 20px 24px;
    font-size: 14px;
    line-height: 1.55;
    color: #222;
    display: none;
}

.kvkk-banner.is-open { display: block; }

.kvkk-banner__inner {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.kvkk-banner__text { flex: 1 1 420px; min-width: 0; }
.kvkk-banner__text p { margin: 0; }
.kvkk-banner__text a { color: #f36721; text-decoration: underline; }

.kvkk-banner__actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Kabul ve Reddet görsel olarak eşit ağırlıkta olmalıdır. */
.kvkk-btn {
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    padding: 11px 22px;
    border-radius: 4px;
    border: 2px solid #f36721;
    cursor: pointer;
    white-space: nowrap;
    min-width: 132px;
    transition: opacity .15s ease;
}

.kvkk-btn:hover { opacity: .85; }
.kvkk-btn:focus-visible { outline: 3px solid #0b57d0; outline-offset: 2px; }

/* Kabul ve Reddet BİREBİR aynı görünür. Dolu/çerçeveli gibi bir ağırlık farkı,
   kullanıcıyı kabule yönlendiren "karanlık desen" itirazına açık kapı bırakır. */
.kvkk-btn--accept,
.kvkk-btn--reject { background: #f36721; color: #fff; }

.kvkk-btn--settings {
    background: transparent;
    color: #444;
    border-color: #b9b9b9;
    font-weight: 500;
}

/* --- Tercihler penceresi --- */
.kvkk-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, .55);
    display: none;
    padding: 20px;
    overflow-y: auto;
}

.kvkk-modal.is-open { display: flex; align-items: flex-start; justify-content: center; }

.kvkk-modal__box {
    background: #fff;
    border-radius: 6px;
    max-width: 640px;
    width: 100%;
    margin: auto;
    padding: 26px 28px;
    font-size: 14px;
    line-height: 1.55;
    color: #222;
}

.kvkk-modal__box h2 { font-size: 20px; margin: 0 0 6px; }
.kvkk-modal__intro { margin: 0 0 18px; color: #555; }

.kvkk-group {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.kvkk-group__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.kvkk-group__head strong { font-size: 15px; }
.kvkk-group p { margin: 7px 0 0; color: #555; font-size: 13px; }
.kvkk-group__fixed { font-size: 13px; color: #777; white-space: nowrap; }

/* Anahtar */
.kvkk-switch { position: relative; display: inline-block; width: 46px; height: 26px; flex: 0 0 auto; }
.kvkk-switch input { opacity: 0; width: 0; height: 0; }

.kvkk-switch__slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #c4c4c4;
    border-radius: 26px;
    transition: background .18s ease;
}

.kvkk-switch__slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform .18s ease;
}

.kvkk-switch input:checked + .kvkk-switch__slider { background: #f36721; }
.kvkk-switch input:checked + .kvkk-switch__slider::before { transform: translateX(20px); }
.kvkk-switch input:focus-visible + .kvkk-switch__slider { outline: 3px solid #0b57d0; outline-offset: 2px; }

.kvkk-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.kvkk-modal__footnote { margin: 16px 0 0; font-size: 12px; color: #777; }
.kvkk-modal__footnote a { color: #f36721; }

/* Footer'daki "Çerez Tercihleri" bağlantısı (rızanın geri alınabilmesi için) */
.kvkk-reopen {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 767px) {
    .kvkk-banner { padding: 16px; font-size: 13.5px; }
    .kvkk-banner__inner { gap: 14px; }
    .kvkk-banner__actions { width: 100%; }
    .kvkk-btn { flex: 1 1 auto; min-width: 0; padding: 12px 14px; }
    .kvkk-modal__box { padding: 20px 18px; }
}

/* ==== Form aydınlatma notları (her sayfada gerekli) ==== */
/* Form yanındaki aydınlatma notu */
.kvkk-form-note p {
    font-size: 13px;
    line-height: 1.6;
    color: #6a6a6a;
    margin: 0;
}
.kvkk-form-note a { color: #f36721; text-decoration: underline; }

/* E-bülten: ticari elektronik ileti onayı (6563 s. Kanun m.6)
   Not: Footer teması <p>/<span> için büyük punto dayatıyor; bu yüzden
   seçiciler özellikle yüksek özgüllükte yazıldı. */
.s-footer .kvkk-etk,
.kvkk-etk {
    margin: 12px 0 0;
    display: flex;
    gap: 9px;
    align-items: flex-start;
    text-align: left;
}

.s-footer .kvkk-etk span,
.s-footer p.kvkk-etk,
.kvkk-etk span,
p.kvkk-etk {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    color: #c9cbd6;
    margin: 0;
    letter-spacing: 0;
    text-transform: none;
}

.kvkk-etk input[type="checkbox"] {
    margin: 2px 0 0;
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.s-footer .kvkk-etk a,
.kvkk-etk a { color: #fff; text-decoration: underline; }

/* Footer'daki KVKK bağlantı satırı */
.s-footer__kvkk a,
.s-footer__kvkk .kvkk-reopen { color: #c9cbd6; font-size: 13px; }
.s-footer__kvkk a:hover,
.s-footer__kvkk .kvkk-reopen:hover { color: #fff; }

/* Form içi açık rıza kutusu (iş başvurusu, öneri formları)
   Not: Bootstrap .form-check-input'u absolute konumlandırıp negatif margin
   veriyor; bu, esnek yerleşimde metnin ilk harflerini kutunun altında
   bırakıyordu. Bu nedenle konumlandırma static'e çekiliyor. */
.kvkk-riza-kutusu {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0 0 22px;
    padding-left: 0;
}

.kvkk-riza-kutusu input.form-check-input,
.kvkk-riza-kutusu input[type="checkbox"] {
    position: static !important;
    margin: 3px 0 0 !important;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.kvkk-riza-kutusu .form-check-label {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #555;
    margin: 0;
    padding-left: 0;
    flex: 1 1 auto;
}

.kvkk-riza-kutusu a { color: #f36721; text-decoration: underline; }

/* Gönder butonları tema tarafından position:absolute ile formun sağ altına
   sabitleniyordu; altlarına eklenen aydınlatma/rıza metinlerinin üzerine
   biniyorlardı. Normal akışa alınıp sağa hizalanıyorlar. */
#basvuru-form button[type="submit"],
#contact-form button[type="submit"],
#first-form input[type="submit"],
#second-form input[type="submit"] {
    position: static !important;
    display: block;
    margin-left: auto;
    margin-top: 6px;
}

/* Footer KVKK sütunu — buton, bağlantılarla aynı görünsün */
.s-footer__kvkklinks .kvkk-reopen {
    font: inherit;
    color: inherit;
    padding: 0;
    text-align: left;
}
