/* ═══════════════════════════════════════════
   MEDATHLON HEADER — Woodmart 8.5
   Based on medathlon-homepage_13.html reference
   ═══════════════════════════════════════════ */

:root {
  --orange:      #f1592a;
  --orange-light:#FF6B35;
  --orange-pale: #FFF0EB;
  --navy:        #3D5068;
  --navy-dark:   #2a3a4f;
  --navy-light:  #EEF2F7;
  --border:      #E2E8F0;
  --grey:        #F7F8FA;
  --grey-mid:    #E8ECF0;
  --text:        #1A2332;
  --text-muted:  #6B7A8D;
}

/* ─── ROW 1 — Main Header ─── */
.whb-row.whb-general-header,
.whb-row.whb-general-header .whb-general-header-inner {
  min-height: 64px;
  border-bottom: 1px solid var(--grey-mid);
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(16px);
}

/* ─── ROW 2 — Category Bar ─── */
.whb-row.whb-header-bottom,
.whb-row.whb-header-bottom .whb-header-bottom-inner {
  min-height: 48px;
  background: #ffffff;
}

/* ─── STICKY SHADOW ─── */
.whb-sticky-row.whb-sticked {
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

/* ─── LOGO ─── */
.wd-logo img,
.site-logo img,
.woodmart-logo img {
  max-height: 56px !important;
  width: auto !important;
}

/* ─── COLUMNS LAYOUT ─── */
.whb-col-left  { flex-shrink: 0; }
.whb-col-center {
  flex: 1 1 auto;
  max-width: 560px;
  padding: 0 16px;
}
.whb-col-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

/* ─── SEARCH BAR ─── */
.wd-search-form form.searchform,
.woodmart-search-form form {
  width: 100%;
  display: flex;
  align-items: center;
}

.wd-search-form input[type="text"],
.wd-search-form input.s,
.woodmart-search-form input[type="text"] {
  height: 36px !important;
  border-radius: 10px !important;
  border: 1.5px solid var(--border) !important;
  font-size: 13.5px;
  width: 100% !important;
  transition: border-color 0.2s;
  padding: 0 40px 0 14px;
}

.wd-search-form input[type="text"]:focus,
.wd-search-form input.s:focus {
  border-color: var(--orange) !important;
  outline: none;
  box-shadow: none;
}

.wd-search-form button.searchsubmit,
.wd-search-form button[type="submit"],
.woodmart-search-form button {
  font-size: 0 !important;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  color: var(--text-muted);
}

/* ─── MY ACCOUNT ─── */
.wd-header-my-account .wd-action-btn,
.wd-header-my-account > a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1.5px solid var(--border) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  color: var(--text-muted);
  background: transparent !important;
}

.wd-header-my-account .wd-action-btn:hover,
.wd-header-my-account > a:hover {
  border-color: var(--navy) !important;
  color: var(--navy);
}

/* ─── CART BUTTON ─── */
.wd-header-cart .wd-action-btn,
.wd-header-cart > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 16px !important;
  background: var(--orange) !important;
  color: white !important;
  border-radius: 10px !important;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s;
  border: none !important;
}

.wd-header-cart .wd-action-btn:hover,
.wd-header-cart > a:hover {
  background: var(--orange-light) !important;
  transform: translateY(-1px);
}

.wd-cart-number,
.wd-cart-count {
  background: white !important;
  color: var(--orange) !important;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}

/* ─── CATEGORY NAV LINKS ─── */
nav.wd-header-nav li > a,
.woodmart-navigation li > a,
ul.wd-nav-main > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text) !important;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s;
  white-space: nowrap;
}

nav.wd-header-nav li > a:hover,
.woodmart-navigation li > a:hover,
ul.wd-nav-main > li > a:hover {
  background: var(--grey);
  color: var(--orange) !important;
}

/* ─── B2B BUTTON (shortcode) ─── */
.wm-b2b-btn,
.wm-b2b-btn a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--navy);
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
  background: transparent;
  cursor: pointer;
}

.wm-b2b-btn:hover,
.wm-b2b-btn a:hover {
  border-color: var(--navy);
  background: var(--navy-light);
}

/* ─── OFFERS BUTTON (shortcode) ─── */
.wm-offers-btn,
.wm-offers-btn a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 18px;
  border: 1.5px solid var(--orange);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--orange);
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
  background: transparent;
  cursor: pointer;
}

.wm-offers-btn:hover,
.wm-offers-btn a:hover {
  background: var(--orange-pale);
}

/* ─── PHONE LINK (shortcode) ─── */
.wm-phone-link a {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text);
  text-decoration: none;
}
.whb-row.whb-header-bottom .whb-col-center{flex:1 1 auto!important;max-width:none!important;padding:0!important;}.whb-row.whb-header-bottom .wd-nav-main{flex-wrap:nowrap;}
.wd-logo img,.site-logo img,.woodmart-logo img{max-height:65px!important;width:auto!important;}
.wd-logo img,.site-logo img,.woodmart-logo img{max-height:75px!important;width:auto!important;}
.whb-row.whb-general-header .whb-col-center{flex-direction:row!important;align-items:center!important;gap:16px;}.whb-row.whb-general-header,.whb-row.whb-general-header .whb-flex-row,.whb-row.whb-general-header .whb-general-header-inner{min-height:85px!important;align-items:center!important;}
.whb-row.whb-general-header .whb-col-left{display:flex!important;align-items:center!important;}.wd-logo{display:flex!important;align-items:center!important;}
.whb-row.whb-general-header,.whb-row.whb-general-header .whb-flex-row,.whb-row.whb-general-header .whb-general-header-inner{min-height:74px!important;height:74px!important;}