/**
 * Content Gating Styles for Logged-Out Users
 * Styles for content fade and "Read more" button
 *
 * @package      Orbit
 * @author       Nebula
 * @since        1.0.0
 * @license      GPL-2.0+
 */

/* Content Gating Wrapper */
.orbit-content-gated {
    position: relative;
}

/* Visible Content */
.orbit-content-visible {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 0;
}

/* Fade Effect Overlay */
.orbit-content-fade {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 1));
    pointer-events: none;
    z-index: 1;
}

/* Read More Button Wrapper */
.orbit-content-read-more-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}

/* Read More Button */
.orbit-read-more-btn {
    display: inline-block;
    padding: 12px 32px;
    background-color: var(--wp--preset--color--primary, #0073aa);
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.orbit-read-more-btn:hover {
    background-color: var(--wp--preset--color--primary-dark, #005a87);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.orbit-read-more-btn:active {
    transform: translateY(0);
}

/* Hidden Content */
.orbit-content-hidden {
    display: none;
}