/* ============================================
   Dawnchaser - Stock Status Styles
   ============================================ */

/* ---------- Single Product Page ---------- */
.stock-status-single {
    /* Main wrapper on single product page */
    font-size: 90%;
    margin: 2rem 0;
}

.variation-stock-status {
    /* Each variation line on single product page */
}

.stock-status-single .stock-status {
    /* Base style for all status badges (single product) */
}


/* ---------- Archive / Shop Page ---------- */
.stock-status-archive {
    /* Main wrapper on archive/shop pages */
    margin: 0.7rem 0;
    text-align: center;
}

.stock-status-archive .variation-stock-status {
    /* Each variation line on archive pages */
}

.stock-status-archive .stock-status {
    /* Base style for all status badges (archive) */
}


/* ---------- Common Status Modifiers ---------- */
.stock-status {
    /* Base class for all status badges */
    text-transform: uppercase;
    padding: 5px 7px;
}

.is-on-backorder {
    /* Pre-order / Backorder state */
    background-color: gold;
    color: black;
}

.is-in-stock {
    /* In stock state */
    background-color: green;
    color: white;
}

.not-in-stock {
    /* Out of stock state */
    background-color: red;
    color: white;
}


/* ---------- Supporting Elements ---------- */
.stock-status-divider {
    /* The separator between "Pre-order" and the date (e.g. " - ") */
    color: black;
}

.stock-status-details {
    /* The date/ETA text */
    font-style: italic;
    color: black;
}


/* ============================================
   Optional: Extra styling hooks
   ============================================ */

/* You can add more specific selectors here if needed */