/*
Theme: VIPaudio NEW
File: 05-components.css
Purpose: Opakovaně použitelné komponenty
*/

.va-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: var(--va-space-3);
    padding: 0 var(--va-space-6);
    border: 1px solid transparent;
    border-radius: var(--va-radius-pill);
    font-size: var(--va-font-size-sm);
    font-weight: var(--va-font-weight-semibold);
    line-height: 1;
    transition:
        transform var(--va-duration-fast) var(--va-ease-standard),
        background-color var(--va-duration-fast) var(--va-ease-standard),
        border-color var(--va-duration-fast) var(--va-ease-standard),
        color var(--va-duration-fast) var(--va-ease-standard);
}

.va-button:hover {
    transform: translateY(-2px);
}

.va-button--primary {
    background: var(--va-color-primary);
    color: var(--va-color-text-inverse);
}

.va-button--primary:hover {
    background: var(--va-color-primary-dark);
    color: var(--va-color-text-inverse);
}

.va-button--secondary {
    border-color: var(--va-color-border-strong);
    background: transparent;
    color: var(--va-color-text);
}

.va-button--secondary:hover {
    border-color: var(--va-color-primary);
    color: var(--va-color-primary);
}

.va-card {
    overflow: hidden;
    border: var(--va-border);
    border-radius: var(--va-radius-lg);
    background: var(--va-color-surface);
    box-shadow: var(--va-shadow-sm);
}

.va-card__content {
    padding: var(--va-space-8);
}