/* Rule Zero Connect, minimale styling. Kleuren volgen de thema-tokens
   (design/tokens.css); hier alleen structuur zodat het werkt zonder thema. */

.rz-availability {
    margin: 0.5em 0;
    font-size: 0.95em;
    color: var(--rz-body, #3f3d39);
}

.rz-cart-notice {
    margin: 0.5em 0;
    padding: 0.5em 0.75em;
    border-left: 3px solid var(--rz-amber, #e8a13c);
    background: var(--rz-amber-tint, #fdf3e3);
    font-size: 0.9em;
}

.rz-checkout-notice {
    margin: 0.75em 0;
    font-size: 0.9em;
    color: var(--rz-body, #3f3d39);
}

.rz-badge {
    display: inline-flex;
    align-items: center;
    font-family: var(--rz-font-mono, monospace);
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    padding: 0.2em 0.6em;
    border-radius: 999px;
    line-height: 1.4;
}

.rz-badge--low { background: var(--rz-amber-tint, #fdf3e3); color: var(--rz-amber-deep, #c9832a); }
.rz-badge--out { background: #fbeceb; color: var(--rz-error, #b3261e); }
.rz-badge--preorder { background: var(--rz-felt-tint, #e8f0ed); color: var(--rz-felt, #17493f); }