:root { --atrak-update-red:#ff3838; }

/* Only remove the accidental red separator; footer structure stays untouched. */
.wd-footer .elementor-section:first-child { border-top:0 !important; }

/* Product copy may wrap, but every CTA remains on the same baseline. */
.wd-products .wd-product .product-wrapper,
.wd-products .wd-product .product-element-bottom {
  display:flex !important;
  flex-direction:column !important;
}
.wd-products .wd-product .product-element-bottom { flex:1 1 auto; min-height:154px !important; }
.wd-products .wd-product .wd-entities-title {
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
  min-height:44px !important;
  margin-bottom:4px !important;
}
.wd-products .wd-product .wd-product-cats {
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
  min-height:44px !important;
  margin-bottom:8px !important;
  line-height:20px !important;
}
.wd-products .wd-product .wd-add-btn { margin-top:auto !important; }

/* Keep the homepage best-seller widgets as compact horizontal Woodmart lists. */
.elementor-element-a12c1f3 .wd-hover-small .product-wrapper {
  flex-direction:row !important;
  align-items:center !important;
}
.elementor-element-a12c1f3 .wd-hover-small .product-element-top {
  flex:0 0 92px !important;
  width:92px !important;
}
.elementor-element-a12c1f3 .wd-hover-small .product-element-bottom {
  display:block !important;
  min-height:0 !important;
  padding-inline-start:12px !important;
}
.elementor-element-a12c1f3 .wd-hover-small .wd-entities-title,
.elementor-element-a12c1f3 .wd-hover-small .wd-product-cats {
  display:block !important;
  min-height:0 !important;
  margin-bottom:4px !important;
  text-align:start !important;
}

@media (min-width:1025px) {
  /* Inner-page search: existing Woodmart behavior, Atrak visual language. */
  body:not(.home) .whb-general-header .wd-header-search-form { width:100% !important; }
  body:not(.home) .whb-general-header .wd-header-search-form .searchform {
    height:48px !important;
    overflow:hidden;
    border:1px solid #e3e5e8 !important;
    border-radius:16px !important;
    background:#f7f8f9 !important;
    box-shadow:0 8px 24px rgba(18,22,30,.06) !important;
  }
  body:not(.home) .whb-general-header .wd-header-search-form .s {
    height:46px !important;
    padding-inline:18px 58px !important;
    color:#202126 !important;
    font-size:14px !important;
    background:transparent !important;
  }
  body:not(.home) .whb-general-header .wd-header-search-form .searchsubmit {
    width:48px !important;
    height:48px !important;
    color:#fff !important;
    background:var(--wd-primary-color,var(--atrak-update-red)) !important;
    border-radius:14px 0 0 14px !important;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone {
    width:auto !important;
    min-height:42px;
    gap:8px;
    padding-inline:12px 14px !important;
    color:#282b30 !important;
    border:1px solid rgba(38,42,50,.10) !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,#fff,#f2f3f5) !important;
    box-shadow:0 7px 20px rgba(20,24,32,.08) !important;
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease !important;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone .atrak-label {
    display:inline-flex !important;
    direction:ltr;
    font-size:12px;
    font-weight:700;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover {
    color:#fff !important;
    border-color:var(--wd-primary-color,var(--atrak-update-red)) !important;
    background:var(--wd-primary-color,var(--atrak-update-red)) !important;
    transform:translateY(-1px);
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover .atrak-label,
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover svg {
    color:#fff !important;
    stroke:currentColor !important;
  }

  /* Homepage uses its existing dark surface; this only fills the unused gap. */
  .home .whb-general-header .whb-col-right.whb-visible-lg { gap:7px !important; }
  .home .whb-general-header .atrak-home-search {
    order:-2;
    flex:1 1 230px;
    min-width:170px;
    max-width:300px;
  }
  .home .whb-general-header .atrak-home-search .searchform {
    position:relative;
    display:flex;
    align-items:center;
    height:40px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .home .whb-general-header .atrak-home-search .s {
    width:100%;
    height:38px;
    padding:0 14px 0 44px;
    color:#fff;
    font-size:13px;
    background:transparent;
    border:0;
  }
  .home .whb-general-header .atrak-home-search .s::placeholder { color:rgba(255,255,255,.64); }
  .home .whb-general-header .atrak-home-search .searchsubmit {
    position:absolute;
    inset:0 auto 0 0;
    display:grid;
    place-items:center;
    width:42px;
    height:40px;
    padding:0;
    color:#fff;
    background:transparent;
    border:0;
  }
  .home .whb-general-header .atrak-home-search .searchsubmit::before,
  .home .whb-general-header .atrak-home-search .searchsubmit::after {
    display:none !important;
    content:none !important;
  }
  .home .whb-general-header .atrak-home-search .searchsubmit > span { display:none !important; }
  .home .whb-general-header .atrak-home-search .searchsubmit svg { display:block !important; }
  .home .whb-general-header .wd-header-search,
  .home .whb-general-header .wd-header-search + .wd-header-divider { display:none !important; }
}

/* Compact search panel instead of a full-page sheet (both Woodmart variants). */
.wd-search-full-screen,
.wd-search-full-screen-2 {
  top:84px !important;
  right:auto !important;
  bottom:auto !important;
  left:50% !important;
  width:min(960px,calc(100vw - 32px)) !important;
  height:min(410px,calc(100dvh - 104px)) !important;
  min-height:220px !important;
  padding:18px !important;
  overflow:auto !important;
  border:1px solid rgba(25,28,34,.08) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 26px 70px rgba(15,18,25,.22) !important;
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  transform:translate3d(-50%,-130%,0) !important;
}
.wd-search-full-screen.wd-opened,
.wd-search-full-screen-2.wd-opened { transform:translate3d(-50%,0,0) !important; }
.wd-search-full-screen .container,
.wd-search-full-screen-2 .container {
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.wd-search-full-screen .searchform,
.wd-search-full-screen-2 .searchform {
  width:calc(100% - 58px) !important;
  height:54px !important;
  margin:0 58px 14px 0 !important;
  padding:0 !important;
  overflow:hidden;
  border:1px solid #e3e5e8 !important;
  border-radius:15px !important;
  background:#f6f7f8 !important;
}
.wd-search-full-screen .searchform .s,
.wd-search-full-screen-2 .searchform .s { height:52px !important; padding-inline:16px 54px !important; font-size:15px !important; background:transparent !important; }
.wd-search-full-screen .searchsubmit,
.wd-search-full-screen-2 .searchsubmit { width:52px !important; height:52px !important; color:#fff !important; background:var(--wd-primary-color,var(--atrak-update-red)) !important; border-radius:14px 0 0 14px !important; }
.wd-search-full-screen .wd-close-search,
.wd-search-full-screen-2 .wd-close-search {
  top:18px !important;
  right:18px !important;
  left:auto !important;
  display:grid !important;
  place-items:center;
  width:44px !important;
  height:44px !important;
  color:#282a2f !important;
  background:#f0f1f2 !important;
  border-radius:13px !important;
  z-index:3 !important;
}
.wd-search-full-screen .wd-close-search > a,
.wd-search-full-screen-2 .wd-close-search > a {
  display:block !important;
  width:100% !important;
  height:100% !important;
}
.wd-search-full-screen .wd-search-info-text,
.wd-search-full-screen-2 .wd-search-info-text { padding:8px 12px !important; font-size:13px !important; }
.wd-search-full-screen .wd-search-results,
.wd-search-full-screen-2 .wd-search-results { padding-top:8px !important; }

/* Woodmart already prints a real arrow character; suppress its icon-font duplicate. */
.wd-pagination .prev::before,
.wd-pagination .next::before,
.woocommerce-pagination .prev::before,
.woocommerce-pagination .next::before {
  display:none !important;
  content:none !important;
}

@media (max-width:767px) {
  /* Restore the original hero header surface only; toolbar glass is preserved. */
  .whb-main-header,
  .whb-general-header {
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .home .whb-main-header,
  .home .whb-general-header {
    background:rgba(18,20,24,.78) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }
  .atrak-mobile-search {
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    margin:0 2px;
  }
  .atrak-mobile-search > a {
    display:grid !important;
    place-items:center;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    color:inherit !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .atrak-mobile-search svg {
    display:block;
    width:23px;
    height:23px;
  }
  .atrak-native-mobile-nav {
    display:flex !important;
    align-items:center;
    justify-content:center;
  }
  .atrak-native-mobile-nav > a {
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    padding:0 !important;
    color:inherit !important;
  }
  .atrak-native-mobile-nav .wd-tools-icon {
    display:grid !important;
    place-items:center;
    width:25px !important;
    height:25px !important;
  }
  .atrak-native-mobile-nav .wd-tools-icon::before { display:none !important; content:none !important; }
  .atrak-native-mobile-nav .atrak-native-menu-svg {
    display:block;
    width:25px;
    height:25px;
  }
  .wd-search-full-screen,
  .wd-search-full-screen-2 {
    top:max(64px,env(safe-area-inset-top,0px)) !important;
    width:calc(100vw - 20px) !important;
    height:min(440px,calc(100dvh - 84px)) !important;
    padding:12px !important;
    border-radius:18px !important;
  }
  .wd-search-full-screen .searchform,
  .wd-search-full-screen-2 .searchform { width:calc(100% - 48px) !important; height:48px !important; margin:0 48px 10px 0 !important; }
  .wd-search-full-screen .searchform .s,
  .wd-search-full-screen-2 .searchform .s { height:46px !important; font-size:14px !important; }
  .wd-search-full-screen .searchsubmit,
  .wd-search-full-screen-2 .searchsubmit { width:46px !important; height:46px !important; }
  .wd-search-full-screen .wd-close-search,
  .wd-search-full-screen-2 .wd-close-search { top:12px !important; right:12px !important; width:40px !important; height:40px !important; }
  .wd-products .wd-product .product-element-bottom { min-height:142px !important; }
  .wd-products .wd-product .wd-product-cats { min-height:42px !important; font-size:12px !important; }
  .elementor-element-a12c1f3 .wd-hover-small .product-element-bottom { min-height:0 !important; }
  .elementor-element-a12c1f3 .wd-hover-small .product-element-top { flex-basis:78px !important; width:78px !important; }
  .mobile-nav .close-side-widget {
    position:sticky;
    top:0;
    z-index:5;
    display:flex !important;
    justify-content:flex-start;
    padding:10px 12px !important;
    background:#fff;
  }
  .mobile-nav .atrak-native-close-button {
    position:sticky;
    top:10px;
    z-index:8;
    display:grid !important;
    place-items:center;
    width:40px;
    height:40px;
    margin:10px 12px 4px auto;
    padding:0;
    color:#22252a;
    font-family:Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    line-height:1;
    border:0;
    border-radius:12px;
    background:#f1f2f3;
    cursor:pointer;
  }
  .mobile-nav .close-side-widget > a {
    display:grid !important;
    place-items:center;
    width:40px;
    height:40px;
    overflow:hidden;
    color:#22252a !important;
    font-size:0 !important;
    border-radius:12px;
    background:#f1f2f3;
  }
  .mobile-nav .close-side-widget > a::before {
    content:"×" !important;
    color:#22252a !important;
    font-family:Arial,sans-serif !important;
    font-size:26px !important;
    font-weight:400 !important;
    line-height:1 !important;
  }
}

@media (min-width:768px) {
  .atrak-mobile-search { display:none !important; }
}