/*
 * DeviCert paneli — telefon / dar ekran düzeltmeleri.
 * htmlonhead.php'de tema dosyalarından SONRA yüklenir.
 *
 * Sayfalar Metronic şablonundan kopyalanırken ızgara sütunları kırılım
 * noktası olmadan (col-4, col-8, col-6 ...) yazılmış; telefonda da yan
 * yana kaldıkları için metin harf harf alt alta düşüyor. Tablolar da çok
 * sütunlu olduğundan dar sütunlarda her kelime ayrı satıra kırılıyor.
 */

@media (max-width: 767.98px) {

	/* ---- Izgara: sabit sütunlar telefonda tam genişlik ---- */
	.app-content .row > [class^="col-"]:not([class*="col-sm-"]):not([class*="col-md-"]),
	.app-content .row > [class*=" col-"]:not([class*="col-sm-"]):not([class*="col-md-"]),
	.modal .row > [class^="col-"]:not([class*="col-sm-"]):not([class*="col-md-"]) {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* ---- Sayfa kenar boşlukları ---- */
	.app-container.container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
	.app-content .card > .card-header,
	.app-content .card > .card-body { padding-left: 16px !important; padding-right: 16px !important; }
	.app-content .card-header { flex-wrap: wrap; gap: 10px; }
	.app-content .card-header .card-title,
	.app-content .card-header .card-toolbar { margin: 0 !important; }
	.app-content .card-header .form-control.w-250px { width: 100% !important; }

	/* ---- Tablolar: kart içinde yatay kaydırma, hücreler okunur genişlikte ---- */
	.app-content .card-body:has(> table),
	.app-content .card-body:has(> .dataTables_wrapper),
	.app-content .dataTables_wrapper .table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.app-content table.table > tbody > tr > td,
	.app-content table.table > thead > tr > th {
		min-width: 12rem;
		padding-top: .75rem !important;
		padding-bottom: .75rem !important;
	}
	/* DataTables dışındaki tablolar (başvurular, teklif hizmet satırları...)
	   sayfayı taşırmasın, kendi içinde kaysın */
	.app-content .card-body table.table:not(.dataTable):not(#kullaniciTablo) {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	/* sıra no / kısa sütunlar ve gizli sütunlar dar kalsın */
	.app-content table.table > tbody > tr > td:first-child,
	.app-content table.table > thead > tr > th:first-child,
	.app-content table.table td.d-none, .app-content table.table th.d-none,
	.app-content table.table td.text-end, .app-content table.table th.text-end {
		min-width: 0;
	}
	/* DataTables alt bilgi (sayfalama) alt alta */
	.dataTables_wrapper .row > div { justify-content: center !important; text-align: center; }
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info { margin-bottom: 6px; }

	/* ---- Formlar ---- */
	.app-content .input-group { flex-wrap: wrap; }
	.app-content .input-group > .form-control { min-width: 0; }
	.tox.tox-tinymce { max-width: 100%; }
	.tox .tox-toolbar__group { flex-wrap: wrap; }
	.modal-dialog { margin: 8px; }
	.modal-body.mx-5, .modal-body.mx-xl-15 { margin-left: 0 !important; margin-right: 0 !important; }

	/* ---- Başlık alanı / kırıntı yolu ---- */
	#kt_app_toolbar h1 { font-size: 1.15rem !important; }
	.breadcrumb { flex-wrap: wrap; }

	/* ---- Alt bilgi ---- */
	#kt_app_footer { flex-direction: column; gap: 4px; text-align: center; padding: 16px 12px !important; }

	/* ---- Kullanıcılar sayfası: satırlar kart görünümünde ---- */
	#kullaniciTablo thead { display: none; }
	#kullaniciTablo, #kullaniciTablo tbody, #kullaniciTablo tr, #kullaniciTablo td { display: block; width: 100%; min-width: 0 !important; }
	#kullaniciTablo tr[data-ara] { border: 1px solid #eef0f6; border-radius: 12px; padding: 12px; margin-bottom: 12px; }
	#kullaniciTablo td { border: 0 !important; padding: 4px 0 !important; text-align: left !important; }
	#kullaniciTablo td:empty { display: none; }
	#kullaniciTablo td.text-end { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 10px !important; }
}

/* ---- Ana ekran uygulaması (PWA, standalone) ---- */
#pwaGeri { display: none !important; }
@media (display-mode: standalone) {
	/* Tarayıcı geri düğmesi olmadığı için üst barda geri düğmesi (panel ana sayfası hariç) */
	body:not(.pwa-panel) #pwaGeri { display: inline-flex !important; }
	/* Uygulama hissi: metin seçimi/uzun basma menüsü butonlarda kapalı */
	.btn, .menu-link, .dosem, .islem { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
}

/* ---- Dokunmatik ekran: satır menüsü (bkz. assets/js/dokunmatik.js) ---- */
@media (hover: none) and (pointer: coarse) {
	#contextMenu { z-index: 1060; }
	#contextMenu .dropdown-menu { min-width: 220px; box-shadow: 0 12px 32px rgba(23,26,43,.22); border-radius: 12px; padding: 6px 0; }
	#contextMenu .dropdown-item { padding: 12px 18px; font-size: 1rem; }
	.app-content table tbody tr.dokunmatik-secili > td { background: rgba(43,166,164,.10) !important; }
	.app-content table tbody td { cursor: pointer; }
}