:root {
    --bs-primary: #e3000b;
    --bs-primary-rgb: 227, 0, 11;
}

.btn-primary {
    background-color: #e3000b;
    border-color: #e3000b;
}
.btn-primary:hover {
    background-color: #b80009;
    border-color: #b80009;
}
.text-primary { color: #e3000b !important; }
.border-primary { border-color: #e3000b !important; }
.bg-primary { background-color: #e3000b !important; }

/* Product card */
.product-card {
    transition: transform .15s ease, box-shadow .15s ease;
}
.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12) !important;
}
.product-card .card-img-top {
    height: 180px;
    object-fit: contain;
    background: #f8f9fa;
    padding: .75rem;
}

/* Color dot badge */
.color-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.2);
    vertical-align: middle;
}

/* Cart table */
.cart-img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

/* Checkout steps */
.step-indicator .step {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: .85rem;
}
.step-indicator .step.active { background: #e3000b; color: #fff; }
.step-indicator .step.done  { background: #198754; color: #fff; }
.step-indicator .step.todo  { background: #dee2e6; color: #6c757d; }

/* Admin sidebar */
.admin-sidebar { min-height: calc(100vh - 56px); }