/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/App/App.scss ***!
  \*****************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ### FÄRGER ### */
/* ### AVSTÅND ### */
/* ### FONTER ### */
/* ### FONTER ### */
:root {
  --icon-width: var(--env-spacing-xxxx-large);
}

.EuJ3nCGazS55_FB1FZqc {
  width: 100%;
  background-color: var(--mv-blue-150);
  box-sizing: border-box;
}

.mv-overlay.idwBTn9ecv1wWir5CO_y {
  background-color: transparent;
}

.xh9o2oDXLiH2fqPpCkFz {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(100% - 2 * var(--env-spacing-medium));
  display: flex;
  justify-self: center;
  margin: 2rem 0; /* bara vertikalt; själva blå bakgrunden ligger i .searchHeader */
}
@media (min-width: 768px) {
  .xh9o2oDXLiH2fqPpCkFz {
    max-width: 40rem; /* krav: maxbredd 40rem */
  }
}

/* Blå bandet bakom sökfältet */
/* box som förankrar input + dropdown */
.Mv7SAjoDtbkkMQRNUt41 {
  box-sizing: border-box;
  width: 100%;
  position: relative; /* anchor för dropdown */
  background: var(--mv-white);
}
.Mv7SAjoDtbkkMQRNUt41:focus-within {
  box-shadow: inset 0 0 0 1px var(--mv-white), inset 0 0 0 2px var(--mv-black);
  outline: none;
}

/* bara input-raden (ingen knapp bredvid)  */
.o4PFAGWOevWrXgB7Bt2Z {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  position: relative;
  border: 0;
  background: transparent;
}
.o4PFAGWOevWrXgB7Bt2Z i {
  position: absolute;
  left: var(--env-spacing-medium);
  top: 50%;
  transform: translateY(-50%);
  color: var(--mv-black);
  pointer-events: none; /* så man kan klicka i inputen */
}
.o4PFAGWOevWrXgB7Bt2Z input {
  padding-left: var(--icon-width);
  height: 3rem;
  font-size: 1rem;
  color: var(--mv-black);
  border: 0;
  box-sizing: border-box;
}
.o4PFAGWOevWrXgB7Bt2Z input:focus, .o4PFAGWOevWrXgB7Bt2Z input:focus-visible {
  box-shadow: inset 0 0 0 1px var(--mv-white), inset 0 0 0 2px rgba(0, 0, 0, 0.45);
  outline: none;
}

/* Dropdown (vit låda ovanpå blått band) */
.i2QGAckuY3GXLHtR7Pax {
  background: var(--mv-white);
  border-top: 1px solid rgba(20, 60, 80, 0.2);
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 1px); /* 1px gap mot input, enligt krav #5 */
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

/* rubrik i dropdown */
.AjUQDjxLRlUKC5Tc54Hw {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  position: relative;
  border: 0;
  background: transparent;
}
.AjUQDjxLRlUKC5Tc54Hw i {
  display: none;
}
@media (min-width: 768px) {
  .AjUQDjxLRlUKC5Tc54Hw i {
    display: block;
    position: absolute;
    left: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mv-black);
  }
}
.AjUQDjxLRlUKC5Tc54Hw > div {
  font-family: var(--env-font-family);
  font-size: 1rem;
  font-weight: 600;
  color: var(--mv-black);
  padding: var(--env-spacing-large) var(--env-spacing-medium);
}
@media (min-width: 768px) {
  .AjUQDjxLRlUKC5Tc54Hw > div {
    padding: var(--env-spacing-large) var(--icon-width);
  }
}

/* lista i dropdown */
.s3JYeghpjJ6qESFFBE9N {
  display: flex;
  gap: var(--env-spacing-small);
  list-style: none;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/* varje resultatrad - vänsterlinjeras med input textstart */
.zrrKBDL6mFyXfWhEJwLH {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 var(--env-spacing-medium);
}
@media (min-width: 768px) {
  .zrrKBDL6mFyXfWhEJwLH {
    padding: 0 var(--icon-width);
  }
}

.zrrKBDL6mFyXfWhEJwLH a {
  color: var(--env-link-font-color);
  text-decoration: underline;
  text-underline-offset: 2px;
  display: block;
  width: 100%;
  line-height: 1.5rem;
}

.CGXDEZnk2KEAfJyl8lmT {
  display: inline-block;
  gap: 10px;
  align-items: baseline;
}

.CGXDEZnk2KEAfJyl8lmT:focus-visible {
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
  outline: 2px solid #202330;
  outline-offset: 2px;
}

/* Actions-låda längst ner i dropdown (Sök-knapp) */
.eOojoQC2axznOCGhgVwe {
  display: flex;
  justify-content: flex-start; /* vänsterjusterad krav #10 */
  gap: 0;
  padding: var(--env-spacing-xxx-large) var(--env-spacing-medium) 2.25rem;
}
@media (min-width: 768px) {
  .eOojoQC2axznOCGhgVwe {
    padding: var(--env-spacing-xxx-large) var(--icon-width) 2.25rem;
  }
}

/* Respons: i större brytpunkter kanske ni vill vänsterjustera boxen i layouten */
/* Exempelvis: på desktop flytta searchBox så det ligger i gridens vänsterkant */