/* Cover for adult-flagged content.

   Applied by js/adult-filter.js over a tile thumbnail or a player. It is a
   cover, not a deletion: the item stays where it is and the viewer lifts it for
   that one item if they want to.

   Themed through the site's existing tokens so it reads as part of the page
   rather than a browser artefact, and painted opaque rather than blurred --
   a CSS blur is a filter over pixels that are still being decoded and still
   briefly paint on a slow device, which is not a guarantee. */
.adult-cover {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.75rem;
    text-align: center;
    /* Opaque, and its own colour rather than a token that might resolve to
       transparent on a page that never loaded the palette. A cover that fails
       to paint is worse than no cover, because nothing looks wrong. */
    background: #12161d;
    color: #E8EEF1;
    border-radius: inherit;
}

.adult-cover-label {
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
}

.adult-cover-sub {
    font-size: 0.75rem;
    opacity: 0.75;
    line-height: 1.3;
}

/* A real button: this is the one control between a viewer and something they
   said they did not want to see, so it is keyboard reachable and announced
   like any other button. */
.adult-cover-btn {
    margin-top: 0.35rem;
    padding: 0.3rem 0.85rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: #12161d;
    background: #D4AF37;
    border: none;
    border-radius: 999px;
    cursor: pointer;
}

.adult-cover-btn:hover { filter: brightness(1.08); }

.adult-cover-btn:focus-visible {
    outline: 2px solid #F2F7F9;
    outline-offset: 2px;
}

/* The player cover is bigger and carries more copy, so it gets more room. */
.adult-cover--player .adult-cover-label { font-size: 1.15rem; }
.adult-cover--player .adult-cover-sub { font-size: 0.9rem; max-width: 34ch; }
.adult-cover--player .adult-cover-btn { font-size: 0.9rem; padding: 0.45rem 1.2rem; }