/* ==========================================================
   HEADER (NAVBAR) ÖZEL STİLLERİ - KIRILMAZ FLEXBOX
========================================================== */

/* 1. Tüm grupları yan yana dizer (Profil ve Sepet) */
.custom-header-action {
    display: flex !important;
    flex-direction: row !important; /* Yatay dizilim */
    align-items: center !important; /* Dikeyde ortala */
    justify-content: flex-end !important;
    gap: 20px !important; /* İki modül arası boşluk */
    flex-wrap: nowrap !important; /* Asla alt satıra geçme */
    margin: 0 !important;
    padding: 0 !important;
}

.custom-action-item {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Modüllerin İÇİNİ yan yana dizer (İkon ve Yazı) */
.custom-icon-btn {
    display: inline-flex !important; /* İçeriğini yan yana dizer, kendi boyutunu içeriğe uydurur */
    flex-direction: row !important; /* İkon ve yazıyı yan yana zorla */
    align-items: center !important; /* İkon ve yazıyı dikeyde ortala */
    gap: 8px !important; /* İkon ile yazı/sayaç arası boşluk */
    background: transparent !important;
    border: none !important;
    padding: 5px 10px !important; /* Dokunma alanı */
    color: #B18B5E !important; /* Tema Rengi */
    text-decoration: none !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease !important;
}

    .custom-icon-btn:hover {
        opacity: 0.8 !important;
        color: #B18B5E !important;
    }

    .custom-icon-btn i {
        font-size: 24px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

/* 3. İsim ve Metinler */
.custom-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important; /* İsim koyu renk dursa daha okunaklı olur */
    margin: 0 !important;
    white-space: nowrap !important; /* İsim uzunsa alt satıra kırpılmasın */
}

/* 4. Sepet Sayacı (Orijinal temanla uyumlu şık görünüm) */
.custom-cart-count {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin: 0 !important;
    line-height: 1 !important;
}