/* Proje özel stil override'ları buraya eklenir. Genel görünüm CoreUI temasından (wwwroot/lib/coreui) gelir. */

/*
 * Tabler'dan CoreUI'ye geçişte view dosyalarında kalan, CoreUI'de karşılığı olmayan
 * yardımcı sınıfların (utility classes) CoreUI görünümüne uygun tanımları. Bu sayede
 * ~35 içerik view'ı tek tek düzenlenmeden aynı markup CoreUI ile uyumlu render edilir.
 */

.page-header {
    margin-bottom: 1.5rem;
}

.page-title {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
}

.card-table {
    margin-bottom: 0;
}

.card-table > :not(caption) > * > * {
    border-left: 0;
    border-right: 0;
}

.card-table > thead > tr > * {
    border-top: 0;
}

.card-table > tbody > tr:last-child > * {
    border-bottom: 0;
}

.table-vcenter > :not(caption) > * > * {
    vertical-align: middle;
}

.row-cards > * {
    margin-bottom: 1rem;
}

.card.card-sm > .card-body {
    padding: 1rem;
}

.font-weight-medium {
    font-weight: 500;
}

.bg-green {
    background-color: var(--cui-success) !important;
}

.bg-orange {
    background-color: var(--cui-warning) !important;
}

/*
 * @coreui/coreui bileşen kütüphanesi sidebar'ın kendisini stilller ama sabit (fixed)
 * sidebar'ın yanındaki içerik alanını itecek layout kuralını içermiyor (bu normalde
 * CoreUI'nin ayrı dağıtılan admin şablonu SCSS'inde tanımlı). Sidebar açıkken
 * .wrapper'ı sidebar genişliği kadar kaydırıyoruz.
 */
.wrapper {
    margin-inline-start: var(--cui-sidebar-occupy-start, 0);
    transition: margin-inline-start .15s;
}

/*
 * Sidebar, CoreUI'de .show class'ı olmadan (genişlikten bağımsız) ekran dışına
 * kayar; .show class'ının eklenmesi normalde şablonun kendi JS'i tarafından
 * genişliğe göre yapılır. Masaüstünde (>=992px) sidebar'ın her zaman görünür
 * olmasını, dar ekranlarda ise varsayılan kapalı/aç-kapa (header-toggler ile)
 * davranışını koruyoruz.
 */
@media (min-width: 992px) {
    .sidebar.sidebar-fixed:not(.show) {
        margin-inline-start: 0;
    }
}