.elementor-168 .elementor-element.elementor-element-6a3314c{--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;}.elementor-168 .elementor-element.elementor-element-d7041a3{text-align:left;}.elementor-168 .elementor-element.elementor-element-d7041a3 img{width:250px;}.elementor-168 .elementor-element.elementor-element-4e7835c{--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;}.elementor-168 .elementor-element.elementor-element-4e7835c:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-4e7835c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c48de27 );}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#6DC2B5;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .e--pointer-framed .elementor-item:before,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .e--pointer-framed .elementor-item:after{border-color:#6DC2B5;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-27d1e4f );}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-168 .elementor-element.elementor-element-c7ca0f8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-27d1e4f );}.elementor-168 .elementor-element.elementor-element-c7ca0f8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-c73c312 );}.elementor-168 .elementor-element.elementor-element-c7ca0f8 div.elementor-menu-toggle{color:#000000;}.elementor-168 .elementor-element.elementor-element-c7ca0f8 div.elementor-menu-toggle svg{fill:#000000;}.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-168 .elementor-element.elementor-element-6a3314c{--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;}}/* Start custom CSS for shortcode, class: .elementor-element-da4cfa9 *//* Ikon-knappen */
.custom-cart-icon {
  position: relative;
  cursor: pointer;
  color: #214493;                  /* ikonfärg */
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F7FDFB;
  border: 1px solid rgba(33,68,147,0.12);
  border-radius: 50%;
  text-decoration: none;           /* anchor default */
  transition: background-color .25s ease, color .25s ease, transform .15s ease;
  z-index: 20;
}

.custom-cart-icon:hover {
  background: #6DC2B5;
  color: #fff;
  transform: translateY(-1px);
}

/* SVG storlek */
.custom-cart-icon .cart-svg {
  width: 18px;
  height: 18px;
}

/* Antals-badge (Xoo uppdaterar .xoo-wsc-items-count automatiskt) */
.custom-cart-icon .cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #214493;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 999px;
  min-width: 18px;
  text-align: center;
  line-height: 1.2;
  box-shadow: 0 0 0 2px #fff;     /* vit kant runt för kontrast */
}

/* Dölj badge om 0 (Xoo sätter oftast 0 vid tom varukorg) */
.custom-cart-icon .cart-count:empty,
.custom-cart-icon .cart-count[data-count="0"] {
  display: none;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c7ca0f8 *//*****************************************************/
/******************** MENY – SUBMENU *****************/
/*****************************************************/

/* Bas: dropdown-ytor */
.elementor-nav-menu--main .sub-menu {
  background-color: #F7FDFB;                  /* ljus bakgrund från paletten */
  border: 1px solid #6DC2B5;                  /* tunn kant i teal */
  padding: 10px;
  box-shadow: 0 4px 6px rgba(12, 18, 45, 0.10);/* skugga tonad av navy */
}

/* Länkar i submenu – grundstil */
.elementor-nav-menu--main .sub-menu a {
  color: #0C122D;                             /* text i navy */
  background: #F7FDFB;
  text-decoration: none;
  display: block;
  padding: 6px 12px;
  border-radius: 4px;                         /* liten mjuk hörnradie */
  font-size: 15px;                            /* lås textstorlek */
  line-height: 1.4;                           /* konsekvent höjd */
  font-weight: 500;
  transition: background-color .25s ease, color .25s ease;
}

/* Hover-stil – ändra bara färg, inte layout */
.elementor-nav-menu--main .sub-menu a:hover {
  color: #214493;                             /* blå highlight */
  background-color: rgba(109, 194, 181, 0.15);
  font-weight: 500;                           /* lås samma vikt för stabilitet */
  padding: 6px 12px;                          /* identisk padding */
  font-size: 15px;                            /* ingen storleksändring */
}

/* Aktiv markering – samma layout, annan färg */
.elementor-nav-menu--main .sub-menu .current-menu-item > a,
.elementor-nav-menu--dropdown.elementor-nav-menu__container .current-menu-item > a {
  background-color: rgba(33,68,147,.12);      /* blå ton */
  color: #214493;
  font-weight: 600;                           /* lite fetare men stabilt */
  font-size: 15px;
  padding: 6px 12px;
  border-radius: 4px;
  line-height: 1.4;
}

/* ===== MOBIL / DROPDOWN-KONTENER ===== */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  background-color: #F7FDFB;
  border: 1px solid rgba(12,18,45,.06);
  box-shadow: 0 6px 16px rgba(12,18,45,.10);
}

/* Säkerställ vit/ljus bakgrund även i inre UL */
.elementor-nav-menu--dropdown.elementor-nav-menu__container ul {
  background-color: #F7FDFB;
}

/* Länkfärg i mobilmeny */
.elementor-nav-menu--dropdown.elementor-nav-menu__container a {
  color: #0C122D;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
  padding: 6px 12px;
}

/* Submenu i mobil: inga hårda kanter */
.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu {
  border: none;
}/* End custom CSS */