/* Plantilla */

:root {
--activacions-catalogue-gray: #EEEEEE;
  --activacions-catalogue-text-color: rgb(67,67,67);
}

#sp-main-body {
  	--padding:20px;
  min-height:0!important;
}

#sp-component, #renderTableForm > .container {
	padding:0!important;
}

#datarender_container {
	margin-top:0!important;
}

.catalogue_zone {
  	--div_separation:15px;
	min-height:10px;
  	background-color:white;
  	margin-bottom:calc(var(--div_separation));
  	padding:var(--div_separation);
  	width:100%;
  border-radius:0.45rem;
  box-shadow:var(--box_shadow_default);
}

#ordering_dropdown_radio {
	display:none!important;
}

.pagination_block {
	margin-top:0!important;
  	margin-bottom:var(--div_separation)!important;
  padding:0!important;
}

:root {
  --section-padding: 26px; /* paddings de secció (body) */
  --footer-height: 42px; /* alçada del footer */
  --filters-separation: 60px; /* margin-bottom de les dues barres superiors de filtre */
  --filters-height: 103px; /* height suma de la zona de filtres superiors (filtre de categories i el cercador de productes) -- s'haurà de canviar */
  --pagination-height:5px; /* altura + margin-bottom del paginador. També s'ha de canviar. Abans del canvi era 52px */
}

#onepage_hikashop_product_catalogue > .tbr_container {
    padding: 4px 8px 4px 0 !important;
}

#datarender-filters-block > .catalogue_zone > .filter-inner-container {
  	overflow-y:scroll;
  overflow-x:hidden;
  	height: calc(100vh - var(--section-padding) - var(--footer-height) - var(--navbar-height) - var(--filters-separation) - var(--filters-height) - var(--filters-height) + 30px)!important;
	margin-right:-15px!important;
}

/* Item */

.tbr_container {
  --row-height:330px;
  --tbr_column_count:2;
  --font-size:13px;
  --font-family: Verdana, Arial, Helvetica, sans-serif !important;
grid-template-columns: repeat(var(--tbr_column_count),1fr)!important;
  grid-auto-rows:var(--row-height)!important;
  font-family:var(--font-family)!important;
  font-size:var(--font-size)!important;
}

/* .product_code {
    --text-color:white;
      display:block;
      line-height:120%;
      background-color: var(--activacions-blue);
      font-size: 16px;
      white-space: nowrap;
      padding:5px;
      font-weight: normal;
      color: var(--text-color);
} */

.tbr_container > .tbr_item {
border:none!important;
  padding:0!important;
}

tbr-item-0 {
width:100%!important;
}

.item_image img {
object-fit:cover;
  object-position:center;
  width:100%;
  height:100%;
}

.product_name{
  --text-color:black;
  color: var(--text-color);
  white-space:nowrap;
  width: 100%;
overflow: hidden;
text-overflow:ellipsis;
}

.pagination_block {
	  display: grid!important;
    border: 0!important;
    row-gap: 15px;
    column-gap: 0;
    grid-template-columns: min-content min-content 1fr;
}

.pagination_block > * {
  margin:0!important;
}

.pagination_block > ul.pagination {
	/* grid-column: 1 / 3; */
  justify-self:flex-end;
}

.pagination_block > ul.pagination > li:first-child {
  margin-left:auto;
}

.pagination_block ul.pagination>li>a{
  font-family:var(--title_font);
border:0!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  font-size: 13px;
  /* color:#616161; */
  color:var(--activacions-blue)!important;
}

ul.pagination li:hover>a{
color:var(--activacions-black)!important;
}

ul.pagination li.active>a{
background-color:var(--activacions-blue)!important;
  color:white!important;
}

.pag_description, .pag_count{
  font-family: var(--title_font);
  padding: 0px;
  vertical-align: middle;
  font-size:15px;
  line-height:120%;
  color:var(--activacions-catalogue-text-color);
  font-weight:400;
}

.pag_description {
  text-align:right;
}

.pag_description > span {
margin-right:4px;
}

/* item */

#item_container .catalogue_zone {
  margin-bottom:0!important;
}

#item_render {
    overflow-y: auto;
    margin-right: -15px;
    height: calc(100vh - 422px);
}

/* Zona de filtres de l'esquerra */

#report_area_zone {
margin-bottom:var(--div_separation)!important;
}

#report_area_zone li{
  background-color:transparent!important;
}

#report_area_zone li > * {
font-size: 13px!important;
}

#report_area_zone li > .pgen_filter_label {
	order:1;
  margin-right:5px!important;
}

#report_area_zone li > .pgen_filter_text {
	order:2;
  color:var(--activacions-catalogue-text-color);
}

#report_area_zone li > .pgen_button {
	order:3;
  margin: 0 !important;
    margin-left: auto !important;
}

h3.datarender_block_title {
border-bottom: 1px solid #d7d7d7;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    padding: 0 0 10px;
  font-style:normal!important;
}

#datarender-filters-block .catalogue_zone {
background-color:var(--activacions-catalogue-gray)!important;
}

.filter-reset_all {
display:flex;
  justify-content:flex-end;
}

.filter-reset_all a.pgen_button {
  font-size: 13px!important;
  padding: 4px 8px!important;
  color:var(--activacions-catalogue-text-color)!important;
  margin:0!important;
}

.filter-slider {
width:100%;
  padding:0px;
  min-height:60px;
}

.filter-slider .range_item {
margin:0 8px!important;
}

#checkbox-mastil {
grid-template-columns:100%!important;
}

.checkbox-container.grid_mode > label {
width:100%;
}

#main_area_zone .filter-box:not(.filter-custom) > h5 {
font-style: normal !important;
  margin:0!important;
    margin-bottom: 10px!important;
  background-color: #e1e1e1;
    border-radius: 2px!important;
    display: inline-block!important;
    font-size: 12px!important;
    letter-spacing: 1px!important;
    padding: 5px 10px 5px!important;
    position: relative;
}

#main_area_zone .filter-box {
margin-bottom: 20px!important;
}

.checkbox-container.with_count_element > label.checkbox-value .count_number {
background-color:var(--activacions-blue)!important;
}

/* searcher */

#product_searcher_zone h5 {
display:none!important;
}

#product_searcher_container > .catalogue_zone {
padding:0!important;
}

#product_searcher_zone {
  display:grid!important;
  grid-template-columns: auto 40px!important;
}

#product_searcher_zone .filter-box.filter-search {
margin:0!important;
}

#product_searcher_zone .filter-box.filter-search .pgen_search_div {
border:0!important;
  display:block!important;
  padding:10.5px!important;
}

#product_searcher_zone .filter-box.filter-search .pgen_search_div > *:not(input[type="text"]) {
display:none;
}

#product_searcher_zone .filter-box.filter-search .pgen_search_div > input[type="text"] {
font-size: 16px!important;
}

.search_button {
    display: grid;
    place-content: center;
    height: 100%;
    width: 100%;
    color: white;
    background-color: var(--activacions-blue);
}

.breadcrumbs_container {
margin:0!important;
}

#breadcrumbs_container .catalogue_zone {
  padding:8px 11px!important;
}

#datarender-filters-block,#product_searcher_container {
padding-right:0!important;
}

.on_datashow_mode .hide_on_datashow, .on_datashow_mode .item_toolbar {
display:none!important;
}

.on_datashow_mode #breadcrumbs_container {
width:100%;
  max-width:100%;
}

.on_datashow_mode #item_render {
  height: calc(100vh - 242px)!important;
}

#enquiry_button_popup .pgen_popup_content{
	border-radius: var(--form_border_radius);
  	background-color:transparent;
}

.pgen_button.pgen_button_gray {
color:black!important;
}

.pgen_button_info {
background-color:var(--activacions-blue)!important;
}

#sp-main-body {
background-color:var(--activacions-lightgray)!important;
}

.search_button {
  color:white!important;
  cursor:pointer;
}

.enquiry_form_container {
    padding: 20px!important;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.enquiry_form_block.block_1 {
padding-right:20px;
}

.enquiry_form_block.block_2 {
padding-left:20px;
  border-left:2px solid var(--activacions-white);
}

#c0mm3nt {
resize:none!important;
}

.enquiry_intro_text {
font-family:var(--title_font);
  font-size:43px!important;
    color:var(--activacions-white);
  line-height: 110%;
    font-weight: 700;
  margin:0!important;
}

.enquiry_form_block .pgen_input > label:first-of-type {
color:white!important;
  font-family:var(--title_font);
  font-weight: 700;
  font-size:20px;
}

#c0mm3nt_container p {
display:none!important;
}

#report_area_zone {
position:relative;
}

#report_area_zone .pgen_button.pgen_button_gray {
  position:absolute;
  right:8px;
  top:-8px;
}

.tbr_container > .tbr_item {
background-color:white!important;
}

/* responsive */

@media (max-width:992px) {
  .tbr_container {
    --tbr_column_count:1;
  }
}