/**
 * CSS стили для кастомизации блока stock в карточке товара
 */

/* Основной блок product-action */
.product-action {
    font-size: 14px;
    line-height: 18px;
    color: #363431;
    margin-bottom: 20px;
}

.product-action div {
    display: inline-block;
    position: relative;
}

/* Блок stock */
.product-action .stock {
    color: #363431 !important;
    margin-right: 13px;
}

.product-action .error {
    color: #D0021B;
}

/* Индикатор количества товара (wc-count) */
.product-action .wc-count {
    display: inline-block;
    width: 32px;
    height: 16px;
    vertical-align: middle;
    background-image: url('../img/count.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.product-action .wc-count.count-1 {
    background-position: left;
}

.product-action .wc-count.count-2 {
    background-position: -32px;
}

.product-action .wc-count.count-3 {
    background-position: -64px;
}

.product-action .wc-count.count-4 {
    background-position: -96px;
}

/* Текст подсказки при наведении на индикатор количества */
.product-action .count-text {
    display: none;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(54, 52, 49, 0.4);
    padding: 10px 14px;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 999;
}

.product-action .product-admission {
    min-width: 112px;
}

.product-action .product-admission:hover .count-text,
.product-action .product-admission .count-text:hover {
    display: block;
}

/* Стилизация стандартного блока остатков WooCommerce для вариаций */
.woocommerce-variation-availability {
    margin-bottom: 20px;
}

.woocommerce-variation-availability .product-action {
    font-size: 14px;
    line-height: 18px;
    color: #363431;
    margin-bottom: 0;
}

/* Скрываем стандартный вывод WooCommerce, если используется кастомный шаблон */
.woocommerce-variation-availability p.stock {
    display: none;
}

/* Стили для блока stock в summary (старые стили WooCommerce) */
body #motopress-main.main-holder .content-holder div.product .summary .single_variation .stock {
    max-width: 70%;
}

body #motopress-main.main-holder .content-holder div.product .summary .stock {
    float: right;
    max-width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #787878;
    border-radius: 0px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9e9e9;
}

body #motopress-main.main-holder .content-holder div.product .summary .stock.out-of-stock {
    background: #9d261d;
}