html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.card-img-top {
    object-fit: cover;
}

@media (max-width: 576px) {
    .card-title {
        font-size: 1rem;
    }

    .navbar-brand span {
        font-size: .95rem;
    }
}
/* === Brand turuncu & siyah palet === */
:root {
    --brand-black: #111111;
    --brand-orange: #f97316; /* turuncu */
    --brand-orange-600: #ea6a0c;
    --brand-orange-700: #d65f0a;
    /* Bootstrap'in mavi varsayılanlarını turuncuya çevir */
    --bs-primary: var(--brand-orange);
    --bs-primary-rgb: 249,115,22;
    --bs-link-color: var(--brand-orange);
    --bs-link-hover-color: var(--brand-orange-700);
}

/* --- Linkler (başlık linki, “Tüm ilanlar ›”, vs.) --- */
a,
.link-primary,
.text-primary {
    color: var(--brand-orange) !important;
}

    a:hover,
    .link-primary:hover {
        color: var(--brand-orange-700) !important;
    }

/* Kart başlık linki (ilan başlığı) */
.listing-card .card-title a,
.card .card-title a {
    color: var(--brand-orange);
}

    .listing-card .card-title a:hover,
    .card .card-title a:hover {
        color: var(--brand-orange-700);
    }

/* --- Primary tonları (Bootstrap bileşenleri) --- */
.btn-primary {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
}

    .btn-primary:hover {
        background: var(--brand-orange-600);
        border-color: var(--brand-orange-600);
    }

.btn-outline-primary {
    color: var(--brand-orange);
    border-color: var(--brand-orange);
}

    .btn-outline-primary:hover {
        color: #fff;
        background: var(--brand-orange);
        border-color: var(--brand-orange);
    }

    .btn-primary:focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 .25rem rgba(249,115,22,.25);
    }

/* Badge/etiketlerde birincil renk turuncu olsun */
.badge.bg-primary,
.badge.text-bg-primary {
    background: var(--brand-orange) !important;
}

/* Pagination zaten turuncuya çevrildiyse gerek yok; değilse: */
.page-item.active .page-link {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fff;
}

.page-link {
    color: var(--brand-black);
}

    .page-link:hover {
        color: var(--brand-orange);
    }
/* Turuncu buton – palet */
:root {
    --mp-orange: #F97316;
}

/* Turuncu butonun default hali: beyaz yazı */
.btn-orange {
    background: var(--mp-orange);
    border-color: var(--mp-orange);
    color: #fff;
}

    /* Üzerine gelince yazı SİYAH olsun */
    .btn-orange:hover,
    .btn-orange:focus,
    a.btn-orange:hover,
    a.btn-orange:focus {
        color: #000 !important;
        filter: brightness(1.05);
        border-color: var(--mp-orange);
    }

/* Gerekirse outline versiyonu */
.btn-orange-outline {
    border: 1px solid var(--mp-orange);
    color: var(--mp-orange);
    background: #fff;
}

    .btn-orange-outline:hover {
        background: var(--mp-orange);
        color: #000;
    }
.btn-warning, .btn-warning:hover, .btn-warning:focus {
    color: #111 !important;
}
/* Manage sol menü aktif öğe beyaz yazı, turuncu zemin */
.nav-pills .nav-link.active {
    background-color: #ff7a00 !important;
    color: #fff !important;
}

/* Turuncu butonların metni her durumda beyaz kalsın */
.btn.btn-warning {
    color: #fff !important;
    border-color: #ff7a00 !important;
    background-color: #ff7a00 !important;
}

    .btn.btn-warning:hover {
        filter: brightness(0.95);
        color: #fff !important;
    }
/* sol panel görünümü */
.search-panel {
    position: sticky;
    top: 1rem;
}

.ac-list {
    position: relative;
    max-height: 220px;
    overflow: auto;
    border: 1px solid #eee;
    border-radius: .5rem;
    background: #fff;
    margin-top: .25rem;
}

.ac-item {
    padding: .4rem .6rem;
    cursor: pointer;
}

    .ac-item:hover {
        background: #f6f6f6;
    }