/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* --- 2.1 Sticky shrink & logo scale --- */
.whb-sticked .whb-general-header {
  transition: height .22s ease, box-shadow .22s ease;
}
.whb-sticked .whb-general-header .wd-logo img {
  transform: scale(.92);
  transform-origin: left center;
  transition: transform .22s ease;
}

/* --- 2.2 Icon chips (Account / Compare / Wishlist / Cart) --- */
.header-bottom .wd-header-el,
.header-bottom .wd-tools-element {
  --valo-chip-bg: #1c61e7;
  --valo-chip-fg: #fff;
}
.header-bottom .wd-header-el .wd-tools-icon,
.header-bottom .wd-tools-element .wd-tools-icon {
  background: var(--valo-chip-bg);
  color: var(--valo-chip-fg);
  border-radius: 999px;
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s ease, color .2s ease, transform .15s ease;
}
.header-bottom .wd-header-el:hover .wd-tools-icon,
.header-bottom .wd-tools-element:hover .wd-tools-icon {
  background: #fff; color: #1c61e7; transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(28,97,231,.18);
}

/* Badge count contrast */
.header-bottom .wd-tools-count {
  background: #111; color: #fff; font-weight: 700;
  border: 2px solid #fff;
}

/* --- 2.3 Menu link hover underline (subtle & modern) --- */
.header-bottom .menu > li > a {
  position: relative; font-weight: 600; letter-spacing: .1px;
}
.header-bottom .menu > li > a::after {
  content:""; position: absolute; left: 10%; right: 10%; bottom: -10px;
  height: 2px; background: #1c61e7; transform: scaleX(0);
  transform-origin: center; transition: transform .18s ease;
}
.header-bottom .menu > li:hover > a::after,
.header-bottom .menu > li.current-menu-item > a::after {
  transform: scaleX(1);
}

/* --- 2.4 Search field: tighter height + nicer placeholder --- */
.whb-general-header .wd-header-search-form .s {
  height: 44px; font-size: 15px;
}
.whb-general-header .wd-header-search-form input::placeholder {
  color: #6b7280;
}

/* --- 2.5 Free shipping pill: match chips when hovering --- */
.vx-ship-banner:hover { transform: translateY(-1px) scale(1.01); }

/* --- 2.6 Focus states for a11y --- */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid #1c61e7; outline-offset: 2px; border-radius: 6px;
}

/* --- 2.7 Respect reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}