/* ═══════════════════════════════════════════════════════════
   UYE TAKIP SISTEMI — buton, sayac, panel listesi
   (ROBIN gorev 3 · v8.3.625)

   PRESET UYUMU:
   Sabit hex YOK. Iki durum iki TOKEN CIFTINE baglidir:
     · takip edilmiyor (birincil eylem) → zemin --necox-primary / murekkep --necox-primary-fg
     · takip ediliyor (sakin durum)     → zemin sayfanin kendi murekkebinden turetilir
                                          (color-mix ile saydam), murekkep --necox-text
   ⚠️ color-mix icine YALNIZ renk tasidigi kanitlanmis degiskenler girer
      (--necox-text). Gradient tasiyabilen degiskenler (--necox-bg / --necox-card-bg)
      color-mix icinde KULLANILMAZ — v8.3.540 tip belirsizligi vakasi.
   ═══════════════════════════════════════════════════════════ */

.necox-follow-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: var(--necox-radius, 8px);
    border: 1px solid var(--necox-primary, #2a3254);
    background: var(--necox-primary, #2a3254);
    color: var(--necox-primary-fg, #fff);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.1;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, border-color .16s ease, opacity .16s ease;
    white-space: nowrap;
}

.necox-follow-btn:hover {
    opacity: .9;
}

.necox-follow-btn:focus-visible {
    outline: 2px solid var(--necox-primary, #2a3254);
    outline-offset: 2px;
}

/* Takip ediliyor: sakin/notr — "geri alinabilir" hissi verir, dikkat cekmez. */
.necox-follow-btn.is-following {
    background: color-mix(in srgb, var(--necox-text, #111) 8%, transparent);
    border-color: color-mix(in srgb, var(--necox-text, #111) 32%, transparent);
    color: var(--necox-text, #111);
}

.necox-follow-btn.is-busy {
    opacity: .55;
    cursor: progress;
}

.necox-follow-btn__ico {
    font-size: 12px;
    line-height: 1;
}

/* ── Uye kartindaki hal: kart duzenini bozmadan alt seride yerlesir ── */
.necox-user-card .necox-follow-btn--card {
    padding: 6px 10px;
    font-size: 11.5px;
    flex: 0 0 auto;
}

/* Kart icindeki takipci/favori satiri — meta bloguyla ayni tipografi,
   kart yuksekligini buyutmemek icin sadece 2px ustten bosluk. */
.necox-user-card__followline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    /* ⭐ Enjeksiyon olcumunde yakalandi: kartin diger meta satirlari ORTALI,
       flex kutusu varsayilan flex-start ile SOLA yaslaniyordu = kartin ritmi
       bozuluyordu. Grid deride ortalanir; liste (portre) deride kartin kendi
       sol hizasina uyar. */
    justify-content: center;
    gap: 4px 12px;
    margin: 2px 0 0;
    font-size: 11.5px;
    line-height: 1.3;
}

.necox-user-card--list .necox-user-card__followline,
.necox-sellers__list .necox-user-card__followline {
    justify-content: flex-start;
}

/* ── Profil sayfasi: mevcut .necox-profile__btn olculeriyle uyumlu ── */
.necox-follow-btn--profile {
    padding: 9px 16px;
    font-size: 13px;
}

/* ── Panel (Takip Ettiklerim): tehlike degil, notr-ikincil ── */
.necox-follow-btn--panel {
    padding: 6px 12px;
    font-size: 12px;
}

/* ── Takipci sayaci ── */
.necox-follow-count {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-size: 12px;
    color: var(--necox-muted, color-mix(in srgb, var(--necox-text, #111) 62%, transparent));
}

.necox-follow-count__num {
    font-weight: 700;
    color: var(--necox-text, #111);
}

/* ═══════════════════════════════════════════════════════════
   PANEL — Takip Ettiklerim ekrani
   Favoriler ekraninin (.necox-dash-ads__item) satir diliyle AYNI olculer;
   dashboard.css zaten yuklu oldugu icin yalnizca farklar burada tanimlanir.
   ═══════════════════════════════════════════════════════════ */

.necox-dash-following__item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.necox-dash-following__avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--necox-text, #111) 18%, transparent);
}

.necox-dash-following__info {
    flex: 1 1 auto;
    min-width: 0;
}

/* KULLANICI KARARI (27 Tem 2026): panel "Takip Ettiklerim" satirindaki ad, uye kartiyla
   AYNI dilde — TAMAMI BUYUK. Donusum CSS'te (PHP metni ve i18n ham kalir). */
.necox-dash-following__name {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
}

.necox-dash-following__name a {
    color: var(--necox-heading, var(--necox-text, #111));
    text-decoration: none;
}

.necox-dash-following__name a:hover {
    text-decoration: underline;
}

.necox-dash-following__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 12px;
    color: var(--necox-muted, color-mix(in srgb, var(--necox-text, #111) 62%, transparent));
}

.necox-dash-following__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .necox-dash-following__item {
        flex-wrap: wrap;
    }
    .necox-dash-following__actions {
        width: 100%;
        justify-content: flex-end;
    }
}