/*
 * Fix vizual pentru controale UI care depind de icon font-uri.
 * Aplicat in child themes pentru depozituldecruci.ro si marmolux.ro.
 * Nu sterge FontAwesome; face grid/list si quantity arrows independente de font.
 */

/* Grid / list view buttons in category, search and product listing toolbars */
.products-sort-view [data-button-action="change-list-view"],
.products-sort-view .js-search-link,
.products-selection [data-button-action="change-list-view"],
.products-selection .js-search-link,
#js-product-list-top [data-button-action="change-list-view"],
#js-product-list-top .js-search-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  min-height: 34px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.products-sort-view [data-button-action="change-list-view"] i,
.products-sort-view .js-search-link i,
.products-selection [data-button-action="change-list-view"] i,
.products-selection .js-search-link i,
#js-product-list-top [data-button-action="change-list-view"] i,
#js-product-list-top .js-search-link i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.products-sort-view .fa-th-large::before,
.products-sort-view .fa-grip::before,
.products-sort-view .fa-grip-horizontal::before,
.products-selection .fa-th-large::before,
.products-selection .fa-grip::before,
.products-selection .fa-grip-horizontal::before,
#js-product-list-top .fa-th-large::before,
#js-product-list-top .fa-grip::before,
#js-product-list-top .fa-grip-horizontal::before {
  content: "▦" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  line-height: 22px !important;
}

.products-sort-view .fa-list::before,
.products-selection .fa-list::before,
#js-product-list-top .fa-list::before {
  content: "☰" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  line-height: 22px !important;
}

/* Pagination arrows / toolbar arrows: fallback when FontAwesome glyphs are missing */
.pagination .fa,
.pagination .fa-solid,
.pagination i,
.page-list .fa,
.page-list .fa-solid,
.page-list i,
.products-sort-order .fa,
.products-sort-order .fa-solid,
.products-sort-order i,
#js-product-list-top .fa-angle-left,
#js-product-list-top .fa-angle-right,
#js-product-list-top .fa-chevron-left,
#js-product-list-top .fa-chevron-right {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.pagination .fa-angle-left::before,
.pagination .fa-chevron-left::before,
.pagination .fa-long-arrow-left::before,
.page-list .fa-angle-left::before,
.page-list .fa-chevron-left::before,
.page-list .fa-long-arrow-left::before,
#js-product-list-top .fa-angle-left::before,
#js-product-list-top .fa-chevron-left::before {
  content: "‹" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.pagination .fa-angle-right::before,
.pagination .fa-chevron-right::before,
.pagination .fa-long-arrow-right::before,
.page-list .fa-angle-right::before,
.page-list .fa-chevron-right::before,
.page-list .fa-long-arrow-right::before,
#js-product-list-top .fa-angle-right::before,
#js-product-list-top .fa-chevron-right::before {
  content: "›" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.products-sort-order .fa-angle-down::before,
.products-sort-order .fa-chevron-down::before,
#js-product-list-top .fa-angle-down::before,
#js-product-list-top .fa-chevron-down::before {
  content: "⌄" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Quantity arrows: product page, cart, side cart, quick view, accessories modules */
.bootstrap-touchspin .input-group-btn-vertical,
.bootstrap-touchspin .input-group-btn-vertical .btn,
.bootstrap-touchspin .btn-touchspin,
.js-touchspin.bootstrap-touchspin-up,
.js-touchspin.bootstrap-touchspin-down,
.js-increase-product-quantity,
.js-decrease-product-quantity,
.ma_block_qty_vertical,
.ma_block_qty_vertical .btn-touchspin {
  visibility: visible !important;
  opacity: 1 !important;
}

.bootstrap-touchspin .input-group-btn-vertical .btn,
.bootstrap-touchspin .btn-touchspin,
.ma_block_qty_vertical .btn-touchspin {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  min-height: 18px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.bootstrap-touchspin .input-group-btn-vertical .btn i,
.bootstrap-touchspin .btn-touchspin i,
.bootstrap-touchspin .touchspin-up,
.bootstrap-touchspin .touchspin-down,
.ma_block_qty_vertical .btn-touchspin i,
.ma_block_qty_vertical .touchspin-up,
.ma_block_qty_vertical .touchspin-down,
.hsma-qty-arrow {
  display: none !important;
}

.bootstrap-touchspin-up::before,
.js-increase-product-quantity::before,
.ma_block_qty_vertical .bootstrap-touchspin-up::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 6px solid currentColor !important;
}

.bootstrap-touchspin-down::before,
.js-decrease-product-quantity::before,
.ma_block_qty_vertical .bootstrap-touchspin-down::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid currentColor !important;
}

.bootstrap-touchspin-up,
.bootstrap-touchspin-down,
.js-increase-product-quantity,
.js-decrease-product-quantity {
  color: inherit !important;
}