/* ── Hidden until JS confirms cookies are enabled ────────────────────────── */
/* JS adds .appcast-cookies-ok to <body> when navigator.cookieEnabled is true */

.bookmark-icon,
.appcast-bookmark-filter,
.appcast-bookmark-status,
.Desc__bookmark {
    display: none;
}

body.appcast-cookies-ok .bookmark-icon,
body.appcast-cookies-ok .appcast-bookmark-filter,
body.appcast-cookies-ok label:has(.appcast-bookmark-filter),
body.appcast-cookies-ok .Desc__bookmark {
    display: revert;
}

/* Status label stays hidden when empty regardless */
body.appcast-cookies-ok .appcast-bookmark-status:empty {
    display: none;
}

/* ── Bookmark icon button ─────────────────────────────────────────────────── */

.bookmark-icon {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    top: 20px;
    position: relative;
    padding: 2px 6px;
    color: #aaa;
    transition: color 0.15s ease, transform 0.1s ease;
}

.bookmark-icon:hover {
    color: #e33;
    transform: scale(1.15);
}

.bookmark-icon.bookmarked {
    color: #e33;
}

/* ── Bookmark status label (e.g. on job detail page) ─────────────────────── */
/* Usage: <span class="appcast-bookmark-status" data-jobid="..."></span>      */
/* JS will populate it with "Saved" / "" based on cookie state.               */

.appcast-bookmark-status {
    font-size: 0.85em;
    color: #e33;
    font-weight: 600;
}

.appcast-bookmark-status:empty {
    display: none;
}
