/*Hide contents of Exercises and Exercises diary page*/

.intel-locked-content {
    text-align: center;
    padding: 40px;
}

.intel-locked-icon {
    font-size: 60px;
    color: #888;
}

.intel-locked-title {
    font-size: 28px;
    color: #444;
    margin-top: 20px;
}

.intel-locked-text {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
}


/* login overlay centering */
.login-overlay {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: var(--custom-2, #f9fbff) !important;
}

.login-overlay h3 {
    font-size: 2rem; /* bigger than current 1rem */
    color: var(--nv-c-1, #017bff);
    margin-bottom: 30px;
}

.nav-menu-secondary,.nav-menu-primary {
    display: none !important;
}

/* Login button updated for bigger size */
.login-overlay a.login-btn {
    cursor: pointer;
    box-sizing: border-box;
    background: linear-gradient(to bottom right, var(--nv-c-1), var(--custom-1));
    color: var(--primarybtncolor, #fff);
    border: solid var(--primarybtnborderwidth, 0) currentColor;
    border-radius: var(--primarybtnborderradius, 6px);
    padding: var(--primarybtnpadding, 20px 40px); /* bigger padding */
    font-weight: var(--btnfontweight, 700);
    font-size: var(--btnfs, 20px); /* bigger font */
    line-height: var(--btnlineheight, 1.8);
    letter-spacing: var(--btnletterspacing, var(--bodyletterspacing, normal));
    text-transform: var(--btntexttransform, none);
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* subtle shadow */
}

.login-overlay a.login-btn:hover {
    opacity: 0.95;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .login-overlay a.login-btn {
        padding: 16px 32px;
        font-size: 18px;
    }

    .login-overlay h3 {
        font-size: 1.5rem !important;
    }
}