/**
 * Admin Styles for the Order Exporter by ApusNest Plugin
 *
 * @version 1.0.0
 * @author  ApusNest
 */

/* ==========================================================================
   Branding Notice Styles
   ========================================================================== */

/* Styles the custom purple notice box at the top of the admin page. */
.apneoe-branding-notice {
    border-left-color: #6a449b;
    background: #faf8fd;
}

.apneoe-branding-notice p .dashicons {
    margin-right: 8px;
    vertical-align: middle;
}


/* ==========================================================================
   Advanced Filters Toggle Button
   ========================================================================== */

#apneoe_advanced_filters_toggle {
    margin-bottom: 1em;
}

/* Styles the dropdown arrow icon for smooth animation. */
#apneoe_advanced_filters_toggle .dashicons {
    vertical-align: text-bottom;
    transition: transform 0.2s ease-in-out;
}

/* Rotates the arrow when the advanced panel is open. */
#apneoe_advanced_filters_toggle.active .dashicons {
    transform: rotate(180deg);
}


/* ==========================================================================
   Loading Spinner
   ========================================================================== */

/* The loader element, hidden by default. */
.apneoe-loader {
    display: none;
    border: 4px solid #f3f3f3; /* Light grey track */
    border-top: 4px solid #6a449b; /* Purple spinner */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: apneoe-spin 1s linear infinite;
    margin-left: 15px;
    vertical-align: middle;
}

/* The keyframe animation that creates the spinning effect. */
@keyframes apneoe-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}