/* BissoPos — Mobil m3 header + arama barı teması (tutarlılık düzeltmesi)
   SORUN: bh-mobile.css'te header teal gradient kuralları @media(max-width:900px) içinde
   ve --m3p-blue-grad değişkeni de o media içindeki :root'ta. Ayrıca bazı ekranların
   header class'ı (ör. .fast-black-header, .m3-home-hdr, .header) teal seçici listesinde
   yok. Sonuç: bazı m3 ekranlarında header/arama barı SİYAH kalıyor ("ekrana göre değişiyor").
   ÇÖZÜM: değişkeni global tanımla + kapsamlı seçici listesiyle teal'i her m3 ekranında garanti et.
   KAPSAM GÜVENLİĞİ: genel class'lar (.header/.sticky-header) yalnız .m3-mob-frame içinde;
   mobil-özel class'lar (.black-header/.fast-black-header/.m3-home-hdr) global — masaüstü ETKİLENMEZ. */

:root {
    --m3p-blue-grad: linear-gradient(135deg, #5fb6c3 0%, #416a77 52%, #2b374b 100%);
}

/* Header'lar — tüm m3 ekranlarında tema teal + safe-area (çentik/durum çubuğu) */
.m3-mob-frame .app-header,
.m3-mob-frame .black-header,
.m3-mob-frame .fast-black-header,
.m3-mob-frame .m3-hdr,
.m3-mob-frame .m3s-hdr,
.m3-mob-frame .m3-home-hdr,
.m3-mob-frame .sticky-header,
.m3-mob-frame .header,
.m3-mob-frame .view-transaction-page .black-header,
.black-header,
.fast-black-header,
.m3-home-hdr {
    background: var(--m3p-blue-grad) !important;
    background-image: var(--m3p-blue-grad) !important;
    color: #fff !important;
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}

/* Header içi başlık/ikon/geri beyaz kalsın */
.m3-mob-frame .app-header *,
.m3-mob-frame .black-header *,
.m3-mob-frame .fast-black-header *,
.m3-mob-frame .m3-home-hdr *,
.black-header *,
.fast-black-header * {
    color: #fff !important;
}

/* Header altındaki koyu arama barı da temaya uysun (siyah şerit kalmasın) */
.m3-mob-frame .dark-search-bar,
.m3-mob-frame .m3-search-dark,
.dark-search-bar,
.m3-search-dark {
    background: var(--m3p-blue-grad) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
}