/* Gallery CSS */
@import './theme-variables.css';

.carousel-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--spacing-2xl);
}

.carousel-indicators {
    display: flex;
    justify-content: center;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-md);
}

.view-all-btn {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-lg);
    background: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
    border-radius: var(--border-radius-pill);
    font-weight: var(--font-weight-semibold);
    transition: all var(--transition-medium);
    text-align: center;
    border: 1px solid var(--color-metallic-highlight);
    box-shadow: 0 4px 8px var(--color-shadow);
}

.view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px var(--color-shadow), 0 0 15px var(--color-metallic-highlight);
    background: var(--color-primary-dark);
    border-color: var(--color-metallic-highlight);
}