/*
 * 4MOTOKZ_CART_BUTTON_CSS_V27
 *
 * Кнопка добавления в корзину на странице проценки.
 * Никакой JavaScript этим файлом не изменяется.
 */


/* Основная кнопка */
a[title="Добавить в корзину"][onclick^="addToCart("]
{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:30px !important;
    height:30px !important;

    box-sizing:border-box !important;

    padding:0 !important;
    margin:0 auto !important;

    background:#ffffff !important;

    border:
        1px solid
        #4a4a4a !important;

    border-radius:
        4px !important;

    color:#00a83b !important;

    font-size:18px !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.18) !important;

    cursor:pointer !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        box-shadow .15s ease !important;
}


/* Сама иконка */
a[title="Добавить в корзину"][onclick^="addToCart("]
.fa-shopping-cart
{
    margin:0 !important;
    padding:0 !important;

    color:inherit !important;

    font-size:18px !important;
    line-height:1 !important;
}


/* Наведение */
a[title="Добавить в корзину"][onclick^="addToCart("]:hover
{
    background:#fff8dc !important;

    border-color:
        #e0a800 !important;

    color:#111111 !important;

    box-shadow:
        0 2px 5px
        rgba(0,0,0,.22) !important;

    text-decoration:none !important;
}


/* Нажатие */
a[title="Добавить в корзину"][onclick^="addToCart("]:active
{
    transform:
        translateY(1px);
}


/* Клавиатурный фокус */
a[title="Добавить в корзину"][onclick^="addToCart("]:focus
{
    outline:none !important;

    border-color:
        #e0a800 !important;

    box-shadow:
        0 0 0 2px
        rgba(224,168,0,.20) !important;
}


/* END 4MOTOKZ_CART_BUTTON_CSS_V27 */


/* ==========================================================
   4MOTOKZ_CART_MODAL_GREEN_V28

   Переходное окно добавления товара в корзину.
   Только внешний вид. Логика поиска и корзины не изменяется.
   ========================================================== */


/* ----------------------------------------------------------
   САМО ОКНО
   ---------------------------------------------------------- */

#dp_cart_modal_window
{
    background:#ffffff !important;

    border:
        1px solid
        #a9cdb5 !important;

    border-radius:6px !important;

    box-shadow:
        0 8px 30px
        rgba(0,0,0,.25) !important;
}


/* ----------------------------------------------------------
   ЗЕЛЁНАЯ ШАПКА
   ---------------------------------------------------------- */

#dp_cart_modal_window .dp-cart-modal-header
{
    background:#2e8b57 !important;

    color:#ffffff !important;

    border-radius:
        5px
        5px
        0
        0 !important;

    font-weight:600 !important;
}


/* Крестик */
#dp_cart_modal_window .dp-cart-modal-close
{
    color:
        rgba(255,255,255,.82) !important;

    background:transparent !important;
}


#dp_cart_modal_window .dp-cart-modal-close:hover
{
    color:#ffffff !important;

    background:transparent !important;
}


/* ----------------------------------------------------------
   ПОЛЯ
   ---------------------------------------------------------- */

#dp_cart_modal_window input,
#dp_cart_modal_window textarea,
#dp_cart_modal_window select
{
    border-color:#d6d6d6 !important;

    background:#ffffff !important;

    color:#333333 !important;

    outline:none !important;
}


#dp_cart_modal_window input:focus,
#dp_cart_modal_window textarea:focus,
#dp_cart_modal_window select:focus
{
    border-color:#2e8b57 !important;

    box-shadow:
        0 0 0 2px
        rgba(46,139,87,.12) !important;
}


/* Placeholder комментария */
#dp_cart_modal_window textarea::placeholder,
#dp_cart_modal_window input::placeholder
{
    color:#aaaaaa !important;

    opacity:1 !important;
}


/* ----------------------------------------------------------
   КНОПКИ +/- И ДРУГИЕ ВСПОМОГАТЕЛЬНЫЕ
   ---------------------------------------------------------- */

#dp_cart_modal_window button:not(.dp-cart-modal-close):not(#dp_cart_modal_add)
{
    border-color:#9fc8ad !important;

    background:#ffffff !important;

    color:#28784d !important;
}


#dp_cart_modal_window button:not(.dp-cart-modal-close):not(#dp_cart_modal_add):hover
{
    border-color:#2e8b57 !important;

    background:#eef7f1 !important;

    color:#226a43 !important;
}


/* ----------------------------------------------------------
   НИЖНЯЯ ЧАСТЬ
   ---------------------------------------------------------- */

#dp_cart_modal_window .dp-cart-modal-footer
{
    border-top:
        1px solid
        #e5e5e5 !important;

    background:#fafafa !important;
}


/* ----------------------------------------------------------
   ГЛАВНАЯ КНОПКА
   ---------------------------------------------------------- */

#dp_cart_modal_add
{
    border:
        1px solid
        #267648 !important;

    border-radius:4px !important;

    background:#2e8b57 !important;

    color:#ffffff !important;

    box-shadow:none !important;

    font-weight:600 !important;

    transition:
        background .15s ease,
        border-color .15s ease !important;
}


#dp_cart_modal_add:hover
{
    border-color:#21663e !important;

    background:#267648 !important;

    color:#ffffff !important;
}


#dp_cart_modal_add:active
{
    background:#21663e !important;
}


#dp_cart_modal_add:disabled
{
    border-color:#8eb7a0 !important;

    background:#8eb7a0 !important;

    color:#ffffff !important;

    opacity:.65 !important;

    cursor:default !important;
}


/* ----------------------------------------------------------
   ЛЁГКИЕ ЗЕЛЁНЫЕ АКЦЕНТЫ
   ---------------------------------------------------------- */

#dp_cart_modal_window .dp-cart-modal-price
{
    color:#267648 !important;
}


#dp_cart_modal_window .dp-cart-modal-delivery-value
{
    color:#555555 !important;
}


/* END 4MOTOKZ_CART_MODAL_GREEN_V28 */