/* ============================================================
   FAVORİLER (Faz 1) — assets/css/favori.css
   ============================================================ */

/* --- Kart: .yyg-kart__aksiyonlar içindeki favori butonu --- */
.yyg-kart__btn--favori {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
    padding: 7px 10px;
}

.yyg-kart__btn--favori svg {
    transition: fill .18s, stroke .18s;
}

.yyg-kart__btn--favori:hover {
    border-color: #f43f5e;
    color: #f43f5e;
}

.yyg-kart__btn--favori.is-active {
    background: #fff1f2;
    border-color: #f43f5e;
    color: #f43f5e;
}

.yyg-kart__btn--favori.is-active svg {
    fill: #f43f5e;
}

/* Dar kartlarda metni gizle, sadece ikon kalsın */
@media (max-width: 400px) {
    .yyg-kart__btn--favori .yyg-kart__favori-metin {
        display: none;
    }
    .yyg-kart__btn--favori {
        padding: 7px;
    }
}

/* --- Detay sayfası: .ilan-h1-row içindeki favori butonu --- */
.ilan-favori-btn {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    transition: all .18s;
}

.ilan-favori-btn svg {
    transition: fill .18s, stroke .18s;
}

.ilan-favori-btn:hover {
    border-color: #f43f5e;
    color: #f43f5e;
}

.ilan-favori-btn.is-active {
    background: #fff1f2;
    border-color: #f43f5e;
    color: #f43f5e;
}

.ilan-favori-btn.is-active svg {
    fill: #f43f5e;
}

/* Çok dar ekranda h1 satırı alta düşerse sola yasla */
@media (max-width: 480px) {
    .ilan-favori-btn {
        margin-left: 0;
    }
}
/* --- Arşiv/taksonomi sayfası (ei- sistemi): favori butonu --- */
.ei-btn-favori {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
    border-radius: var(--ei-r-sm);
    transition: var(--ei-tr);
}

.ei-btn-favori:hover {
    border-color: #f43f5e;
    color: #f43f5e;
}

.ei-btn-favori.is-active {
    background: #fff1f2;
    border-color: #f43f5e;
    color: #f43f5e;
}

.ei-btn-favori.is-active svg {
    fill: #f43f5e;
}
/* --- Taksonomi arşiv sayfası (tax- sistemi): favori butonu --- */
.tax-btn-favori {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.tax-btn-favori:hover {
    border-color: #f43f5e;
    color: #f43f5e;
}

.tax-btn-favori.is-active {
    background: #fff1f2;
    border-color: #f43f5e;
    color: #f43f5e;
}

.tax-btn-favori.is-active svg {
    fill: #f43f5e;
}

.tax-btn-favori svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}