/* ============================================
   TLAČÍTKA - MAPA SKŘÍNĚK
   Verze: 6.0
   ============================================ */

/* === ZÁKLADNÍ STYL TLAČÍTKA === */
button,
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm) var(--spacing-md);
    border: none;
    border-radius: var(--border-radius-medium);
    font-family: inherit;
    font-size: var(--font-size-base);
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
}

button:focus,
.btn:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

button:disabled,
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* === HLAVNÍ TLAČÍTKO (Primary) === */
/* Používá se pro hlavní akce (Uložit, Vložit, Tisknout) */
.btn-primary,
.print-btn,
.btn-archive-create {
    background: var(--btn-primary-bg);
    color: white;
}

.btn-primary:hover,
.print-btn:hover,
.btn-archive-create:hover {
    background: var(--btn-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--shadow-medium);
}

.btn-primary:active,
.print-btn:active,
.btn-archive-create:active {
    transform: translateY(0);
    box-shadow: var(--shadow-small);
}

/* === SEKUNDÁRNÍ TLAČÍTKO (Secondary) === */
/* Používá se pro zrušení nebo méně důležité akce */
.btn-secondary {
    background: var(--btn-secondary-bg);
    color: white;
}

.btn-secondary:hover {
    background: var(--btn-secondary-hover);
}

/* === OBNOVIT TLAČÍTKO (Restore) === */
/* Zelené tlačítko pro obnovení verze nebo archivu */
.btn-restore {
    background: var(--btn-success-bg);
    color: white;
    font-size: 0.85em;
    padding: var(--spacing-xs) var(--spacing-sm);
    width: 100%; /* Plná šířka v kontextu historie */
}

.btn-restore:hover {
    background: var(--btn-success-hover);
}

/* === MAZAT TLAČÍTKO (Delete) === */
/* Červené tlačítko pro smazání */
.btn-delete {
    background: var(--btn-danger-bg);
    color: white;
    font-size: 0.8em;
    padding: var(--spacing-xs) var(--spacing-sm);
}

.btn-delete:hover {
    background: var(--btn-danger-hover);
}

/* === MALÁ TLAČÍTKA (Small) === */
/* Pro akce v schránce nebo historii */
.btn-sm {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-small);
}

/* === SPECIFICKÉ TLAČÍTKO: TISK === */
.print-btn {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-base);
    margin-top: var(--spacing-lg);
}

/* === SPECIFICKÉ TLAČÍTKO: SCHRÁNKA === */
.clipboard-add-form button {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: bold;
    min-width: 40px;
}

.clip-actions button {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: 0.9em;
    border-radius: var(--border-radius-small);
}

/* === TLAČÍTKO S IKONOU === */
.btn-icon {
    padding: var(--spacing-sm);
    min-width: 32px;
    height: 32px;
}

/* === RESPONZIVITA === */
@media (max-width: 480px) {
    button,
    .btn {
        width: 100%; /* Tlačítka na plnou šířku na mobilu */
        margin-bottom: var(--spacing-xs);
    }

    .btn-sm {
        width: auto; /* Zachovat malá tlačítka v seznamu */
    }

    .form-actions button,
    .form-actions a {
        width: 100%;
    }
}