/* =========================================================
   SELINA – FAVORITEN BUTTON (SINGLE PROFIL)
   FINAL – 1 HERZ, INLINE, STABIL
========================================================= */

/* ---------------------------------------------------------
   BUTTON BASIS
--------------------------------------------------------- */

.selina-fav-profile-btn {
    width: 100% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    padding: 14px 18px !important;
    border: none !important;
    border-radius: 10px !important;

    background: #3a3a3a !important;
    cursor: pointer !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    box-shadow: none !important;
    text-decoration: none !important;
}

/* Textfarbe */
.selina-fav-profile-btn,
.selina-fav-profile-btn .selina-fav-label {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   AKTIVER ZUSTAND
--------------------------------------------------------- */

.selina-fav-profile-btn.is-active {
    background: #f1f1f1 !important;
}

.selina-fav-profile-btn.is-active,
.selina-fav-profile-btn.is-active .selina-fav-label {
    color: #1a1a1a !important;
}

/* ---------------------------------------------------------
   HERZ – INLINE VOR TEXT (1 ELEMENT)
--------------------------------------------------------- */

.selina-fav-profile-btn .selina-fav-heart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 20px !important;
    line-height: 1 !important;

    margin-right: 8px !important;
    transform: translateY(1px) !important;

    color: #ffffff !important; /* Default: weiß */
    pointer-events: none !important;
}

/* Aktiv: Herz rot */
.selina-fav-profile-btn.is-active .selina-fav-heart {
    color: #d30000 !important;
}

/* ---------------------------------------------------------
   TEXT-TOGGLE (OHNE JS)
--------------------------------------------------------- */

.selina-fav-profile-btn .label-remove {
    display: none !important;
}

.selina-fav-profile-btn.is-active .label-add {
    display: none !important;
}

.selina-fav-profile-btn.is-active .label-remove {
    display: inline !important;
}

/* ---------------------------------------------------------
   INTERAKTION
--------------------------------------------------------- */

.selina-fav-profile-btn:hover {
    opacity: 0.92 !important;
}

.selina-fav-profile-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}