/* Global button styles for Vivaia POS */

/* Small buttons (e.g., "清除搜尋") */
.vivaia-button-small {
    background-color: #000000; /* Black */
    color: #ffffff; /* White text */
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.vivaia-button-small:hover,
.vivaia-button-small:active,
.vivaia-button-small:focus {
    white-space: nowrap;
    background-color: #ffffff; /* White background */
    color: #000000; /* Black text */
    border: 1px solid #000000; /* Black border */
}

.vivaia-button-small:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    white-space: nowrap;
    opacity: 0.6;
}

/* Big buttons (e.g., "結帳") */
.vivaia-button-big {
    background-color: #000000; /* Black */
    color: #ffffff; /* White text */
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
    /*width: 100%;*/ /* Full width for primary actions */
}

.vivaia-button-big:hover,
.vivaia-button-big:active,
.vivaia-button-big:focus {
    background-color: #663d14; /* Darker brown */
    color: #ffffff; /* White text */
}

.vivaia-button-big:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Pagination styles REMOVED - now using dedicated pagination.css */