/**
 * Error Pages Styles
 * Styles for 403 Access Denied and other error pages
 */

/* ==========================================================================
   Access Denied Animation
   ========================================================================== */

.access-denied-icon {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { 
        transform: scale(1); 
        opacity: 1; 
    }
    50% { 
        transform: scale(1.05); 
        opacity: 0.8; 
    }
}

/* ==========================================================================
   Error Code Display
   ========================================================================== */

.error-code h1 {
    font-size: 8rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

/* ==========================================================================
   Error Page List Styling
   ========================================================================== */

.list-unstyled li {
    padding: 0.5rem 0;
}

.list-unstyled li i {
    width: 1.5rem;
    text-align: center;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    .error-code h1 {
        font-size: 5rem;
    }
    
    .access-denied-icon i {
        font-size: 3rem !important;
    }
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .access-denied-icon {
        animation: none;
    }
}