/*
 * Ogrenci arama modali - responsive sonuc listesi.
 *
 * Onek: osm- (Ogrenci Search Modal)
 *
 * Neden gerekli: modal icerigi AJAX ile .modal-body'ye enjekte ediliyor ve
 * DataTables o tabloda HIC calismiyor - TABLE_LISTING_ID yalniz listeleme
 * sayfasinda (listeleme_oncesi.php) tanimli. Dolayisiyla markuptaki
 * dt-responsive sinifi ve <th class="none"> bu sayfada olu: kolonlarin hepsi
 * gorunuyor ve dar ekranda tablo tasiyordu.
 *
 * Yatay kaydirma (.table-responsive) yerine mobilde KART YIGINI yapiliyor.
 * Bes kolonluk bir sonuc listesinde yatay kaydirma telefonda ad-soyadi
 * gormek icin bile surukleme gerektiriyor; yigilmis kart her satiri tek
 * bakista okunur kiliyor.
 */

.osm-results .osm-table {
    margin-top: 12px;
}

/* Bootstrap 3'un tablo kirilma esigi ile ayni: 767px. */
@media (max-width: 767px) {

    /* Baslik satiri gizleniyor; etiketler td::before ile satir icine tasiniyor. */
    .osm-results .osm-table thead {
        display: none;
    }

    .osm-results .osm-table,
    .osm-results .osm-table tbody,
    .osm-results .osm-table tr,
    .osm-results .osm-table td {
        display: block;
        width: 100%;
    }

    .osm-results .osm-table tr {
        margin-bottom: 10px;
        border: 1px solid #e7ecf1;
        border-radius: 4px;
        background: #fff;
    }

    .osm-results .osm-table td {
        border: 0;
        border-bottom: 1px solid #f1f4f7;
        padding: 8px 12px;
        text-align: right;
        word-break: break-word;
    }

    .osm-results .osm-table td:last-child {
        border-bottom: 0;
    }

    /* Kolon basligi, degerin soluna kucuk bir etiket olarak. */
    .osm-results .osm-table td[data-label]::before {
        content: attr(data-label);
        float: left;
        margin-right: 12px;
        font-weight: 600;
        color: #95a5a6;
    }

    /* Bos sonuc satiri tek hucre; etiket ve saga yaslama uygulanmiyor. */
    .osm-results .osm-table td.osm-empty {
        text-align: center;
        color: #95a5a6;
    }

    /* Cizgili tablo mobilde her hucreyi ayri renklendirip kart gorunumunu
       bozuyordu; kart zaten kendi arka planini tasiyor. */
    .osm-results .osm-table.table-striped > tbody > tr:nth-of-type(odd) {
        background-color: transparent;
    }
}