/**
 * Media Access Guard Styles
 *
 * Styles for media access restriction and blocking functionality
 */

/* Media blocked state */
body.lens-media-blocked .attachments,
body.lens-media-blocked .attachments-wrapper,
body.lens-media-blocked .wp-list-table.media tbody {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Hide folder sidebar when blocked */
body.lens-media-blocked .lens-sidebar,
body.lens-media-blocked .lens-folders-sidebar,
body.lens-media-blocked #lens-sidebar {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide navigation elements when blocked */
body.lens-media-blocked .lens-breadcrumb,
body.lens-media-blocked .lens-navigation,
body.lens-media-blocked .lens-folder-tree,
body.lens-media-blocked .lens-folder-explorer,
body.lens-media-blocked .lens-folder-item,
body.lens-media-blocked .lens-folders-container {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide upload UI when blocked */
body.lens-media-blocked .upload-ui {
    display: none !important;
}

/* Hide media toolbar when blocked */
body.lens-media-blocked .media-toolbar {
    opacity: 0.3;
    pointer-events: none;
}

/* Prevent interaction with blocked media */
body.lens-media-blocked .media-frame-content {
    pointer-events: none;
    user-select: none;
}

/* Hide all folder-related UI elements */
body.lens-media-blocked .lens-folders-header,
body.lens-media-blocked .lens-folder-actions,
body.lens-media-blocked .lens-folder-controls,
body.lens-media-blocked .lens-quick-switch,
body.lens-media-blocked .lens-search-container {
    display: none !important;
}

/* Ensure complete blocking even if user tries inspect element */
body.lens-media-blocked .lens-sidebar::after,
body.lens-media-blocked #lens-sidebar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
}


/* Password dialog enhancements for access guard */
.lens-lock-dialog.lens-access-guard-dialog {
    z-index: 100000 !important;
}

.lens-lock-dialog.lens-access-guard-dialog .lens-lock-dialog-content {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

/* Attachment Edit Page Protection */
body.lens-attachment-protected-initial .wrap,
body.lens-attachment-blocked .wrap {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Attachment block overlay */
.lens-attachment-block-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    z-index: 99998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.lens-attachment-block-message {
    max-width: 400px;
    padding: 40px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.lens-attachment-block-message .dashicons {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 48px;
    margin: 0 auto 20px;
    color: #646970;
}

.lens-attachment-block-message h2 {
    margin: 20px 0;
    color: #1d2327;
    font-size: 22px;
    font-weight: 600;
}

.lens-attachment-block-message p {
    color: #646970;
    font-size: 14px;
    line-height: 1.6;
}

/* Ensure WordPress admin bar stays visible */
body.lens-attachment-blocked #wpadminbar {
    z-index: 100000 !important;
}

/* Initial protection state (server-side block) */
body.lens-media-protected-initial {
    /* Prevents flash of content before JavaScript loads */
}

body.lens-attachment-protected-initial::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
}