/* MikroHub Yönetim Paneli: tema (Ample) üzerine küçük eklemeler */

/* ---------------------------------------------------------------------------
   Renk bütünlüğü: temanın derlenmiş CSS'i bazı bileşenlerde seçili renk teması
   yerine kırmızıyı (#F33E5A) sabit kullanıyor. Hepsi ana renge (--bs-primary) bağlanır.
   Kırmızı (danger) sadece silme, filtre temizleme gibi işlemlerde kullanılır.
--------------------------------------------------------------------------- */
.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-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.nav-tabs {
    --bs-nav-tabs-link-active-bg: var(--bs-primary);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-primary);
}

.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.progress, .progress-stacked {
    --bs-progress-bar-bg: var(--bs-primary);
}

.list-group {
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-control:focus {
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-select:focus {
    box-shadow: unset, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
    border-color: var(--bs-primary) !important;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-range::-webkit-slider-thumb { background-color: var(--bs-primary); }
.form-range::-moz-range-thumb { background-color: var(--bs-primary); }

.mh-marka,
.mh-marka:hover {
    color: var(--bs-heading-color, var(--bs-body-color));
    text-decoration: none;
}

.mh-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-primary);
    color: #fff;
    font-weight: 600;
}

/* Tema modu ikonu: açıkta ay, koyuda güneş */
.mh-tema-gunes { display: none; }
[data-bs-theme=dark] .mh-tema-ay { display: none; }
[data-bs-theme=dark] .mh-tema-gunes { display: inline-block; }

.user-dd form .dropdown-item {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

.mh-tablo th {
    white-space: nowrap;
    font-weight: 600;
}

.mh-tablo td {
    vertical-align: middle;
}

.mh-tanim dt {
    font-weight: 500;
    color: var(--bs-secondary-color);
}

.mh-tanim dd {
    margin-bottom: .5rem;
    word-break: break-word;
}

.mh-bildirim-rozeti {
    font-size: .65rem;
    margin-top: 8px;
    margin-left: -8px;
}

.mh-oneri-listesi {
    max-height: 280px;
    overflow-y: auto;
}

/* Uzun adlar (stok kartı) kesilmez, alt satıra geçer */
.mh-oneri-uzun .mh-oneri-listesi {
    max-height: 360px;
}
.mh-oneri-uzun .mh-oneri-listesi .dropdown-item {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    border-bottom: 1px solid var(--bs-border-color-translucent);
}

.mh-log-mesaj {
    max-width: 520px;
    white-space: normal;
}