/* OrderSync App Styles
   Uses centralized theme variables from bootstrap-o.css
*/
@import url("site-xcmjUAS.css");
body {
    background-color: var(--color-bg-subtle);
}

.bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.text-container {
    text-align: center;
}

.center-row {
    height: 60vh;
    align-items: center;
}

.app-container {
    height: 40vh;
}

.btn-app {
    display: block;
    width: -webkit-fill-available;
    
    padding: 1em;
    border-radius: var(--bs-border-radius-sm);
    cursor: pointer;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
}

.btn-app:hover {
    filter: brightness(85%);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.btn-app:active {
    cursor: grabbing;
    transform: translateY(0);
}

/* Primary action button - OrderSync brand color */
.btn-tableOrder {
    background-color: var(--bs-primary);
}

/* Danger/Critical operations */
.btn-kitchenOrder {
    background-color: var(--bs-danger);
}

/* Secondary/Neutral actions */
.btn-customerOrder {
    background-color: var(--bs-secondary);
}

/* Success states */
.btn-adminOrder {
    background-color: var(--bs-success);
}

/* Warning/Attention */
.btn-bookOrder {
    background-color: var(--bs-warning);
}

/* API - Primary alternative */
.btn-api {
    background-color: var(--bs-primary);
}

/* Login - Success */
.btn-login {
    background-color: var(--bs-success);
}