/* ==========================================================================
   WOO FACETWP
   ========================================================================== */		
.facetwp-facet {
  margin-bottom: 6.593%	 !important;
}

.facetwp-selections ul {
		padding-left: 0px !important;
		padding-bottom: 6px;
	}		
.facetwp-selections ul .facetwp-selection-label	{
	display: none;
}
.facetwp-selections .selections-label {
	padding-bottom: 6px !important;
	font-weight: 700;
}	
.facetwp-selections .facetwp-selection-value {
  position: relative;
  background-image: none !important;
  padding: 8px 35px 8px 15px !important;
  background-color: var(--od-wc-white-bg, #ffffff);
  border-radius: var(--od-wc-border-radius-tiny, 4px);

}
	
	
.facetwp-selections .facetwp-selection-value::after {
  -moz-osx-font-smoothing: grayscale;
  color: var(--od-wc-stand-out-color);
  content: "\e051";
  font-family: "ETmodules";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-left: -0.5em;
  opacity: 1;
  padding-left: 0.5em;
  position: absolute;
  text-transform: none;
  transition: all 0.2s ease 0s;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}	
.od-facet-page-count .et_pb_code_inner{
	height: 28px;
}	
.facetwp-facet-page_numbers {
	margin-bottom: 0px !important;
}	
.facetwp-pager {
/*	text-align: center;*/
}

a.facetwp-page.active {
    color: var(--od-wc-stand-out-color);
}
.facetwp-page.active {
    font-weight: bold;
    cursor: default;
}
a.facetwp-page {
    color: var(--od-wc-dimmed-color);
	font-weight: 500;
}
.facetwp-page {
    display: inline-block;
    padding: 0px 4px;
    margin-right: 6px;
    cursor: pointer;
}
.facetwp-page {
    border: 1px solid #aaaaaa;
    padding: 6px 9px !important;
    line-height: 1;
    border-radius: var(--od-wc-border-radius-tiny, 4px);
    text-decoration: none;
    background-color: var(--od-wc-white-bg, #ffffff);
}
.facetwp-page {
    display: inline-block;
    padding: 0px 4px;
    margin-right: 6px;
    cursor: pointer;
}		
.facetwp-facet-load_more {
	text-align: center;
}

.facetwp-facet-load_more .facetwp-load-more {
	 background-color: var(--od-wc-white-bg, #ffffff);
	 border-radius: var(--od-wc-border-radius-pill, 999em);
	 padding: 12px 18px !important;
	border: 1px solid #aaaaaa;
	transition: all 0.2s;
	font-weight: 500;
}
.facetwp-facet-load_more .facetwp-load-more:hover {
	cursor: pointer;
	 padding: 12px 28px !important;
}

.facetwp-facet-result_counts {
	text-align: right;
	margin-bottom: 0px !important;
	position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}		
	
/* Tooltip container */
.facetwp-facet-color_facet_filter .facetwp-color[data-tooltip] {
    position: relative;
    overflow: visible !important; /* ensures arrow is not clipped */
}

/* Tooltip bubble */
.facetwp-facet-color_facet_filter .facetwp-color[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 160%;               /* increased from 150% */
    left: 50%;
    transform: translateX(-50%);

    background: rgba(0, 0, 0, 0.85);
    color: var(--od-wc-negative-color);
    padding: 4px 8px;
    font-size: 11px;
    border-radius: var(--od-wc-border-radius-tiny, 4px);
    white-space: nowrap;
    line-height: 1.2;

    z-index: 999999;            /* very high to stay above everything */
    pointer-events: none;
}

/* Tooltip arrow */
.facetwp-facet-color_facet_filter .facetwp-color[data-tooltip]:hover::before {
    content: "";
    position: absolute;
    bottom: 147%;               /* arrow sits right under bubble */
    left: 50%;
    transform: translateX(-50%);

    width: 0;
    height: 0;

    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.85);

    z-index: 999999;
    pointer-events: none;
}

	
/* Limit to your specific color facet if you want (replace "filter-color" with your facet name if needed) */
/* .facetwp-facet-filter-color .facetwp-color[data-value="flerfarget"] { ... } */

.facetwp-facet-color_facet_filter .facetwp-color[data-value="flerfarget"] {
/*    background: linear-gradient(
        45deg,
        rgb(189, 195, 199) 49%,
        rgb(0, 0, 0) 51%
    ) !important;*/
/*
background: linear-gradient(0deg, rgba(42, 123, 155, 1) 33%, rgba(87, 199, 133, 1) 33%, rgba(87, 199, 133, 1) 67%, rgba(237, 221, 83, 1) 67%) !important;	*/



background: linear-gradient(90deg, rgba(0, 0, 0, 1) 33%, rgba(153, 0, 0, 1) 33%, rgba(153, 0, 0, 1) 66%, rgba(31, 136, 222, 1) 66%) !important;	
	
	
	}
.facetwp-facet-color_facet_filter .facetwp-color[data-value="transparent"] {
    background: linear-gradient(
                45deg,
                #ffffff 0%,
                #ffffff 44%,
                #ff0000 45%,
                #ff0000 55%,
                #ffffff 56%,
                #ffffff 100%
            ) !important;
	
}