/**
 * Mağaza portalı — tek tip tipografi.
 * html 12px → 1rem = 12px; Bootstrap küçük metinleri (small, form-text) de 12px’e çekilir.
 * Navbar, tablo, DataTables, formlar, rozet, küçük buton aynı punto ve font ailesi.
 */
:root {
    --portal-base-font-px: 12px;
    --bs-body-font-size: 12px;
    --bs-body-line-height: 1.45;
}

html {
    font-size: 12px !important;
}

body {
    font-size: 12px;
    font-size: 1rem;
    line-height: var(--bs-body-line-height);
    font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Üst menü */
.navbar-custom {
    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar-custom,
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-menu,
.navbar-custom .dropdown-menu .dropdown-item {
    font-size: 1rem !important;
    font-family: inherit;
}

/* Sayfa başlıkları: aynı font; hafif hiyerarşi (gövdeden biraz büyük) */
h4,
.h4 {
    font-size: 1.25rem;
    font-family: inherit;
}

h5,
.h5 {
    font-size: 1.1rem;
    font-family: inherit;
}

h6,
.h6 {
    font-size: 1rem;
    font-family: inherit;
}

.card-title {
    font-size: 1.1rem;
    font-family: inherit;
}

.lead {
    font-size: 1rem;
    font-family: inherit;
}

/* Tablolar */
.table,
.table-sm,
.table-responsive .table,
.table-bordered {
    font-size: 1rem !important;
    font-family: inherit;
}

/* DataTables 1.x / 2.x: tablo + üst/alt kontroller */
.dataTables_wrapper,
div.dt-container,
.dataTables_wrapper table.dataTable,
div.dt-container table.dataTable,
table.dataTable {
    font-size: 1rem !important;
    font-family: inherit !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing,
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-paging,
div.dt-container .dt-processing {
    font-size: 1rem !important;
    font-family: inherit !important;
}

/* Formlar — gövde ile aynı punto (form-select-sm / form-control-sm dahil) */
.form-label {
    font-size: 1rem !important;
    font-family: inherit;
}

.form-control,
.form-select,
.form-control-sm,
.form-select-sm,
.input-group-text {
    font-size: 1rem !important;
    font-family: inherit;
}

/* Bootstrap “küçük” metinler varsayılan olarak ~0.875em → ekranda küçük kalıyordu */
small,
.small,
.form-text {
    font-size: 1rem !important;
}

/* Butonlar: küçük boyut padding kalır, yazı tablo/gövde ile aynı */
.btn {
    font-family: inherit;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 1rem !important;
}

/* Rozetler — okunaklı, gövde ile uyumlu */
.badge {
    font-size: 1rem !important;
    font-family: inherit;
    font-weight: 500;
}

/* Kart / uyarı gövdesi */
.card,
.card-body,
.alert {
    font-size: 1rem;
    font-family: inherit;
}

.modal-content {
    font-size: 1rem;
    font-family: inherit;
}

/* Sayfalama */
.pagination .page-link {
    font-size: 1rem !important;
}

/* List group (arama sonuçları vb.) */
.list-group-item {
    font-size: 1rem !important;
    font-family: inherit;
}