/* Catalyst — Restrict Content frontend styles */

.cat-restrict--message {
    padding: 0.875em 1.125em;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #555;
    line-height: 1.5;
}

/* Tease mode: visible content + optional blur overlay */

.cat-restrict--tease {
    position: relative;
}

.cat-restrict__tease-content {
    line-height: 1.7;
}

/* Blur overlay — sits at the bottom of the teased text */
.cat-restrict--blur .cat-restrict__blur-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5em;
    pointer-events: none;
    /* Blur the content behind the overlay, fading in from the top */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 70%);
    mask-image: linear-gradient(to bottom, transparent, black 70%);
}

/* Message shown below the teased content */
.cat-restrict--tease .cat-restrict__message {
    margin-top: 0.75em;
    padding: 0.75em 1em;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #555;
    font-size: 0.9em;
    line-height: 1.5;
}