/* Menu icon */
#adminmenu .toplevel_page_adminease .wp-menu-image img,
#adminmenu .toplevel_page_admineasepro .wp-menu-image img,
#adminmenu .toplevel_page_adminease-pro .wp-menu-image img {
    max-width: 22px;
    max-height: 22px;
    padding: 6px 0 0 0;
    opacity: 1;
}

tr[data-slug="adminease"] .plugin-title strong::before,
tr[data-slug="admineasepro"] .plugin-title strong::before,
tr[data-slug="adminease-pro"] .plugin-title strong::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0;
    background: url(../img/adminease-logo.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

[dir="rtl"] tr[data-slug="adminease"] .plugin-title strong::before,
[dir="rtl"] tr[data-slug="admineasepro"] .plugin-title strong::before,
[dir="rtl"] tr[data-slug="adminease-pro"] .plugin-title strong::before {
    margin: -4px 0 0 5px;
}

tr[data-slug="adminease"] .adminease-icon,
tr[data-slug="admineasepro"] .adminease-icon,
tr[data-slug="adminease-pro"] .adminease-icon {
    position: relative;
    top: 5px;
    width: 20px;
}

/* Fixes thumbnail display issues */
.media-icon img[src$=".svg"] {
    width: 100%;
    height: auto;
    max-width: 60px;
    max-height: 60px;
}

/* Ensures proper centering and background */
.attachment.svg .thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
}

/* Proper scaling and containment */
.attachment.svg .thumbnail img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

/* Media Library Infinite Scrolling Styles */
.adminease-loading-indicator {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 10px 0;
}

.adminease-loading-indicator .spinner {
    float: none;
    margin: 0 5px 0 0;
}

.adminease-loading-indicator p {
    margin: 0;
    color: #666666;
    font-style: italic;
}

/* Smooth scroll for better UX */
.media-frame-content .attachments-browser {
    scroll-behavior: smooth;
}

/* Loading state for attachments */
.attachment.loading {
    opacity: 0.6;
}

.attachment.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #0073aa;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: adminease-spin 1s linear infinite;
}

@keyframes adminease-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}