/* PDP out-of-stock notice */
.anarchy-oos-notice {
    margin: 15px 0 20px;
    padding: 15px 18px;
    background: #fff8e1;
    border-left: 4px solid #f5a623;
    border-radius: 3px;
}

.anarchy-oos-notice__message {
    margin: 0 0 12px;
    color: #5a4500;
    line-height: 1.45;
}

.anarchy-oos-notice__message strong {
    color: #3d2f00;
}

.anarchy-oos-notice__contact.action.primary {
    display: inline-block;
    text-decoration: none;
}

/* Category tile badge: replace "Out of stock" with "Contact for Availability" */
.products-grid .product-item .stock.unavailable,
.products-list .product-item .stock.unavailable {
    background: #fff3cd;
    color: #856404;
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #ffe69c;
    font-weight: 600;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2;
}

.products-grid .product-item .stock.unavailable span,
.products-list .product-item .stock.unavailable span {
    font-size: 0;
}

.products-grid .product-item .stock.unavailable span::after,
.products-list .product-item .stock.unavailable span::after {
    content: "Contact for Availability";
    font-size: 13px;
}


/* Clickable always-visible OOS contact badge on listing tiles */
.products-grid .product-item .stock.unavailable.anarchy-oos-contact,
.products-list .product-item .stock.unavailable.anarchy-oos-contact {
    cursor: pointer;
    font-family: inherit;
    line-height: normal;
    display: block;
    width: fit-content;
    margin: 15px auto 5px;
}


/* Sort dropdown: breathing room between the option label and the caret */
.toolbar-sorter .sorter-options {
    padding-right: 30px;
}

/* Hide the asc/desc direction toggle while sorting by Stock Quantity (the sort
   is always descending). It reappears for any other sort because changing the
   sort reloads the page. */
.toolbar-sorter:has(.sorter-options option[value="anarchy_stock_qty"]:checked) .sorter-action {
    display: none;
}

/* Badge is for logged-in users only. oos-chat.js adds body.anarchy-loggedin
   via customer-data when a customer is logged in (the theme guest-ui body-class
   toggler does not run on listing pages). Hidden by default to avoid a guest flash. */
.anarchy-oos-contact {
    display: none !important;
}
body.anarchy-loggedin .anarchy-oos-contact {
    display: block !important;
}