/* MLC INVEST — metin marka kilidi (brief §3). Eski tema logo görselinin yerine.
   Header/footer'daki .logo / .footer-logo konumlaması korunur; içine iki katmanlı
   metin (overline + wordmark) yerleşir. Mavi kimlik (--color1) kullanılır. */

.brand-lockup {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.12;
    text-decoration: none;
}

.brand-lockup__overline {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #444;
    opacity: .85;
}

.brand-lockup__wordmark {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #2057b8;
}

/* Masaüstü header (nav-area) zemini beyaz — marka mavisi üzerinde net okunsun.
   MOBİL header'a DOKUNMA: edit.css onu mavi (--color1) yapıyor ve hamburger ile
   "MENÜ" yazısı beyaz. Bir ara buraya .mobile-header de eklenmişti; zemin beyaza
   dönünce beyaz hamburger görünmez oldu. Mobilde çözüm zemini değiştirmek değil,
   marka metnini beyaza çevirmek (aşağıda). */
.nav-area {
    background: #fff !important;
}

/* AÇIK zeminlerde (masaüstü header + footer) marka koyu/mavi. */
.nav-area .brand-lockup__wordmark,
.footer-logo .brand-lockup__wordmark {
    color: #2057b8 !important;
}

.nav-area .brand-lockup__overline,
.footer-logo .brand-lockup__overline {
    color: #5a6a7a !important;
}

/* KOYU zeminlerde marka beyaz: mobil header mavi (--color1), mobil menü modalı
   koyu gri (--general-color). Mavi/koyu üstünde mavi marka okunmuyordu. */
.mobile-header .brand-lockup__wordmark,
#mobileMenuModal .brand-lockup__wordmark {
    color: #fff !important;
}

.mobile-header .brand-lockup__overline,
#mobileMenuModal .brand-lockup__overline {
    color: rgba(255, 255, 255, .8) !important;
}

/* Footer da açık zeminde (#f7f7f7) — marka koyu/mavi kalır (header ile aynı). */

@media (max-width: 991px) {
    .brand-lockup__wordmark {
        font-size: 22px;
    }
}

/* Bizi Takip Edin (mlc_social) — eski tema blog swiper yerine sade grid.
   blog-box zaten stilli; yalnızca satır düzeni gerekiyor. */
.blog-row {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-top: 40px;
}

.blog-row .blog-box .title i {
    color: var(--color1);
    margin-right: 8px;
}

/* Mobil header: tema logo GÖRSELİNİ 130px ile sınırlıyor (.logo img{max-width:130px}).
   Marka kilidi metin olduğu için o sınır uygulanmıyordu; iki satırlı metin "MENÜ"
   butonunu sıkıştırıyordu. Metin kilidine kendi ölçüsünü veriyoruz. */
.mobile-header .brand-lockup__overline,
#mobileMenuModal .brand-lockup__overline {
    font-size: 9px;
    letter-spacing: 1.5px;
}

.mobile-header .brand-lockup__wordmark {
    font-size: 19px;
    letter-spacing: .5px;
}

.mobile-header .header-wrapper .logo {
    max-width: 62%;
}

.mobile-header .header-wrapper button {
    flex-shrink: 0;
    white-space: nowrap;
}

@media (max-width: 360px) {
    .mobile-header .brand-lockup__wordmark {
        font-size: 17px;
    }
}