/*
 * Şimşekler CRM — CSP Extras
 * ============================
 * Bu dosya, inline <style> bloklarından çıkarılmış ortak CSS kurallarını içerir.
 * CSP style-src 'unsafe-inline' kaldırma hazırlığı kapsamında oluşturulmuştur.
 *
 * İçerik:
 * 1. Toastr özelleştirme (marka rengi + header offset)
 * 2. Toggle display (datatable kolon göster/gizle)
 * 3. Select2 genişlik düzeltmesi
 * 4. Select2 z-index + min-width düzeltmesi (wizard/detail sayfaları)
 * 5. Grand-total currency suffix (portal sayfaları)
 * 6. Notification item temizleme (portal dosya sayfaları)
 * 7. User wizard responsive düzen (admin add/edit user)
 * 8. Empty state timeline (notification report)
 */

/* ─── 1. Toastr Özelleştirme ─── */
.toast-success { background-color: #366cf3; }
.toast-top-right { top: 60px; }

/* ─── 2. Toggle Display (Datatable Kolon Göster/Gizle) ─── */
.toggleDisplay { display: none; }
.toggleDisplay.in { display: table-cell; }

/* ─── 3. Select2 Genişlik Düzeltmesi ─── */
.select, .select2-container { width: 100% !important; }

/* ─── 4. Select2 z-index + min-width (Wizard/Detail Sayfaları) ─── */
.select2-dropdown { z-index: 900 !important; }
.select2-container,
.select2-container--default { min-width: 250px !important; }

/* ─── 5. Grand-Total Currency Suffix (Portal Sayfaları) ─── */
.grand-total:after,
.line-total:after,
.sub-total:after,
.vat-total:after,
.other-page-total:after {
    content: ' ₺';
    display: inline-block;
}

/* ─── 6. Notification Item Temizleme (Portal Dosya Sayfaları) ─── */
.kt-notification .kt-notification__item:after { content: ""; }

/* ─── 7. User Wizard Responsive Düzen ─── */
.content-desktop { display: flex; }
.content-mobile { display: none !important; }
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
    width: calc(50% - 0.25rem) !important;
    flex: 0 0 calc(50% - 0.25rem) !important;
}

@media screen and (max-width: 768px) {
    .content-desktop { display: none !important; }
    .content-mobile { display: flex; }
}

/* ─── 8. Empty State Timeline ─── */
.kt-list-timeline > .kt-list-timeline__items:empty { display: none; }
.kt-list-timeline > .list-empty-view { display: none; }
.kt-list-timeline > .kt-list-timeline__items:empty + .list-empty-view { display: flex; }

/* ─── 9. Errorlist Düzeltmesi (Shipping Form Hatası) ─── */
.errorlist li {
    list-style: none;
    color: red;
}

/* ─── 10. Custom Table Sort İkonları (django-tables2) ─── */
.table th.orderable:after {
    content: '\0000a0\0025b2';
    color: #5867dd;
}
.table th.orderable.asc:after {
    content: '\0000a0\0025b2';
    color: #5867dd;
}
.table th.orderable.desc:after {
    content: '\0000a0\0025bc';
    color: #5867dd;
}
.table .col1 { width: 10%; }
.table .col2 { width: 20%; }

/* ─── 10. Login Layout — Aside (Mor Panel) Geniş, Form Dar ─── */
@media (min-width: 1025px) {
    .kt-login.kt-login--v1 .kt-grid--ver-desktop > .kt-grid__item.kt-login__aside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .kt-login.kt-login--v1 .kt-grid--ver-desktop > .kt-grid__item.kt-login__wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}