.elementor-1546 .elementor-element.elementor-element-b64cda0{--display:flex;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group > label{font-weight:500;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-type-html{padding-bottom:0px;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1546 .elementor-element.elementor-element-6690da9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group > label{font-size:16px;}}/* Start custom CSS for form, class: .elementor-element-6690da9 *//* Ikon-kort för checkboxfältet "message" */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-subgroup{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* Varje alternativ */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option{
  position: relative;
  margin: 0;
  padding: 0;
}

/* Göm själva checkboxen men behåll tillgänglighet */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Kortet (labeln) */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option label{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 120px;
  width: 100%;
  padding: 18px 14px;

  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;

  cursor: pointer;
  user-select: none;

  font-weight: 600;
  color: #1b1b1b;
  text-align: center;
}

/* Ikonen */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option label::before{
  content: "";
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}

/* Sätt rätt ikon per val */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message #form-field-message-0 + label::before{
  background-image: url("https://henrikssonmaleri.se/wp-content/uploads/2025/05/paint-bucket-with-label.svg");
}
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message #form-field-message-1 + label::before{
  background-image: url("https://henrikssonmaleri.se/wp-content/uploads/2025/05/wallpaper-roll-1.svg");
}
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message #form-field-message-2 + label::before{
  background-image: url("https://henrikssonmaleri.se/wp-content/uploads/2025/05/window.svg");
}

/* Hover */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option label:hover{
  border-color: #cfcfcf;
}

/* Vald (checked) */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option input[type="checkbox"]:checked + label{
  background: var(--e-global-color-secondary, #f08c8c);
  border-color: var(--e-global-color-secondary, #f08c8c);
  color: #fff;
}

/* Fokus (tangentbord) */
.elementor-1546 .elementor-element.elementor-element-6690da9 .elementor-field-group-message .elementor-field-option input[type="checkbox"]:focus-visible + label{
  outline: 2px solid #111;
  outline-offset: 3px;
}
/* Mindre text i korten */
.elementor-1546 .elementor-element.elementor-element-6690da9 
.elementor-field-group-message 
.elementor-field-option label{
  font-size: 14px;
  line-height: 1.2;
}

/* Mobil: behåll 3 kolumner */
@media (max-width: 767px){
  .elementor-1546 .elementor-element.elementor-element-6690da9 
  .elementor-field-group-message 
  .elementor-field-subgroup{
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .elementor-1546 .elementor-element.elementor-element-6690da9 
  .elementor-field-group-message 
  .elementor-field-option label{
    min-height: 88px;
    padding: 12px 8px;
    font-size: 13px;
  }

  .elementor-1546 .elementor-element.elementor-element-6690da9 
  .elementor-field-group-message 
  .elementor-field-option label::before{
    width: 36px;
    height: 36px;
  }
}

/* Gör ikonerna vita när alternativet är valt */
.elementor-1546 .elementor-element.elementor-element-6690da9 
.elementor-field-group-message 
.elementor-field-option 
input[type="checkbox"]:checked + label::before{
  filter: brightness(0) invert(1);
}/* End custom CSS */