/* Logonun altındaki "Meside Orhan" satırı (header + footer).
   Tema CSS'inden sonra yüklenir; .logo üzerindeki tema kuralları burada ezilir. */

.brand {
    display: inline-block;
    text-align: center;
    line-height: 1;
}

/* Tema, bağlantılara hover'da alt çizgi veriyor; marka bloğunda istemiyoruz. */
.brand,
.brand:hover,
.brand:focus,
.brand:active,
.brand .brand__name,
.brand:hover .brand__name {
    text-decoration: none !important;
}

    .brand img {
        display: block;
        margin: 0 auto;
        /* Tema, header logosuna dikey padding veriyordu; hizayı buradan yönetiyoruz. */
        padding: 0 !important;
        line-height: 1;
    }

/* İnce, harf aralıklı ve büyük harf: logo ile yarışmadan onu tamamlar.
   line-height açıkça verilmeli: tema "header .logo" üzerinden 80px'lik bir
   satır yüksekliği miras bırakıyor, aksi halde başlık çubuğu şişiyor. */
.brand__name {
    display: block;
    margin-top: 5px;
    font-family: 'Red Hat Text', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .18em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* --- Header --- */
.brand--header {
    padding: 6px 0;
}

    .brand--header .brand__name {
        color: #6b7280;
    }

    .brand--header:hover .brand__name {
        color: #2b3440;
    }

/* --- Footer (koyu zemin) --- */
.brand--footer .brand__name {
    margin-top: 10px;
    color: rgba(255, 255, 255, .78);
}

/* --- Küçük ekranlar: sabit üst bar yükselmesin --- */
@media (max-width: 767px) {
    .brand--header {
        padding: 6px 0;
    }

        .brand--header img {
            width: 120px;
        }

        .brand--header .brand__name {
            margin-top: 4px;
            font-size: 10px;
            letter-spacing: .14em;
        }
}