/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* All Brands button */
.whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 145px;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 10px;
  background: #111111 !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
  position: relative;
  text-transform: none;
}

.whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a:before {
  content: '';
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 2px solid currentColor;
  border-radius: 4px;
  box-sizing: border-box;
  background:
    linear-gradient(currentColor 0 0) left 4px top 4px / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) center top 4px / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) right 4px top 4px / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) left 4px center / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) center center / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) right 4px center / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) left 4px bottom 4px / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) center bottom 4px / 2px 2px no-repeat,
    linear-gradient(currentColor 0 0) right 4px bottom 4px / 2px 2px no-repeat;
}

.whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a .nav-link-text {
  position: relative;
  display: block;
  width: auto;
  min-height: auto;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a .nav-link-text:before {
  content: none;
}

.whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a:after {
  content: '\25BE' !important;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  line-height: 1;
  color: #ffffff !important;
  opacity: 0.9;
}

@media (max-width: 1024px) {
  .whb-klxmzqkz7i09eyhpefy0 .wd-nav > li.menu-item-690 > a {
    width: 128px;
    min-height: 40px;
    padding: 7px 10px;
  }
}


/* ============================================================
   Homepage UI Improvements — 2026-03-22
   ============================================================ */

/* All Brands dropdown — slightly bigger items */
li.menu-item-690 .wd-dropdown-menu {
    min-width: 200px !important;
}
li.menu-item-690 .wd-sub-menu > li > a.woodmart-nav-link {
    font-size: 15px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
li.menu-item-690 .wd-sub-menu > li > .sub-sub-menu a.woodmart-nav-link {
    font-size: 13px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Join Our Mailing List — ensure inline layout */
.wd-newsletter .mc4wp-form-fields p {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
}
.wd-newsletter .mc4wp-form-fields p input[type="email"] {
    flex: 1 !important;
    min-width: 0 !important;
}
.wd-newsletter .mc4wp-form-fields p input[type="submit"] {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Discount modal backdrop close */
#mirck-discount-modal {
    cursor: pointer;
}
#mirck-discount-modal > div {
    cursor: default;
}


/* WhatsApp float button — lift up 2cm to avoid overlapping bottom UI */
#whatsapp-float-btn { bottom: 100px !important; }

/* WhatsApp pulse animation */
@keyframes mirck-wa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); transform: scale(1); }
  50%  { box-shadow: 0 0 0 14px rgba(37,211,102,0); transform: scale(1.08); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); transform: scale(1); }
}
@keyframes mirck-wa-ring {
  0%   { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(1.9); opacity: 0; }
}
#whatsapp-float-btn { bottom: 100px !important; }
#whatsapp-float-btn a img {
  border-radius: 50%;
  animation: mirck-wa-pulse 1.8s ease-in-out infinite;
  display: block;
}
#whatsapp-float-btn::before,
#whatsapp-float-btn::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 60px; height: 60px;
  border-radius: 50%;
  background: rgba(37,211,102,0.35);
  animation: mirck-wa-ring 1.8s ease-out infinite;
  pointer-events: none;
}
#whatsapp-float-btn::after {
  animation-delay: 0.6s;
}
/* v3 */


/* ── Product page WhatsApp enquiry button ── */
.mirck-wa-buy-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    margin-top: 12px;
    padding: 5px 20px;
    background: #25D366;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    border-radius: 35px;
    box-shadow: 0 2px 8px rgba(37,211,102,0.25);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    box-sizing: border-box;
    line-height: 1.3;
    text-transform: capitalize;
}
.mirck-wa-buy-btn:hover,
.mirck-wa-buy-btn:focus {
    background: #1ebe5d !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37,211,102,0.40);
    transform: translateY(-1px);
    text-decoration: none !important;
}
.mirck-wa-buy-btn svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}
/* v5 */


/* ====== 手机端优化（2026-03-22） ====== */

/* Fix 1: 购物车图标移入移动端 header 后的样式补全 */
@media (max-width: 1024px) {
    .whb-mobile-right .wd-header-cart {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        position: relative;
    }
    .whb-mobile-right .wd-header-cart .wd-tools-icon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .whb-mobile-right .wd-cart-number {
        position: absolute;
        top: 2px;
        right: 2px;
        font-size: 10px;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
    }
}

/* Fix 2: Hero 轮播文字白色 + 阴影，提升对比度 */
@media (max-width: 1024px) {
    .wd-slide h1,
    .wd-slide h2,
    .wd-slide h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 6px rgba(0,0,0,0.8) !important;
    }
    .wd-slide p {
        color: rgba(255,255,255,0.95) !important;
        text-shadow: 0 1px 4px rgba(0,0,0,0.65) !important;
    }
}

/* Fix 3: WhatsApp 悬浮按钮手机端缩小，避免遮挡内容 */
@media (max-width: 768px) {
    #whatsapp-float-btn {
        width: 48px !important;
        height: 48px !important;
        bottom: 80px !important;
        right: 12px !important;
    }
    #whatsapp-float-btn img {
        width: 48px !important;
        height: 48px !important;
    }
}

/* Fix 4: 产品页面包屑 + 前后产品导航不溢出 */
@media (max-width: 768px) {
    .wd-breadcrumbs-row {
        flex-wrap: wrap;
        gap: 4px;
    }
    .woocommerce-breadcrumb,
    .woodmart-breadcrumbs {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100vw - 130px);
    }
}

/* Fix 5: Hero 底部文字分页标签（wd-pagin-text）不溢出 */
@media (max-width: 768px) {
    .wd-nav-pagin-wrap.wd-pagin-text {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px 10px !important;
        padding: 8px 4px !important;
    }
    .wd-nav-pagin-wrap.wd-pagin-text .wd-nav-pagin-item {
        font-size: 11px !important;
    }
}

/* Fix 6: Shop 商品卡片变体下拉宽度完整显示 */
@media (max-width: 768px) {
    .woodmart-product-variations-form .variations select,
    .product-loop-variations select {
        max-width: 100%;
        font-size: 12px;
    }
}

/* Fix 7: 手机菜单 MENU/CATEGORIES 去除重复品牌条目（2026-03-23） */
/* MENU tab 只保留导航页面，品牌分类留给 CATEGORIES tab */
@media (max-width: 1024px) {
    .mobile-pages-menu li:has(> a[href*="/product-category/"]) {
        display: none !important;
    }
}


/* ====== Hero 幻灯片文字：桌面端改为白色（Fix 2b，2026-03-23） ====== */
.wd-slide h1, .wd-slide h2, .wd-slide h3 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
}

/* ====== Why Choose Us 信任信号卡片（2026-03-23） ====== */
.mirck-usp-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mirck-usp-label {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #aaa !important;
    font-weight: 700 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}
.mirck-usp-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1;
}
.mirck-usp-list li {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 10px 16px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    position: relative !important;
    margin: 0 !important;
}
.mirck-usp-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 3px !important;
    height: 28px !important;
    background: #1a1a1a !important;
    border-radius: 2px !important;
}
.mirck-usp-list li:last-child {
    border-bottom: none !important;
}
.mirck-usp-list li strong {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    display: block !important;
    margin-bottom: 2px !important;
}
.mirck-usp-list li span {
    font-size: 11px !important;
    color: #888 !important;
    line-height: 1.3 !important;
}
.mirck-usp-cta {
    display: block !important;
    margin-top: 16px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 50px !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s !important;
}
.mirck-usp-cta:hover {
    background: #1a1a1a !important;
    color: #fff !important;
}


/* ── Fix 9: Three-column hero row equal-height alignment (2026-03-27) ── */
/* Row: stretch all columns to same height */
.wd-37d0affc {
    align-items: stretch !important;
}
/* Col 1 (Why Choose Us): fill column height, inner card fills too */
.wd-c71b57c7 {
    display: flex !important;
    flex-direction: column !important;
}
.wd-c71b57c7 .wp-block-html {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column !important;
}
.wd-c71b57c7 .wp-block-html > div {
    flex: 1 1 auto;
}
/* Col 3 (Editors' Picks): fill column height, stack content vertically */
.wd-b6f7cc16 {
    display: flex !important;
    flex-direction: column !important;
}
/* Carousel in col 3 takes remaining space */
.wd-b6f7cc16 .wd-38d5e3de {
    flex: 1 1 auto;
}
/* Carousel images fill space cleanly */
.wd-b6f7cc16 .wd-carousel-inner,
.wd-b6f7cc16 .wd-carousel-wrap {
    height: 100%;
}
.wd-b6f7cc16 .wd-c68528c7,
.wd-b6f7cc16 .wd-1a7b4a9f {
    height: 100% !important;
}

/* ── Fix 10: Product tabs — tighter spacing + pill style refinement ── */
.wd-1e29c985 .wd-nav-tabs {
    gap: 6px;
    flex-wrap: wrap;
    padding: 6px 0;
}
.wd-1e29c985 .wd-nav-tabs .wd-nav-link {
    padding: 6px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
/* Active tab: white text on primary background */
.wd-1e29c985 .wd-nav-tabs .active .wd-nav-link {
    font-weight: 700 !important;
}
/* Products grid under tabs — consistent card borders */
.wd-products-tabs .wd-products .product-grid-item {
    border-radius: 8px !important;
    overflow: hidden;
}

/* ── Fix 11: Factory Picks section — vertical alignment of 2 columns ── */
/* Find the Factory Picks row by its child blockId eb9fae98 */
.wd-eb9fae98 {
    align-items: stretch !important;
}
/* Left text column fills height */
.wd-eb9fae98 > .wd-column:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ── Fix 12: Section spacing tightening ── */
/* "Top Collections" title — reduce gap before tabs */
.wd-c1a2b3c4 {
    margin-bottom: 12px !important;
}
/* "Factory Picks" title — consistent with Top Collections */
.wd-c2a2b3c4 {
    margin-bottom: 16px !important;
}
/* Products grid bottom spacing */
.wd-products-grid .wd-products {
    margin-bottom: 0 !important;
}

/* ── Fix 13: Slider height consistency on smaller desktops ── */
@media (max-width: 1280px) and (min-width: 1025px) {
    .wd-a4f8e60e {
        min-height: 460px !important;
    }
}

/* ── Accessibility fixes (2026-03-28) ── */
/* 1. Footer inline links: underline so they are distinguishable without color */
.wp-block-wd-column p a,
footer p a,
.wp-block-wd-paragraph a {
    text-decoration: underline !important;
}

/* 2. Improve contrast for header top bar text */
.wd-header-text,
.wd-header-text strong,
.wd-header-text span {
    color: #555 !important;
}

/* 3. Skip link: ensure focusable */
.wd-skip-navigation:focus {
    left: 0 !important;
    top: 0 !important;
    z-index: 999999 !important;
    clip: auto !important;
    clip-path: none !important;
}