.btn-primary {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
}

/* İkincil buton */
.btn-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}

/* Başarı butonu */
.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

/* Tehlike butonu */
.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* Uyarı butonu */
.btn-warning {
    color: #212529 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
	    color: white !important;

}

/* Bilgilendirme butonu */
.btn-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
.btn-info:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
}

/* Açık buton */
.btn-light {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-light:hover {
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
	    color: white !important;

}

/* Koyu buton */
.btn-dark {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-dark:hover {
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}

/* Çerçeveli butonlar */
.btn-outline-primary {
    color: #007bff !important;
    border: 1px solid #007bff !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover {
    color: #007bff !important;
    background-color: #007bff !important;
     color: white !important;
}

.btn-outline-secondary {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background-color: transparent !important;
}
.btn-outline-secondary:hover {
    color: #6c757d !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-outline-success {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    background-color: transparent !important;
}
.btn-outline-success:hover {
    color: #28a745 !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    background-color: transparent !important;
}
.btn-outline-danger:hover {
    color: #dc3545 !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-warning {
    color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    background-color: transparent !important;
}
.btn-outline-warning:hover {
    color: #ffc107 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-outline-info {
    color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    background-color: transparent !important;
}
.btn-outline-info:hover {
    color: #17a2b8 !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-outline-light {
    color: #f8f9fa !important;
    border: 1px solid #f8f9fa !important;
    background-color: transparent !important;
}
.btn-outline-light:hover {
    color: #f8f9fa !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.btn-outline-dark {
    color: #343a40 !important;
    border: 1px solid #343a40 !important;
    background-color: transparent !important;
}
.btn-outline-dark:hover {
    color: white !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

/* ============================================================================
   MERKEZİ — Section CTA butonları mobil düzeni (2026-07-04, :has — kent/renk ile aynı yaklaşım)
   knirptema buton sınıfı `.vs-btn` (kent/renk'teki .thm-btn DEĞİL; base padding 7px 22px, display:inline-block,
   `style7 btn` ekli). Section CTA'ları `.w-100` / `.w-100.text-center[.mt-5]` gibi kaplarda iki `.vs-btn` yan
   yana akıyor; dar ekranda sarınca dikey boşluksuz YAPIŞIYOR. Kap-adından BAĞIMSIZ → :has() ile "iki `.vs-btn`
   çocuğu olan HERHANGİ kap" hedeflenir. Slider butonu (`.button button<id> vs-btn style7 … .caption-container
   içinde, zaten m-2 boşluklu`) `:not(.button)` ile DIŞLANIR. Kabın display'ine dokunulmaz (hiza korunur).
   Butonlar kompaktlaştırılır → iki buton çoğu ekranda TEK SATIRA sığar; sığmazsa margin ile boşluklu sarar.
   knirptema'da responsive.css YOK → kural buton'a özel bu dosyaya yazıldı (her sayfada ?v=filemtime → edit otomatik
   cache-bust, bundle yok). Özgüllük (0,4,0)+!important. :has yoksa eski (yapışık) hale düşer = progressive enhancement.
   ========================================================================== */
@media (max-width: 767px) {
  :has(> .vs-btn ~ .vs-btn) > .vs-btn:not(.button) {
    font-size: 13px !important;
    padding: 7px 14px !important;
    margin: 0 4px 10px !important;
    white-space: nowrap;
  }
}