/*
 * Out-of-stock visibility — re #9 (ticket 0019).
 *
 * Three loosely-coupled rules:
 *   - .labeaute-sold-out-badge      → corner badge on OOS loop cards
 *   - .labeaute-sold-out-msg        → single-product OOS replacement
 *   - .labeaute-oos                 → dimmed swatch on variable PDP
 *
 * The badge is positioned against the kenta-supplied
 * .kenta-product-thumbnail wrapper; functions.php prints the badge
 * inside that wrapper at hook priority 8 (between the wrapper-open
 * at 1 and the thumbnail render at 10).
 */

.kenta-product-thumbnail { position: relative; }

.labeaute-sold-out-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    padding: 4px 10px;
    background: #c0392b;
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    pointer-events: none;
}

.labeaute-sold-out-msg {
    color: #c0392b;
    font-weight: 600;
    font-size: 1rem;
    padding: 12px 0;
    margin: 0;
}

.labeaute-oos { opacity: 0.45; }