/* BulkActionsBar.css - Bulk selection and actions styling */

.bulk-actions-bar {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--color-primary-hover);
    color: var(--text-inverse);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    margin-bottom: var(--space-4);
    animation: slideDown var(--duration-300) var(--easing-out);
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Info Section */
.bulk-actions-info {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.bulk-actions-text {
    font-weight: var(--font-weight-medium);
    font-size: var(--text-base);
}

/* Controls Section */
.bulk-actions-controls {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* Override button styles for bar context */
.bulk-actions-bar .btn {
    border-color: var(--text-inverse);
    opacity: 0.9;
}

.bulk-actions-bar .btn-secondary {
    background: var(--text-inverse);
    opacity: 0.2;
    color: var(--text-inverse);
}

.bulk-actions-bar .btn-secondary:hover {
    opacity: 0.3;
}

.bulk-actions-bar .btn-danger {
    background: var(--color-error);
    border-color: var(--color-error-hover);
}

.bulk-actions-bar .btn-danger:hover {
    background: var(--color-error-hover);
}

.bulk-actions-bar .btn-ghost {
    color: var(--text-inverse);
    border-color: var(--text-inverse);
    opacity: 0.9;
}

.bulk-actions-bar .btn-ghost:hover {
    opacity: 1;
    background: var(--text-inverse);
    color: var(--color-primary);
}

/* Select All Button */
.bulk-actions-select-all {
    margin-right: var(--space-2);
}

/* Responsive Design */
@media (max-width: 768px) {
    .bulk-actions-bar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .bulk-actions-info {
        justify-content: center;
    }
    
    .bulk-actions-controls {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .bulk-actions-bar {
        padding: var(--space-3);
    }
    
    .bulk-actions-controls {
        flex-direction: column;
        width: 100%;
    }
    
    .bulk-actions-controls .btn {
        width: 100%;
    }
}

/* Accessibility */
.bulk-actions-bar:focus-within {
    outline: var(--border-width-2) solid var(--text-inverse);
    outline-offset: var(--border-width-2);
}