/* Name: core/static/core/css/styles.css */
/* Desc: Native CSS to replace Tailwind utilities, safely isolated from Bootstrap */

/* 1. Background Image Utilities (Replaces Tailwind's background classes) */
.bg-cover { background-size: cover; }
.bg-fixed { background-attachment: fixed; }
.bg-center { background-position: center; }

/* 2. Loading Spinner (For your Celery processing page) */
.loader-spinner {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border: 4px solid rgba(13, 110, 253, 0.2); /* Bootstrap primary blue, faded */
    border-radius: 50%;
    border-top-color: #0d6efd; /* Solid blue top edge */
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}