/*
-------------------------------------------
wf-page-feedback.css
-------------------------------------------

  Beskrivning: Stilregler för Återkopplingsmodulen
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Återkopplingsmodulen
------------------------------------------- */

.sv-marketplace-limepark-page-feedback .lp-page-feedback {
  margin-top: var(--wf-spacing-120);
  margin-bottom: var(--wf-spacing-40);
  background-color: var(--june-ros-50);
  padding: var(--wf-spacing-20) var(--wf-spacing-40);
}

.sv-marketplace-limepark-page-feedback .lp-page-feedback__question {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--wf-spacing-20);
}

.sv-marketplace-limepark-page-feedback .lp-page-feedback__question {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--wf-spacing-20);
}

.sv-marketplace-limepark-page-feedback .env-text,
.sv-marketplace-limepark-page-feedback .env-button--small {
  color: var(--june-ljung);
  font-family: var(--wf-heading-font);
  font-weight: bold;
}

.sv-marketplace-limepark-page-feedback .env-button--small {
  border: 2px solid var(--june-ljung);
  background-color: transparent;
  margin: 0 !important;
}

.sv-marketplace-limepark-page-feedback .env-button--small::before {
  content: '';
  background-repeat: no-repeat;
  background-size: 100%;
  flex-shrink: 0;
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: .5em;
  background-image: var(--wf-icon-info-212121);
}


.sv-marketplace-limepark-page-feedback .env-button--small[value="yes"]::before {
  background-image: var(--wf-icon-thumbs-up-ljung);
}

.sv-marketplace-limepark-page-feedback .env-button--small[value="no"]::before {
  background-image: var(--wf-icon-thumbs-down-ljung);
}

.sv-marketplace-limepark-page-feedback .env-form label {
  margin-bottom: .5em;
}

.sv-marketplace-limepark-page-feedback textarea.env-form-input {
  background-color: #fff;
}


/* Hover */
.sv-marketplace-limepark-page-feedback .env-button--small:hover {
  background-color: var(--env-element-secondary-background-color);
}