/* ==========================================================================
   WinQuest header polish — code-controlled overrides for the Elementor /
   ElementsKit / Element-Pack header, so these can be tuned via Git instead of
   editing Elementor each time.
     1) Slim "Login" (.bdt-btn-a) + "Book a Free Trial" (.bdt-btn-b) buttons
     2) Shorter search bar (.bdt-search-input)
     3) Injected wishlist icon (.wq-wishlist-link — see header-polish.js)
     4) Even, balanced nav spacing (.elementskit-navbar-nav)
   ========================================================================== */

/* 1) + 5) Slim, sleek header buttons (smaller, less bulky). */
.bdt-btn-a.bdt-ep-button,
.bdt-btn-b.bdt-ep-button{
  padding:7px 16px !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  letter-spacing:.01em !important;
  border-radius:8px !important;
  min-height:0 !important;
}
.bdt-btn-a .bdt-btn-content-wrap,
.bdt-btn-b .bdt-btn-content-wrap{ gap:5px !important; padding:0 !important; }

/* 5) Sleeker main nav row — tighter padding, text rides higher in the bar
   (less padding on top, more below pushes the label up visually). */
.elementskit-navbar-nav > li > a{
  padding-top:6px !important;
  padding-bottom:18px !important;
}
/* 1) Vibrant, crisp menu text. */
.elementskit-navbar-nav > li > a,
.elementskit-navbar-nav > li > a .elementskit-menu-title,
.wq-top-nav > li > a{ font-weight:600 !important; }

/* Lift the whole nav bar up so the labels don't sit at the bottom edge. */
.elementskit-navbar-nav-default,
.elementskit-navbar-nav{ align-self:flex-start !important; margin-top:0 !important; }

/* 2) BIGGER, prominent search bar. */
.elementor-widget-bdt-search .bdt-search-input,
.bdt-search-input{ width:380px !important; max-width:100% !important; height:46px !important; font-size:.95rem !important; }
.elementor-widget-bdt-search .bdt-search-form,
.elementor-widget-bdt-search .bdt-search-wrapper,
.bdt-search-wrapper{ max-width:440px !important; width:100% !important; }

/* 4) Balanced spacing between the main nav items. */
.elementskit-navbar-nav > li > a{ padding-left:15px !important; padding-right:15px !important; }
@media (min-width:1300px){
  .elementskit-navbar-nav > li > a{ padding-left:20px !important; padding-right:20px !important; }
}

/* 3) Top secondary menu (tagged .wq-top-nav by header-polish.js) — bigger font,
   nudged up so labels don't sit on the bottom edge of the top bar. */
.wq-top-nav{
  align-self:flex-start !important;
  margin-top:6px !important;
  margin-bottom:0 !important;
}
.wq-top-nav > li > a,
.wq-top-nav .ekit-menu-nav-link{
  font-size:1rem !important;
  font-weight:600 !important;
  padding-top:4px !important;
  padding-bottom:10px !important;
}
.wq-top-nav-box{ display:flex !important; align-items:flex-start !important; }

/* 2)+3)+4) Wishlist icon (SVG heart, inserted next to the cart by JS) with
   breathing room from the cart/Login. */
.wq-wishlist-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; margin:0 12px; border-radius:50%;
  color:#ff1f59 !important; line-height:1; text-decoration:none;
  position:relative; transition:background .15s, transform .15s; vertical-align:middle;
}
.wq-wishlist-link svg{ width:23px; height:23px; display:block; fill:none; stroke:#ff1f59; stroke-width:2; }
.wq-wishlist-link:hover{ background:rgba(255,31,89,.10); transform:scale(1.08); }
.wq-wishlist-link:hover svg{ fill:rgba(255,31,89,.15); }
.wq-wishlist-link__count{
  position:absolute; top:2px; right:2px; min-width:16px; height:16px; padding:0 3px;
  background:#ff1f59; color:#fff; border-radius:9px; font-size:10px; font-weight:700;
  line-height:16px; text-align:center; display:none;
}
