.elementor-188 .elementor-element.elementor-element-2ab2b6f{--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;--z-index:999;}.elementor-188 .elementor-element.elementor-element-4a058ba img{width:150px;}.elementor-188 .elementor-element.elementor-element-ac6832a img{width:200px;}.elementor-188 .elementor-element.elementor-element-6717560 .elementor-menu-toggle{margin:0 auto;}.elementor-188 .elementor-element.elementor-element-6717560 .elementor-nav-menu .elementor-item{text-transform:uppercase;}.elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle:hover, .elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle:hover svg, .elementor-188 .elementor-element.elementor-element-6717560 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.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-188 .elementor-element.elementor-element-4a058ba img{width:125px;}.elementor-188 .elementor-element.elementor-element-6717560{--nav-menu-icon-size:40px;}}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-4a058ba img{width:100px;}.elementor-188 .elementor-element.elementor-element-6717560{--nav-menu-icon-size:30px;}}/* Start custom CSS for container, class: .elementor-element-2ab2b6f *//* =========================================================
   BALLERS BARBERSHOP HEADER / MENY
   Fullständig CSS – premium, mörk, modern
========================================================= */

.elementor-188 .elementor-element.elementor-element-2ab2b6f {
  --header-bg-default: transparent;
  --header-bg-sticky: rgba(2, 6, 23, 0.92);
  --header-border-sticky: rgba(212, 175, 55, 0.18);
  --header-shadow-sticky: 0 10px 30px rgba(0, 0, 0, 0.28);

  --menu-text-default: #F9FAFB;
  --menu-text-hover: #D4AF37;
  --menu-text-active: #D4AF37;

  --menu-text-sticky: #F9FAFB;
  --menu-text-sticky-hover: #D4AF37;
  --menu-text-sticky-active: #D4AF37;

  --accent-underline: #D4AF37;

  --dropdown-bg: #0F172A;
  --dropdown-border: rgba(212, 175, 55, 0.18);
  --dropdown-text: #E5E7EB;
  --dropdown-hover: #D4AF37;
  --dropdown-active: #D4AF37;

  --mobile-toggle-bg-default: rgba(255, 255, 255, 0.08);
  --mobile-toggle-border-default: rgba(255, 255, 255, 0.18);
  --mobile-toggle-icon-default: #F9FAFB;

  --mobile-toggle-bg-sticky: #111827;
  --mobile-toggle-border-sticky: rgba(212, 175, 55, 0.18);
  --mobile-toggle-icon-sticky: #F9FAFB;

  --mobile-panel-bg: #0F172A;
  --mobile-panel-border: rgba(212, 175, 55, 0.18);
  --mobile-panel-shadow: 0 20px 40px rgba(0, 0, 0, 0.30);

  background: var(--header-bg-default);
  transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  box-shadow: none;
  border-bottom: 1px solid transparent;
}

/* =========================
   HEADER VID SCROLL
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects {
  background: var(--header-bg-sticky) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--header-shadow-sticky);
  border-bottom: 1px solid var(--header-border-sticky);
}

/* =========================
   LOGOBYTE
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .scroll-logo {
  display: none;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .original-logo {
  display: inline-block;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .scroll-logo {
  display: inline-block;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .original-logo {
  display: none;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .original-logo img,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .scroll-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================
   DESKTOP / HUVUDMENY NORMALT
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a.has-submenu {
  color: var(--menu-text-default) !important;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a:focus {
  color: var(--menu-text-hover) !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-nav-menu > li.current_page_item > a {
  color: var(--menu-text-active) !important;
}

/* pil i desktop */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-arrow,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-arrow svg,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-arrow i {
  color: currentColor !important;
  fill: currentColor !important;
}

/* =========================
   DESKTOP / HUVUDMENY VID SCROLL
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a.has-submenu {
  color: var(--menu-text-sticky) !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a:focus {
  color: var(--menu-text-sticky-hover) !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu > li.current_page_item > a {
  color: var(--menu-text-sticky-active) !important;
}

/* =========================
   UNDERLINE / POINTER
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .e--pointer-underline .elementor-item:after,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-item:after,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .elementor-item:before {
  background-color: var(--accent-underline) !important;
  height: 2px !important;
  border-radius: 10px !important;
}

/* =========================
   DESKTOP DROPDOWN / SUBMENU
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu {
  background: var(--dropdown-bg) !important;
  border: 1px solid var(--dropdown-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
  padding: 14px !important;
  overflow: hidden;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu li {
  margin: 0 !important;
  border-radius: 12px;
  overflow: hidden;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu a {
  color: var(--dropdown-text) !important;
  background: transparent !important;
  border-radius: 0 !important;
  transition: color 0.3s ease, background-color 0.3s ease;
  padding: 18px 24px !important;
}

/* Hover utan svart bakgrund */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu li:hover > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu li:focus-within > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu a:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu a:focus {
  background: transparent !important;
  color: var(--dropdown-hover) !important;
}

/* Active utan svart bakgrund */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu .current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu .current_page_item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--main .sub-menu .elementor-item-active {
  background: transparent !important;
  color: var(--dropdown-active) !important;
}

/* =========================
   MOBILMENY-KNAPP
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-menu-toggle {
  background: var(--mobile-toggle-bg-default) !important;
  border: 1px solid var(--mobile-toggle-border-default) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-menu-toggle i,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-menu-toggle svg {
  color: var(--mobile-toggle-icon-default) !important;
  fill: currentColor !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-menu-toggle {
  background: var(--mobile-toggle-bg-sticky) !important;
  border: 1px solid var(--mobile-toggle-border-sticky) !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects .elementor-menu-toggle svg {
  color: var(--mobile-toggle-icon-sticky) !important;
  fill: currentColor !important;
}

/* =========================
   MOBIL / DROPDOWN PANEL
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown {
  background: var(--mobile-panel-bg) !important;
  border: 1px solid var(--mobile-panel-border) !important;
  border-radius: 0 0 24px 24px !important;
  box-shadow: var(--mobile-panel-shadow) !important;
  padding: 14px !important;
  overflow: hidden;
}

/* toppnivå i mobil */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a {
  background: transparent !important;
  color: var(--dropdown-text) !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* hover mobil utan svart bakgrund */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a:focus {
  background: transparent !important;
  color: var(--dropdown-hover) !important;
}

/* active mobil utan svart bakgrund */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li.current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li.current_page_item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a.elementor-item-active {
  background: transparent !important;
  color: var(--dropdown-active) !important;
}

/* övriga länkar i mobil */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-item,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-sub-item {
  background: transparent !important;
  color: var(--dropdown-text) !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* vanliga hover/focus */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-sub-item:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-sub-item:focus {
  background: transparent !important;
  color: var(--dropdown-hover) !important;
}

/* aktiva länkar */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .current_page_item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .elementor-item-active,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .current_page_item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .elementor-item-active {
  background: transparent !important;
  color: var(--dropdown-active) !important;
}

/* pil i mobil */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-arrow,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-arrow svg,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-arrow i {
  color: currentColor !important;
  fill: currentColor !important;
}

/* =========================
   MOBIL / UNDERSUBMENY
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu {
  background: #111827 !important;
  border: 1px solid rgba(212, 175, 55, 0.14) !important;
  border-radius: 22px !important;
  margin: 14px 0 8px 0 !important;
  padding: 18px 20px !important;
  box-shadow: none !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu a {
  color: var(--dropdown-text) !important;
  background: transparent !important;
  padding: 16px 22px !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu li:hover > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu li:focus-within > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu a:hover,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu a:focus {
  color: var(--dropdown-hover) !important;
  background: transparent !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .current-menu-item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .current_page_item > a,
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu .elementor-item-active {
  color: var(--dropdown-active) !important;
  background: transparent !important;
}

/* =========================
   TYPOGRAFI / SPACING TABLET + MOBIL
========================= */
@media (max-width: 1024px) {
  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown {
    border-radius: 0 0 24px 24px !important;
    padding: 12px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a {
    font-size: 22px !important;
    line-height: 1.25 !important;
    padding: 18px 28px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu a {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}

/* =========================
   MOBIL
========================= */
@media (max-width: 767px) {
  .elementor-188 .elementor-element.elementor-element-2ab2b6f {
    border-bottom-width: 0;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f.elementor-sticky--effects {
    border-bottom: 1px solid var(--header-border-sticky);
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-menu-toggle {
    border-radius: 12px !important;
    padding: 10px 12px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown {
    border-radius: 0 0 22px 22px !important;
    padding: 12px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a {
    font-size: 20px !important;
    line-height: 1.25 !important;
    padding: 16px 24px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu {
    border-radius: 20px !important;
    padding: 16px 18px !important;
  }

  .elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-nav-menu--dropdown .sub-menu a {
    font-size: 18px !important;
    padding: 14px 18px !important;
  }
}

/* =========================
   EXTRA STABILITET
========================= */
.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-widget-nav-menu .elementor-item {
  transition: color 0.3s ease, background-color 0.3s ease;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-widget-nav-menu .sub-arrow {
  color: inherit !important;
}

.elementor-188 .elementor-element.elementor-element-2ab2b6f .elementor-widget-nav-menu .sub-arrow svg {
  fill: currentColor !important;
}/* End custom CSS */