/*
 * Targets both possible cases:
 *  - our own created element (fallback, when #product-availability
 *    isn't present on the page): id="epimoq-status-message"
 *  - the reused native element: id="product-availability" with our
 *    .epimoq-status-message class added on top
 *
 * The id+class combinator on the second selector is deliberate: an ID
 * selector alone (#product-availability) is more specific than a
 * plain class selector, so a bare `.epimoq-status-message { ... }`
 * rule loses to the theme's own #product-availability rules in
 * theme.css, regardless of load order. Matching id+class here brings
 * our rule's specificity back above a plain #product-availability
 * rule; !important on top because the theme's rules turned out to
 * still partially win even at matched specificity.
 */
#epimoq-status-message,
#product-availability.epimoq-status-message {
    display: block !important;
    clear: both;
    margin-top: -15px;
    font-size: 13px;
    font-weight: 400 !important;
    color: #333333 !important;
}
