/* Kargobaz marka rengi (kırmızı) — ortak stil dosyası (CDN'deki ts-style.css) butonları ve linkleri
   mavi (--blue) tanımlıyor; bu, kırmızı header/menü/footer ile çelişiyordu. Ziyaretçiye açık
   sayfalarda (body.kb-public — bkz. _Layout) mavi yerine marka kırmızısı kullanılıyor; panel
   sayfaları için aşağıdaki --blue yönlendirmesi yeterli. */
:root {
    --kb-red: #C62828;
    --kb-red-dark: #A31F1F;
    --kb-red-soft: #fdecea;
    /* Panel sayfaları da (gönderiler, ödemeler, ayarlar…) marka kırmızısı: ortak CSS'lerde birincil
       renk tek bir değişkenden (--blue: butonlar, .bg-primary, .text-primary, linkler) geliyor. */
    --blue: var(--kb-red);
}

.kb-public .btn-primary,
.kb-public .btn-primary:after {
    background-color: var(--kb-red);
    border-color: var(--kb-red);
    color: #fff;
}
.kb-public .btn-primary-outline {
    color: var(--kb-red);
    border-color: var(--kb-red);
}
.kb-public .btn-primary-outline:before { background-color: var(--kb-red-soft); }

/* İletişim formu gönder butonu (Form/Send) */
.kb-public #btn-submit {
    background-color: var(--kb-red);
    border-color: var(--kb-red);
    color: #fff;
}

/* Giriş / kayıt sayfası linkleri ("Şifremi unuttum", sözleşme linkleri) */
.kb-public .ts-tabs a:not(.btn) { color: var(--kb-red); }

/* CMS sayfa başlık bandı: kırmızı zemin üstüne sarı→lacivert bir katman bindirilip turuncu-mor
   görünüyordu (style.css .post h3.page-title) — marka kırmızısından koyu kırmızıya geçiş. */
.post h3.page-title {
    background-color: var(--kb-red);
    background-image: linear-gradient(135deg, var(--kb-red) 0%, var(--kb-red-dark) 100%);
}

/* Header: tema dar ekranda header'a bej→pembe bir gradyan basıyordu (header.css) — marka ile uyumsuz;
   her genişlikte düz beyaz + ince alt çizgi. */
.kb-public header {
    background-image: none !important;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .kb-public header { border-bottom: 1px solid #eee; }
}

/* Dil seçici: koyu gri (btn-secondary) buton kırmızı Giriş/Başla butonlarının yanında sırıtıyordu —
   sade, açık çerçeveli buton. */
#ts-lang.btn-secondary {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #444;
    box-shadow: none;
}
#ts-lang.btn-secondary:after { background-color: #f4f4f4; }
#ts-lang.btn-secondary:hover { border-color: #bdbdbd; color: #222; }

/* Ana sayfa "Çözümler" kartları (menu-4 EN / menu-10 TR): dar ekranda tema etiket görselini kartın
   soluna sıkıştırıp okunmaz hale getiriyordu — etiket üstte, doğal boyutunda. */
@media (max-width: 900px) {
    #menu-4 .mt-menu-icon > li > a, #menu-10 .mt-menu-icon > li > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }
    #menu-4 .mt-menu-icon .menu-content, #menu-10 .mt-menu-icon .menu-content {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    #menu-4 .mt-menu-icon .menu-content img, #menu-10 .mt-menu-icon .menu-content img {
        width: auto !important;
        height: 30px !important;
        max-width: none !important;
    }
    #menu-4 .mt-menu-icon .menu-link-text, #menu-10 .mt-menu-icon .menu-link-text { padding-left: 0 !important; margin-left: 0 !important; }
}