/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ================================
   МОБИЛЬНАЯ КНОПКА "ФІЛЬТР" (категория)
================================ */

@media (max-width: 768px) {

  .page-category .js-search-filters-open,
  .page-category #search_filter_toggler,
  .page-category .faceted-search-btn,
  .page-category .btn-filter,
  .page-category .filter-button,
  .page-category .container .row:first-of-type .btn:first-of-type {

    border-radius: 5px !important;
    background-color: #009b3a !important; /* зелёный */
    border-color: #009b3a !important;
    color: #ffffff !important;
  }
}


/* ================================
   КНОПКА "У КОШИК" (карточка товара)
================================ */

.page-product .product-add-to-cart .btn,
.page-product .product-add-to-cart button,
.page-product #add-to-cart {
  background-color: #009b3a !important;
  border-color: #009b3a !important;
  color: #ffffff !important;
  border-radius: 5px !important;
}

/* Hover / active */
.page-product .product-add-to-cart .btn:hover,
.page-product .product-add-to-cart .btn:active,
.page-product .product-add-to-cart .btn:focus,
.page-product #add-to-cart:hover,
.page-product #add-to-cart:active,
.page-product #add-to-cart:focus {
  background-color: #007f30 !important;
  border-color: #007f30 !important;
  color: #ffffff !important;
}


/* ================================
   КНОПКА КОРЗИНЫ В ШАПКЕ (header cart)
   Цель: не чёрная, а серая + скругление
================================ */

/* Главная кнопка по ID (самый надёжный якорь) */
#ps-shoppingcart-wrapper #blockcart a#cart-toogle {
  background-color: #e0e0e0 !important;
  border-radius: 14px !important;
  padding: 8px 14px !important;
  color: #222 !important;
}

/* Текст + иконка внутри */
#ps-shoppingcart-wrapper #blockcart a#cart-toogle *,
#ps-shoppingcart-wrapper #blockcart a#cart-toogle i {
  color: #222 !important;
}

/* Hover */
#ps-shoppingcart-wrapper #blockcart a#cart-toogle:hover {
  background-color: #d5d5d5 !important;
}

/* Если тема рисует фон/рамку через псевдоэлементы */
#ps-shoppingcart-wrapper #blockcart a#cart-toogle::before,
#ps-shoppingcart-wrapper #blockcart a#cart-toogle::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

#ps-shoppingcart-wrapper #blockcart {
  background: transparent !important;
}