/* Base bookmark button */
.nbff-bookmark {
    width: 24px;
    height: 24px;
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    padding: 0 !important;
    background-color: transparent !important;
    z-index: 10;
    transition: transform 0.2s ease;
}

.nbff-bookmark:hover {
    transform: scale(1.1);
}

/* Default icon (SVG inline in CSS) */
.nbff-bookmark-default {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>');
}

/* Hover icon */
.nbff-bookmark-default:hover {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%230088cc" stroke="%230088cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>');
}

/* Active (clicked/bookmarked) icon */
.nbff-bookmark-active {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ff0000" stroke="%23ff0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>');
}

/* Loading state */
.nbff-bookmark.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* SVG and text visibility control */
.nbff-bookmark-default .bookmark-svg-active,
.nbff-bookmark-default .bookmark-text-bookmarked,
.nbff-bookmark-default .bookmark-icon-active {
    display: none !important;
}

.nbff-bookmark-active .bookmark-svg-default,
.nbff-bookmark-active .bookmark-text-default,
.nbff-bookmark-active .bookmark-icon-default {
    display: none !important;
}

/* Make sure parent elements have position relative */
.bb-forum-card,
.discussion-card,
.discussion-item,
.forum-card {
    position: relative;
}