/* Reaction row for Weekly Roundup cards and each issue page.
   Landing actions sit OUTSIDE #landing-roundup-viewport so the carousel
   cannot steal Comment taps. */

#landing-roundup-actions,
.landing-roundup-actions {
    display: block;
    margin: 0;
    padding: 8px 12px 10px;
    background: #001f3f;
    border: 0;
    border-top: 1px solid rgba(229, 195, 148, 0.35);
    position: relative;
    z-index: 20;
    pointer-events: auto;
}

#landing-roundup-actions .roundup-reacts,
.landing-roundup-actions .roundup-reacts,
.paper > .roundup-reacts,
body.weekly-roundup-edition .roundup-reacts {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.paper > .roundup-reacts,
body.weekly-roundup-edition .roundup-reacts {
    margin: 8px 28px 0;
    padding: 8px 0 0;
}

.roundup-reacts button {
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 6px 4px;
    border: 0;
    background: transparent;
    color: #65676b;
    font: 700 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 21;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(229, 195, 148, 0.35);
    touch-action: manipulation;
}

.roundup-reacts button.is-mine {
    color: #001f3f;
}

#landing-roundup-actions .roundup-reacts button,
#landing-roundup-actions .roundup-reacts button.is-mine,
.landing-roundup-actions .roundup-reacts button,
.landing-roundup-actions .roundup-reacts button.is-mine,
body.weekly-roundup-edition .roundup-reacts button,
body.weekly-roundup-edition .roundup-reacts button.is-mine {
    color: #fff;
}

/* Never leave a second bar inside clipped carousel slides. */
.landing-roundup-slide .roundup-reacts {
    display: none !important;
}


#dockside-landing .dockside-roundup-link,
body.weekly-roundup-edition .dockside-roundup-link {
    display: none !important;
}

body.weekly-roundup-edition #dockside-landing {
    margin: 16px 28px 28px;
    max-width: 804px;
}