.elementor-255 .elementor-element.elementor-element-e3c9f76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-255 .elementor-element.elementor-element-e3c9f76:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-e3c9f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mroos.se/wp-content/uploads/sites/100/2025/03/white-painted-wall-texture-background-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-255 .elementor-element.elementor-element-e3c9f76::before, .elementor-255 .elementor-element.elementor-element-e3c9f76 > .elementor-background-video-container::before, .elementor-255 .elementor-element.elementor-element-e3c9f76 > .e-con-inner > .elementor-background-video-container::before, .elementor-255 .elementor-element.elementor-element-e3c9f76 > .elementor-background-slideshow::before, .elementor-255 .elementor-element.elementor-element-e3c9f76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-255 .elementor-element.elementor-element-e3c9f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%);}.elementor-255 .elementor-element.elementor-element-793e14c{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-255 .elementor-element.elementor-element-793e14c:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-793e14c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-08624fd );}.elementor-255 .elementor-element.elementor-element-a7ec860 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-255 .elementor-element.elementor-element-a7ec860 .elementor-icon-box-wrapper{text-align:start;}.elementor-255 .elementor-element.elementor-element-f852f05{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-255 .elementor-element.elementor-element-f852f05:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-f852f05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://mroos.se/wp-content/uploads/sites/100/2025/03/solid-painted-concrete-wall-textured-background.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-255 .elementor-element.elementor-element-dd3bab3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-f791a7c .elementor-heading-title{font-weight:bold;text-transform:uppercase;color:var( --e-global-color-81155aa );}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-255 .elementor-element.elementor-element-f38aafa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-item > a{font-size:14px;}.elementor-255 .elementor-element.elementor-element-f38aafa .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-255 .elementor-element.elementor-element-3df7872{text-align:start;}.elementor-255 .elementor-element.elementor-element-3df7872 img{width:200px;}.elementor-255 .elementor-element.elementor-element-6518829{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-cfc47c7 .elementor-heading-title{font-weight:bold;text-transform:uppercase;color:var( --e-global-color-81155aa );}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-icon i{color:var( --e-global-color-08624fd );transition:color 0.3s;}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-icon svg{fill:var( --e-global-color-08624fd );transition:fill 0.3s;}.elementor-255 .elementor-element.elementor-element-43a25ba{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-item > a{font-size:14px;}.elementor-255 .elementor-element.elementor-element-43a25ba .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-255 .elementor-element.elementor-element-4c59537{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-255 .elementor-element.elementor-element-4c59537 .elementor-widget-container{text-align:left;}.elementor-255 .elementor-element.elementor-element-4c59537 .elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-255 .elementor-element.elementor-element-e248318{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-255 .elementor-element.elementor-element-f852f05{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-255 .elementor-element.elementor-element-f791a7c{text-align:center;}.elementor-255 .elementor-element.elementor-element-cfc47c7{text-align:center;}.elementor-255 .elementor-element.elementor-element-4c59537 .elementor-widget-container{text-align:center;}}@media(max-width:767px){.elementor-255 .elementor-element.elementor-element-e3c9f76{--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-255 .elementor-element.elementor-element-f852f05{--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-255 .elementor-element.elementor-element-dd3bab3{--width:33%;}.elementor-255 .elementor-element.elementor-element-6518829{--width:33%;}.elementor-255 .elementor-element.elementor-element-e248318{--width:33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-255 .elementor-element.elementor-element-dd3bab3{--width:100%;}.elementor-255 .elementor-element.elementor-element-6518829{--width:100%;}.elementor-255 .elementor-element.elementor-element-e248318{--width:100%;}}@media(min-width:1025px){.elementor-255 .elementor-element.elementor-element-e3c9f76:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-e3c9f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-255 .elementor-element.elementor-element-f852f05:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-f852f05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for wpforms, class: .elementor-element-5e4fbd4 *//* ===========================================================
   WPForms – Full Width + MRooS Brand Styling (Compact Spacing)
   Uppdaterad färgpalett (matchar din nya sida):
   - Accent/CTA (el-orange): #F59E0B
   - Dark (grafit):         #1C1F23
   - Deep (kall mörk):      #0F172A
   - Light bg:              #F4F6F8
   - Border:                #D1D5DB
   - White:                 #FFFFFF
   =========================================================== */

/* ---------- CSS-variabler (lätt att byta färg på hela formuläret) ---------- */
:root {
  --mr-accent: #F59E0B;
  --mr-accent-hover: #D97706;
  --mr-dark: #1C1F23;
  --mr-deep: #0F172A;
  --mr-bg: #F4F6F8;
  --mr-border: #D1D5DB;
  --mr-white: #FFFFFF;
  --mr-text: #111827;

  /* skuggor */
  --mr-shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.12);
  --mr-shadow-hover: 0 22px 60px rgba(15, 23, 42, 0.18);
  --mr-focus-ring: 0 0 0 3px rgba(245, 158, 11, 0.28);
}

/* Ta bort maxbredd */
.wpforms-container-full .wpforms-form,
.wpforms-form {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Fältcontainer */
.wpforms-field-container {
  width: 100% !important;
}

/* Mindre glapp mellan fälten */
.wpforms-container-full .wpforms-form .wpforms-field {
  margin-bottom: 14px !important;
}

/* Labels */
.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.wpforms-container-full .wpforms-form .wpforms-field legend {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--mr-deep) !important;
  margin-bottom: 6px !important;
}

/* Required-asterisk */
.wpforms-required-label {
  color: var(--mr-accent) !important;
}

/* Inputs */
.wpforms-container-full .wpforms-form input[type="text"],
.wpforms-container-full .wpforms-form input[type="email"],
.wpforms-container-full .wpforms-form input[type="tel"],
.wpforms-container-full .wpforms-form input[type="number"],
.wpforms-container-full .wpforms-form textarea,
.wpforms-container-full .wpforms-form select {
  width: 100% !important;
  background: var(--mr-white) !important;
  border: 2px solid var(--mr-border) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  color: var(--mr-text) !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
}

/* Placeholder (lite mjukare) */
.wpforms-container-full .wpforms-form input::placeholder,
.wpforms-container-full .wpforms-form textarea::placeholder {
  color: rgba(17, 24, 39, 0.55) !important;
}

/* Fokus */
.wpforms-container-full .wpforms-form input:focus,
.wpforms-container-full .wpforms-form textarea:focus,
.wpforms-container-full .wpforms-form select:focus {
  border-color: var(--mr-accent) !important;
  background: var(--mr-bg) !important;
  box-shadow: var(--mr-focus-ring) !important;
  outline: none !important;
}

/* Textarea */
.wpforms-container-full .wpforms-form textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

/* ------------------------------------------------------------
   Choices.js Styling
------------------------------------------------------------ */

/* Rutan */
.choices__inner {
  background: var(--mr-white) !important;
  border-radius: 14px !important;
  border: 2px solid var(--mr-border) !important;
  padding: 12px 16px !important;
  min-height: 55px !important;
  font-size: 16px !important;
  color: var(--mr-text) !important;
}

/* Dropdown */
.choices__list--dropdown {
  border-radius: 14px !important;
  border: 2px solid var(--mr-accent) !important;
  box-shadow: var(--mr-shadow-soft) !important;
  background: var(--mr-white) !important;
}

/* Highlight (tangent/fokus i listan) */
.choices__item--selectable.is-highlighted,
.choices__list--dropdown .choices__item--choice.is-highlighted {
  background-color: var(--mr-accent) !important;
  color: var(--mr-deep) !important;
}

/* Hover i dropdown */
.choices__list--dropdown .choices__item--choice:hover {
  background: rgba(245, 158, 11, 0.18) !important;
  color: var(--mr-deep) !important;
}

/* Focus ring */
.choices__inner.is-focused,
.choices.is-open .choices__inner {
  border-color: var(--mr-accent) !important;
  box-shadow: var(--mr-focus-ring) !important;
}

/* ------------------------------------------------------------
   Radio & Checkbox
------------------------------------------------------------ */
.wpforms-container-full .wpforms-field input[type="radio"],
.wpforms-container-full .wpforms-field input[type="checkbox"] {
  accent-color: var(--mr-accent) !important;
  width: 18px !important;
  height: 18px !important;
}

/* ------------------------------------------------------------
   Submit-knapp
------------------------------------------------------------ */
.wpforms-container-full .wpforms-form .wpforms-submit {
  width: 100% !important;
  background: var(--mr-accent) !important;
  color: var(--mr-deep) !important;
  border: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 18px 22px !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 10px 28px rgba(245, 158, 11, 0.30) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* Hover */
.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  background: var(--mr-accent-hover) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(245, 158, 11, 0.38) !important;
}

/* Focus (tangentbord) */
.wpforms-container-full .wpforms-form .wpforms-submit:focus {
  outline: none !important;
  box-shadow: var(--mr-focus-ring), 0 15px 35px rgba(245, 158, 11, 0.30) !important;
}

/* Extra fix */
#wpforms-submit-2104 {
  line-height: 1 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Disabled */
.wpforms-container-full .wpforms-form .wpforms-submit:disabled {
  opacity: 0.55 !important;
  transform: none !important;
  cursor: not-allowed !important;
}

/* ------------------------------------------------------------
   Felmeddelanden
------------------------------------------------------------ */
.wpforms-error {
  color: #B45309 !important; /* mörkare orange för bättre läsbarhet */
  font-size: 15px !important;
  margin-top: 6px !important;
}

.wpforms-container-full .wpforms-form input.wpforms-error,
.wpforms-container-full .wpforms-form textarea.wpforms-error,
.wpforms-container-full .wpforms-form select.wpforms-error {
  border-color: #B45309 !important;
  background: rgba(245, 158, 11, 0.12) !important;
}

/* ------------------------------------------------------------
   Mobilanpassning
------------------------------------------------------------ */
@media (max-width: 768px) {
  .wpforms-field {
    margin-bottom: 12px !important;
  }

  .wpforms-container-full .wpforms-form .wpforms-field-label,
  .wpforms-container-full .wpforms-form .wpforms-field-label-inline,
  .wpforms-container-full .wpforms-form .wpforms-field legend {
    font-size: 16px !important;
  }

  .wpforms-container-full .wpforms-form input[type="text"],
  .wpforms-container-full .wpforms-form input[type="email"],
  .wpforms-container-full .wpforms-form input[type="tel"],
  .wpforms-container-full .wpforms-form input[type="number"],
  .wpforms-container-full .wpforms-form textarea,
  .wpforms-container-full .wpforms-form select {
    padding: 14px 16px !important;
  }
}/* End custom CSS */