/* Bolu Bilgi Teknolojileri marka renkleri */
:root {
    --bs-primary: #8f1d2c;
    --bs-primary-rgb: 143, 29, 44;
    --bs-link-color: #c41830;
    --bs-link-color-rgb: 196, 24, 48;
    --bs-link-hover-color: #8f1d2c;
    --bs-link-hover-color-rgb: 143, 29, 44;
    --brand-accent: #e4213a;
    --brand-dark: #6e1622;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-dark);
    --bs-btn-active-bg: var(--brand-dark);
    --bs-btn-active-border-color: var(--brand-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.bg-brand {
    background-color: var(--brand-dark) !important;
}

.nav-pills .nav-link.active {
    background-color: var(--bs-primary) !important;
}

.navbar-logo {
    height: 42px;
    width: auto;
}

.login-logo {
    max-height: 90px;
    width: auto;
}

body {
    background-color: #f4f6f9;
}

/* Serbest metin girişleri (kullanıcının kendi yazdığı alanlar) her zaman
   büyük harfle gösterilir; asıl büyük harfe çevirme sunucu tarafında
   (tr_upper()) yapılır, bu sadece yazarken anında görsel geri bildirimdir. */
input[type="text"],
input[type="search"],
textarea {
    text-transform: uppercase;
}

input[type="text"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
    text-transform: none;
}

.navbar-brand {
    font-weight: 600;
}

.table-clickable-row {
    cursor: pointer;
}

.table-clickable-row:hover {
    background-color: rgba(143, 29, 44, 0.06);
}

.badge {
    font-weight: 500;
}

.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.login-user-card {
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.login-user-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}