.elementor-1192 .elementor-element.elementor-element-5141cb6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:9;}.elementor-1192 .elementor-element.elementor-element-f8d4e1a{width:var( --container-widget-width, 23.201% );max-width:23.201%;--container-widget-width:23.201%;--container-widget-flex-grow:0;text-align:start;}.elementor-1192 .elementor-element.elementor-element-f8d4e1a.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1192 .elementor-element.elementor-element-fef818f.elementor-element{--align-self:center;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-menu-toggle{margin-left:auto;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a, .elementor-1192 .elementor-element.elementor-element-fef818f .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a:hover,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a:focus,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-menu-toggle:hover,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a:hover,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a:focus,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a.highlighted{background-color:#D5F0EF;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );background-color:#2EB4AF;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-1192 .elementor-element.elementor-element-fef818f .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1192 .elementor-element.elementor-element-5141cb6{--flex-wrap:nowrap;}.elementor-1192 .elementor-element.elementor-element-5141cb6.e-con{--align-self:center;}.elementor-1192 .elementor-element.elementor-element-f8d4e1a{--container-widget-width:220px;--container-widget-flex-grow:0;width:var( --container-widget-width, 220px );max-width:220px;}.elementor-1192 .elementor-element.elementor-element-fef818f{width:100%;max-width:100%;}.elementor-1192 .elementor-element.elementor-element-fef818f.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-1192 .elementor-element.elementor-element-5141cb6{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-5141cb6 *//* =====================================================
   LOGGA - FIXERAD STORLEK (STOPPAR DARR)
   ===================================================== */
.logo a {
  display: flex !important;
  align-items: center;
  line-height: 1 !important;
  height: 100%;
}

.logo img {
  /* Fast storlek baserat på dina sticky-inställningar */
  max-width: 350px !important; 
  width: 100% !important;
  height: auto !important;
  filter: none;
  transition: none !important; 
  will-change: transform;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Behåller färgfiltret vid scroll */
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .logo img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(21%) saturate(1451%) hue-rotate(182deg) brightness(96%) contrast(91%) !important;
}

/* =====================================================
   HEADER LAYOUT - TRANSPARENT START (FAST HÖJD)
   ===================================================== */
.elementor-1192 .elementor-element.elementor-element-5141cb6 {
  /* Startar transparent */
  background-color: transparent !important;
  min-height: 90px !important;
  height: 90px !important;
  transition: background-color 0.4s ease-in-out !important;
}

/* Blir vit vid scroll */
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects {
  background-color: #ffffff !important;
}

.elementor-1192 .elementor-element.elementor-element-5141cb6 > .elementor-container,
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects > .elementor-container {
  min-height: 90px !important;
  height: 90px !important;
  align-items: center;
}

/* =====================================================
   TEXTFÄRGER & HOVER (NAVIGERING)
   ===================================================== */
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu .elementor-item {
  font-size: 20px !important;
  transition: color 0.3s ease !important;
}

/* Textfärg INNAN scroll (Vit) */
.elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-item {
  color: #ffffff !important;
}

/* Textfärg VID scroll (Blå) */
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-item,
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .sub-arrow svg,
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-menu-toggle svg {
  color: #2C456A !important;
  fill: #2C456A !important;
}

/* Turkös hover på text och pil */
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu li a.elementor-item:hover,
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu li a.elementor-item:hover .sub-arrow svg {
  color: #2EB4AF !important;
  fill: #2EB4AF !important;
}

/* =====================================================
   RULLGARDIN DESIGN (KOMPAKT & TRANSPARENT)
   ===================================================== */
/* Innan Sticky: Transparent mörk bakgrund */
.elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown {
  background: rgba(30, 45, 65, 0.7) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 5px 0 !important; /* Minskar padding upp/ner */
  border: none !important;
}

.elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown a {
  color: #ffffff !important;
  background-color: transparent !important;
  padding-top: 10px !important; /* Tätare mellanval */
  padding-bottom: 10px !important;
}

/* Hover-effekt i rullgardinen */
.elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown a:hover {
  color: #2EB4AF !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Vid Sticky: Vit bakgrund */
.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-nav-menu--dropdown {
  background: #ffffff !important;
  padding: 5px 0 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.1) !important;
}

.elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-nav-menu--dropdown a {
  color: #2C456A !important;
}

/* =====================================================
   UNDERMENY-PIL (ROTATION VID KLICK)
   ===================================================== */
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu .sub-arrow,
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu .sub-arrow svg {
  transition: transform 0.3s ease-in-out !important;
  display: inline-flex !important;
  transform: rotate(0deg) !important;
}

/* Tvingar rotationen när undermenyn är öppen */
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu--dropdown .menu-item-has-children.elementor-active > a .sub-arrow svg,
.elementor-1192 .elementor-element.elementor-element-5141cb6 .elementor-nav-menu .menu-item-has-children.elementor-active > a .sub-arrow svg {
  transform: rotate(180deg) !important;
}

/* =====================================================
   MOBIL (767px och neråt) - FIXERAD
   ===================================================== */
@media (max-width: 767px) {
  .elementor-1192 .elementor-element.elementor-element-5141cb6 { overflow: visible !important; }
  
  .elementor-1192 .elementor-element.elementor-element-5141cb6, .elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects {
    min-height: 60px !important;
    height: 60px !important; /* Fast höjd för stabilitet */
  }

  .logo img, .elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .logo img {
    max-width: 220px !important;
    transition: none !important;
  }

  .elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-menu-toggle svg { fill: #ffffff !important; }
  .elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-menu-toggle svg { fill: #2C456A !important; }
}
/* =====================================================
   MOBIL: VIT PIL I RULLGARDINSMENYN
   ===================================================== */
@media (max-width: 767px) {
    /* Gör pilen vit i rullgardinen när man INTE har scrollat */
    .elementor-1192 .elementor-element.elementor-element-5141cb6:not(.elementor-sticky--effects) .elementor-nav-menu--dropdown .sub-arrow svg {
        fill: #ffffff !important;
        color: #ffffff !important;
    }

    /* Säkerställer att pilen fortfarande blir blå när man har scrollat (sticky) */
    .elementor-1192 .elementor-element.elementor-element-5141cb6.elementor-sticky--effects .elementor-nav-menu--dropdown .sub-arrow svg {
        fill: #2C456A !important;
        color: #2C456A !important;
    }
}/* End custom CSS */