.elementor-6008 .elementor-element.elementor-element-57fd08f{--display:flex;}.elementor-6008 .elementor-element.elementor-element-27b283a{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-27b283a *//* Main header container */
#eu-header {
  background-color: #0a2e63; /* dark blue */
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Arial, sans-serif;
}

/* Logo */
#eu-header .header-logo img {
  height: 40px;
}

/* Menu */
#eu-header .header-menu {
  display: flex;
  gap: 20px;
}

#eu-header .header-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

#eu-header .header-menu a:hover {
  color: #ff6600; /* orange hover */
}

/* Actions (sign-in, basket, contact) */
#eu-header .header-actions {
  display: flex;
  gap: 15px;
  align-items: center;
}

#eu-header .header-actions a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

/* Contact button highlight */
#eu-header .header-actions .contact-btn {
  background: #ff6600;
  padding: 6px 14px;
  border-radius: 4px;
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57fd08f *//* --- Header polish --- */

/* 1) Reduce header height a touch + crisper shadow */
.eu-wrap{ padding:8px 16px; }
.eu-header{ box-shadow: 0 4px 14px rgba(0,0,0,.08); }

/* 2) Tighter gaps in the main menu */
.eu-menu{ gap:16px; }

/* 3) Perfect vertical alignment of links */
.eu-menu > li > a{ line-height: 44px; }

/* 4) Make the Contact button pop a bit more and sit flush */
.eu-cta{ padding:9px 16px; border-radius:6px; }
.eu-menu .eu-right + li a.eu-utility{ /* keeps Basket tight after Sign in if you swap order later */
  margin-left: 0;
}

/* 5) Current page highlight */
.eu-menu > li.current-menu-item > a,
.eu-menu > li.current_page_item > a,
.eu-menu > li > a[aria-current="page"]{
  color: var(--eu-orange) !important;
  border-bottom: 2px solid var(--eu-orange);
}

/* 6) Submenu spacing + hover feel */
.eu-sub{ padding:8px 10px; }
.eu-sub li a{ padding:7px 8px; border-radius:4px; }
.eu-sub li a:hover{ background: rgba(255,255,255,.06); }

/* 7) Keep header on top of any hero overlays */
.eu-header{ z-index: 10010; }/* End custom CSS */