/* Facet field all */
.facet {
  position: relative;
  width: 100%;
  max-width: 100vw;
}

.facet .field {
  box-sizing: border-box;
  display: flex;
  width: 100%;
}

/* Boxed theme (facet in top search bar) */
.facet.boxed .field {
  background-color: white;
  border: none;
  border-radius: 3px;
}

/* Inline theme (facet in top search bar) */
.facet.inline .field {
  border: 1px solid #dddbf2;
  padding-left: 16px;
  border-radius: 3px;
}

.facet .pretext {
  border: 0;
  background: 0;
  flex: 1;
  align-items: center;
  padding: 8px 8px 8px 5px;
  font-size: 14px;
  height: 100%;
}

.facet.inline .pretext {
  font-size: 13px;
}

.facet input {
  border: 0;
  background: 0;
  flex: 1;
  align-items: center;
  padding: 12px 8px 12px 0px !important;
  font-size: 14px;
  width: 100%;
}
.facet input::placeholder {
  color: #5B5B6B;
  opacity: 1; /* Firefox */
}

.facet.inline input {
  font-size: 13px;
}

.facet input:focus {
  border: 0;
  outline: 0;
}

.facet .controls {
  min-height: 24px;
  min-width: 36px;
  display: block;
  flex: initial;
  position: relative;
}

.facet .control {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f6f8fe;
  height: 100%;
  min-width: 36px;
  display: flex;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  position: absolute;
}
.facet .control:hover {
  background-color: #F1F5FE;
}

.facet .clear {
  background-image: url('../assets/clear.svg');
  z-index: 2;
}

.facet .arrow-down {
  background-image: url('../assets/arrow-down.svg');
}

.facet .arrow-up {
  background-image: url('../assets/arrow-up.svg');
}

.facet .icon {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  min-height: 24px;
  min-width: 36px;
  flex: initial;
}
.facet.inline .icon {
  display: none;
}

.facet.search .icon {
  background-image: url('../assets/search.svg');
}

.facet.location .icon {
  background-image: url('../assets/pin.svg');
}

.facet.date .icon {
  background-image: url('../assets/calendar.svg');
}
.facet.obor .icon {
  background-image: url('../assets/kufr.svg');
}
.facet.lekar .icon {
  background-image: url('../assets/lekar.svg');
}

/* Facet dropdown */
.dropdown {
  width: 100%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  background: white;
  border-radius: 3px;
  position: absolute;
  z-index: 100;
  margin-top: 2px;
  max-height: 400px;
  overflow-y: auto;
}

.dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  font-size: 14px;
}
.facet.inline .dropdown ul {
  font-size: 13px;
}

.dropdown li {
  padding: 7px 10px 7px 36px;
  color: black;
  display: block;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  cursor: pointer;
}

.facet.inline .dropdown li {
  padding: 7px 10px 7px 10px;
  background-image: none !important;
}

.dropdown li:hover,
.dropdown li:active {
  background-color: #F6F8FE;
}


.dropdown li.specializace, 
.dropdown li.obor {
  background-image: url('../assets/kufr.svg');
}

.dropdown li.kraj,
.dropdown li.okres {
  background-image: url('../assets/pin.svg');
}

.dropdown li.lekar,
.dropdown li.typ-pracovni-pozice {
  background-image: url('../assets/lekar.svg');
}

.dropdown li.kniha {
  background-image: url('../assets/kniha.svg');
}

.dropdown li.casopis {
  background-image: url('../assets/casopis.svg');
}

.dropdown li.aplikace {
  background-image: url('../assets/aplikace.svg');
}
.dropdown li.datum {
  background-image: url('../assets/calendar.svg');
}


.dropdown .meta {
  font-size: 12px;
  color: #5b5b6b;
  display: block;
}

.dropdown .message {
  padding: 10px;
  font-size: 12px;
  color: #5b5b6b;
}

/* Hodnoceni formular */
div.hodnoceni {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 16px 0 32px 0;
}

.hodnoceni [type=radio] {
  position: absolute;
  opacity: 0;
}
.hodnoceni [type=radio] + img {
  padding: 12px;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  height: 48px;
  width: 48px;
  display: block;
  cursor: pointer;
  box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.07);
}

.hodnoceni [type=radio]:checked + img {
  background-color: #8B50FC;
}
.hodnoceni [type=radio]:checked + img {
  background-color: #8B50FC;
}
.but-hodnoceni {
  font-family: Inter, sans-serif;
  font-weight: bold;
  border-radius: 3px;
}

form.hodnoceni input.jmeno {
  display: none;
}