/*
 * AUTO-XDIAG — UNIFIED RESPONSIVE DESIGN SYSTEM
 * Replacement file: public_html/wp-content/themes/woodmart-child/auto-xdiag.css
 * Theme: Woodmart Child
 * Palette: Navy + Lime | WooCommerce functionality preserved
 */

/* =========================================================
   1. DESIGN TOKENS
   ========================================================= */
:root {
    --ax-navy: #071321;
    --ax-navy-light: #0d1e30;
    --ax-navy-soft: #152c40;
    --ax-green: #b7ff00;
    --ax-green-hover: #d0ff66;
    --ax-text: #172033;
    --ax-muted: #697586;
    --ax-white: #ffffff;
    --ax-bg: #f5f7fa;
    --ax-border: #e1e7ed;
    --ax-radius: 12px;
    --ax-radius-lg: 20px;
    --ax-shadow: 0 8px 28px rgba(7,19,33,.08);
    --ax-shadow-hover: 0 16px 36px rgba(7,19,33,.14);
    --ax-transition: .25s ease;
}

/* =========================================================
   2. GLOBAL
   ========================================================= */
html { scroll-behavior: smooth; }
body { color: var(--ax-text); background: #fff; }
img { max-width: 100%; }
button, input, select, textarea,
.wd-button, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
    transition: background-color var(--ax-transition), color var(--ax-transition),
        border-color var(--ax-transition), transform var(--ax-transition),
        box-shadow var(--ax-transition);
}

/* =========================================================
   3. SHARED COMPONENTS
   ========================================================= */
.ax-btn, .ax-btn-outline {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-height: 46px; padding: 12px 22px; border: 1px solid transparent;
    border-radius: 9px; font-weight: 800; line-height: 1.4;
    text-align: center; text-decoration: none; cursor: pointer;
}
.ax-btn { background: var(--ax-green); color: var(--ax-navy); }
.ax-btn:hover { background: var(--ax-green-hover); color: var(--ax-navy); transform: translateY(-2px); }
.ax-btn-outline { border-color: rgba(255,255,255,.35); background: transparent; color: #fff; }
.ax-btn-outline:hover { border-color: var(--ax-green); color: var(--ax-green); }
.ax-section { padding: 64px 0; }
.ax-eyebrow {
    display: inline-flex; align-items: center; gap: 9px; color: #537b0c;
    font-size: 12px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase;
}
.ax-eyebrow::before { width: 22px; height: 3px; border-radius: 3px; background: var(--ax-green); content: ""; }
.ax-heading { margin: 12px 0 16px; color: var(--ax-navy); font-size: clamp(28px,4vw,42px); font-weight: 850; line-height: 1.15; }
.ax-description { max-width: 720px; color: var(--ax-muted); font-size: 16px; line-height: 1.8; }

/* =========================================================
   4. CUSTOM HOMEPAGE BASE
   ========================================================= */
.dx-home, .dx-home *, .dx-home *::before, .dx-home *::after { box-sizing: border-box; }
.dx-home {
    --dx-bg: #071321; --dx-panel: #0d1e30; --dx-lime: #b7ff00;
    --dx-white: #f3f6f8; --dx-muted: #a5b3c1;
    display: block; width: 100%; max-width: 100%; min-width: 0;
    overflow: hidden; isolation: isolate; color: var(--dx-white);
    background: var(--dx-bg); font-family: inherit; line-height: 1.6;
}
.dx-home a { text-decoration: none !important; }
.dx-home img { display: block; max-width: 100%; }
.dx-home h1, .dx-home h2, .dx-home h3, .dx-home p { overflow-wrap: anywhere; }
.dx-home h2, .dx-home h3 { line-height: 1.25; }
.dx-home p { line-height: 1.8; }
.dx-home h1 em, .dx-home h2 em { color: var(--dx-lime); font-style: normal; }

/* =========================================================
   5. HERO
   ========================================================= */
.dx-home .dx-hero {
    position: relative; display: flex; align-items: center; min-height: 520px;
    padding: 70px 6%; overflow: hidden; border-radius: var(--ax-radius-lg);
    background: radial-gradient(circle at 82% 22%,rgba(183,255,0,.11),transparent 31%),
        linear-gradient(115deg,#071321 0%,#0b1b2d 65%,#102536 100%);
    color: #fff; isolation: isolate;
}
.dx-home .dx-grid {
    position: absolute; inset: 0; z-index: -1; opacity: .17;
    background-image: linear-gradient(#416078 1px,transparent 1px),linear-gradient(90deg,#416078 1px,transparent 1px);
    background-size: 42px 42px; pointer-events: none;
}
.dx-home .dx-hero-content { position: relative; z-index: 2; width: 64%; max-width: 720px; min-width: 0; }
.dx-home .dx-label, .dx-home .dx-kicker { display: block; color: var(--dx-lime); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; }
.dx-home .dx-label { margin-bottom: 24px; }
.dx-home .dx-label span, .dx-home .dx-live-dot {
    display: inline-block; width: 8px; height: 8px; margin-right: 8px;
    border-radius: 50%; background: var(--dx-lime); box-shadow: 0 0 12px rgba(183,255,0,.5);
}
.dx-home .dx-hero h1 { margin: 0 0 22px; color: #fff; font-size: clamp(38px,5.5vw,72px); font-weight: 900; line-height: 1.06; letter-spacing: -1.5px; }
.dx-home .dx-hero-content > p { max-width: 540px; margin: 0 0 28px; color: #b8c5d1; font-size: clamp(15px,1.6vw,18px); line-height: 1.8; }
.dx-home .dx-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.dx-home .dx-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; max-width: 100%; padding: 13px 20px; border: 1px solid transparent;
    border-radius: 7px; font-size: 11px; font-weight: 900; letter-spacing: .4px;
    line-height: 1.5; text-align: center; overflow-wrap: anywhere;
}
.dx-home .dx-primary { border-color: var(--dx-lime); background: var(--dx-lime); color: var(--dx-bg) !important; }
.dx-home .dx-outline { border-color: #516477; background: transparent; color: #fff !important; }
.dx-home .dx-proof { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); }
.dx-home .dx-proof div { display: flex; flex-direction: column; gap: 3px; }
.dx-home .dx-proof strong { color: var(--dx-lime); font-size: 15px; }
.dx-home .dx-proof span { color: #9baab8; font-size: 9px; letter-spacing: 1px; }
.dx-home .dx-orbit { position: absolute; top: 50%; right: 4%; width: 34%; max-width: 360px; aspect-ratio: 1; transform: translateY(-50%); }
.dx-home .dx-hex { position: absolute; inset: 10%; border: 1px solid rgba(183,255,0,.38); transform: rotate(30deg); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.dx-home .dx-hex-one { inset: 4%; border-width: 2px; border-color: var(--dx-lime); }
.dx-home .dx-hex-two { inset: 22%; transform: none; border-color: #6e8b9b; }
.dx-home .dx-core { position: absolute; inset: 31%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(183,255,0,.5); border-radius: 50%; background: radial-gradient(circle,#18334a,#071321 75%); }
.dx-home .dx-core span { color: var(--dx-lime); font-size: 43px; font-weight: 900; line-height: 1; }
.dx-home .dx-core small { margin-top: 8px; font-size: 9px; text-align: center; letter-spacing: 1px; }
.dx-home .dx-node { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--dx-lime); box-shadow: 0 0 15px var(--dx-lime); }
.dx-home .dx-node-one { top: 15%; right: 15%; }
.dx-home .dx-node-two { bottom: 12%; left: 17%; }
.dx-home .dx-node-three { right: 5%; bottom: 36%; }
.dx-home .dx-bottom-line { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg,transparent,var(--dx-lime),transparent); }

/* =========================================================
   6. HOMEPAGE SECTIONS AND SERVICE CARDS
   ========================================================= */
.dx-home .dx-services, .dx-home .dx-products {
    display: block; width: 100%; min-width: 0; padding: 60px 6%; color: var(--ax-navy); background: #f2f5f7;
}
.dx-home .dx-products { background: #fff; }
.dx-home .dx-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.dx-home .dx-section-head > div { min-width: 0; }
.dx-home .dx-section-head .dx-kicker { color: #567d0c; }
.dx-home .dx-section-head h2 { margin: 9px 0 0; color: var(--ax-navy); font-size: clamp(25px,3.2vw,39px); font-weight: 900; line-height: 1.18; }
.dx-home .dx-section-head h2 em { color: #567d0c; }
.dx-home .dx-section-head > p { max-width: 390px; margin: 0; color: #687887; font-size: 13px; }
.dx-home .dx-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 22px; width: 100%; }
.dx-home .dx-service, .dx-home .dx-software-card, .dx-home .dx-files-card,
.dx-home .dx-service-card, .dx-home .dx-feature-card {
    display: flex; flex-direction: column; min-width: 0; overflow: hidden;
    border: 1px solid #dce4e9; border-radius: 10px; background: #fff;
    color: var(--ax-navy) !important; box-shadow: 0 5px 22px rgba(7,19,33,.05);
    transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.dx-home .dx-service-visual {
    position: relative; height: 225px; min-height: 225px; overflow: hidden;
    background: radial-gradient(ellipse at 50% 55%,#1d4052 0%,transparent 48%),linear-gradient(135deg,#071321,#102a3d 58%,#071321);
}
.dx-home .dx-files-visual { background: radial-gradient(ellipse at 50% 55%,#1b3d50 0%,transparent 48%),linear-gradient(135deg,#0b1928,#123247 58%,#071321); }
.dx-home .dx-service-visual::before { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(#7ca0b4 1px,transparent 1px),linear-gradient(90deg,#7ca0b4 1px,transparent 1px); background-size: 25px 25px; content: ""; }
.dx-home .dx-visual-top { position: absolute; top: 18px; right: 20px; left: 20px; display: flex; align-items: center; gap: 8px; color: #eaf1f5; }
.dx-home .dx-visual-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--dx-lime); }
.dx-home .dx-visual-label { font-size: 9px; font-weight: 900; letter-spacing: 1px; }
.dx-home .dx-visual-status { margin-left: auto; color: var(--dx-lime); font-size: 8px; font-weight: 800; text-align: right; }
.dx-home .dx-chip-art { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 145px; height: 145px; transform: translate(-50%,-42%); }
.dx-home .dx-chip-lines { position: absolute; inset: -20px; border: 1px solid rgba(183,255,0,.35); transform: rotate(45deg); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.dx-home .dx-chip-core { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 108px; height: 108px; border: 1px solid rgba(183,255,0,.65); border-radius: 8px; background: linear-gradient(145deg,#152f40,#071321); }
.dx-home .dx-chip-core span { color: var(--dx-lime); font-size: 29px; font-weight: 900; }
.dx-home .dx-chip-core small { margin-top: 5px; color: #9db0bd; font-size: 7px; }
.dx-home .dx-file-art { position: absolute; top: 50%; left: 50%; width: 190px; height: 145px; transform: translate(-50%,-38%); }
.dx-home .dx-file-back { position: absolute; top: 5px; left: 34px; width: 120px; height: 110px; border: 1px solid rgba(183,255,0,.35); border-radius: 5px; transform: rotate(9deg); background: #0d2638; }
.dx-home .dx-file-front { position: absolute; top: 0; left: 20px; width: 150px; min-height: 125px; padding: 12px; border: 1px solid #648294; border-radius: 5px; background: linear-gradient(145deg,#152e40,#091827); }
.dx-home .dx-file-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.12); }
.dx-home .dx-file-symbol { color: var(--dx-lime); font-size: 18px; font-weight: 900; }
.dx-home .dx-file-tag { color: #a9bac6; font-size: 7px; }
.dx-home .dx-file-line { height: 3px; margin-top: 9px; border-radius: 2px; background: #8ba2b1; opacity: .65; }
.dx-home .dx-file-line-long { width: 100%; }
.dx-home .dx-file-line-mid { width: 72%; }
.dx-home .dx-file-line-short { width: 46%; }
.dx-home .dx-file-code { margin-top: 10px; color: var(--dx-lime); font-family: monospace; font-size: 9px; }
.dx-home .dx-visual-footer { position: absolute; right: 20px; bottom: 16px; left: 20px; display: flex; align-items: center; justify-content: space-between; color: #a9bac6; font-size: 8px; font-weight: 800; }
.dx-home .dx-visual-footer span:first-child { color: var(--dx-lime); }
.dx-home .dx-service-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; min-width: 0; padding: 24px; }
.dx-home .dx-number { color: #7c8b98; font-size: 9px; font-weight: 800; letter-spacing: 1px; }
.dx-home .dx-service h3, .dx-home .dx-software-card h3, .dx-home .dx-files-card h3,
.dx-home .dx-service-card h3, .dx-home .dx-feature-card h3 {
    margin: 12px 0 10px; color: var(--ax-navy); font-size: clamp(17px,2vw,23px); font-weight: 900; line-height: 1.35;
}
.dx-home .dx-service p, .dx-home .dx-software-card p, .dx-home .dx-files-card p,
.dx-home .dx-service-card p, .dx-home .dx-feature-card p { color: #687887; font-size: 13px; line-height: 1.8; }
.dx-home .dx-link { display: flex; align-items: center; gap: 8px; width: 100%; margin-top: auto; padding-top: 14px; border-top: 1px solid #e5ebef; color: #263e4f; font-size: 10px; font-weight: 900; letter-spacing: .5px; }
.dx-home .dx-link > span { margin-left: auto; color: #5c8300; font-size: 16px; }

/* =========================================================
   7. HOMEPAGE CTA AND FOOTER STRIP
   ========================================================= */
.dx-home .dx-text-link { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid var(--dx-lime); color: var(--ax-navy) !important; font-size: 10px; font-weight: 900; }
.dx-home .dx-product-note { display: flex; align-items: center; gap: 15px; padding: 23px; border-radius: 8px; background: var(--ax-navy); color: #fff; }
.dx-home .dx-product-note > div { flex: 1; min-width: 0; }
.dx-home .dx-product-note strong { font-size: 12px; letter-spacing: .5px; }
.dx-home .dx-product-note p { margin: 4px 0 0; color: #b1beca; font-size: 11px; }
.dx-home .dx-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 40px; padding: 40px; border: 1px solid rgba(183,255,0,.18); border-radius: var(--ax-radius); background: radial-gradient(circle at 90% 20%,rgba(183,255,0,.09),transparent 36%),linear-gradient(135deg,#0d1e30,#071321); color: #fff; }
.dx-home .dx-cta > div { min-width: 0; }
.dx-home .dx-cta h2 { margin: 0 0 16px; color: #fff; font-size: clamp(27px,4vw,42px); font-weight: 900; line-height: 1.2; }
.dx-home .dx-cta h2 em { color: var(--dx-lime); }
.dx-home .dx-cta p { max-width: 620px; color: #b1beca; font-size: 15px; }
.dx-home .dx-footer-strip { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.12); color: #a5b3c1; font-size: 10px; font-weight: 700; }
.dx-home .dx-footer-strip span:first-child { color: var(--dx-lime); font-weight: 900; }

/* =========================================================
   8. WOOCOMMERCE PRODUCT CARDS — ONE CONSISTENT STYLE
   ========================================================= */
.woocommerce ul.products, .woocommerce-page ul.products { row-gap: 22px; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
body.page-id-16748 .wp-block-shortcode ul.products li.product,
.post-type-archive-product ul.products li.product {
    display: flex !important; flex-direction: column !important; min-width: 0 !important;
    overflow: hidden !important; padding: 12px !important;
    border: 1px solid var(--ax-border) !important; border-radius: 14px !important;
    background: #fff !important; color: var(--ax-navy) !important;
    box-shadow: 0 4px 18px rgba(7,19,33,.055) !important;
    transition: transform var(--ax-transition),box-shadow var(--ax-transition),border-color var(--ax-transition);
}
.woocommerce ul.products li.product .product-wrapper,
.woocommerce-page ul.products li.product .product-wrapper,
.woocommerce ul.products li.product .product-element-top,
.woocommerce ul.products li.product .product-element-bottom,
.woocommerce ul.products li.product .hover-img,
.woocommerce ul.products li.product .product-image-link,
.post-type-archive-product .product-wrapper,
.post-type-archive-product .product-element-bottom,
.post-type-archive-product .product-element-top {
    background: #fff !important;
}
.woocommerce ul.products li.product .product-wrapper,
.woocommerce-page ul.products li.product .product-wrapper { display: flex !important; flex-direction: column !important; height: 100% !important; }
.woocommerce ul.products li.product .product-element-bottom,
.woocommerce-page ul.products li.product .product-element-bottom { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; }
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    display: block; width: 100%; height: 175px; margin: 0 auto 12px;
    border-radius: 8px; background: #fff !important; object-fit: contain !important;
    transition: transform .35s ease;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .wd-entities-title,
.woocommerce-page ul.products li.product .wd-entities-title {
    color: var(--ax-navy) !important; font-size: 14px; font-weight: 800; line-height: 1.5;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { margin: 9px 0 12px; color: #527e0d !important; font-size: 17px; font-weight: 850; line-height: 1.5; }
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del { color: #87919c !important; font-size: 13px; font-weight: 500; opacity: 1 !important; }
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins { color: #527e0d !important; text-decoration: none !important; opacity: 1 !important; }
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating { color: #e8b600 !important; }
.woocommerce span.onsale { min-height: auto; padding: 7px 11px; border-radius: 7px; background: var(--ax-green) !important; color: var(--ax-navy) !important; font-size: 11px; font-weight: 900; }
.woocommerce ul.products li.product .stock,
.woocommerce ul.products li.product .wd-product-stock,
.post-type-archive-product .stock,
.post-type-archive-product .wd-product-stock { color: #527e0d !important; }

/* Homepage shortcode product grid: 4 desktop / 2 mobile */
body.page-id-16748 .wp-block-shortcode ul.products {
    display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    align-items: stretch !important; gap: 16px !important; padding: 0 !important;
    margin: 28px 0 32px !important;
}
body.page-id-16748 .wp-block-shortcode ul.products::before,
body.page-id-16748 .wp-block-shortcode ul.products::after { display: none !important; }
body.page-id-16748 .wp-block-shortcode ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; }
body.page-id-16748 .wp-block-shortcode ul.products li.product img { height: 170px !important; object-fit: contain !important; }
body.page-id-16748 .wp-block-shortcode ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; }
body.page-id-16748 .wp-block-shortcode ul.products li.product .price { font-size: 16px !important; }

/* =========================================================
   9. ADD TO CART BUTTONS
   ========================================================= */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 11px 16px; border: 1px solid var(--ax-navy) !important;
    border-radius: 8px; background: var(--ax-navy) !important;
    background-image: none !important; color: var(--ax-green) !important;
    font-size: 12px; font-weight: 800; line-height: 1.4; text-align: center;
    text-transform: none; box-shadow: none !important;
}
.woocommerce ul.products li.product .wd-add-btn,
.woocommerce-page ul.products li.product .wd-add-btn { margin-top: auto !important; }
body.page-id-16748 .woocommerce ul.products li.product a.button,
body.page-id-16748 .woocommerce ul.products li.product .wd-add-btn > a,
body.page-id-16748 .wp-block-shortcode ul.products li.product a.button,
body.page-id-16748 .wp-block-shortcode ul.products li.product .wd-add-btn > a,
body.page-id-16748 .hexag-popular-products a.button,
body.page-id-16748 .hexag-popular-products .wd-add-btn > a,
body.home .hexag-popular-products a.button,
body.home .hexag-popular-products .wd-add-btn > a {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; min-width: 0 !important; min-height: 44px !important;
    height: auto !important; margin: auto 0 0 !important; padding: 10px 12px !important;
    border: 1px solid #071321 !important; border-radius: 8px !important;
    background: #071321 !important; background-image: none !important;
    color: #b7ff00 !important; font-size: 12px !important; font-weight: 800 !important;
    line-height: 1.4 !important; text-align: center !important; text-transform: none !important;
    white-space: normal !important; box-shadow: none !important;
}
body.page-id-16748 .woocommerce ul.products li.product a.button::before,
body.page-id-16748 .woocommerce ul.products li.product a.button::after,
body.page-id-16748 .woocommerce ul.products li.product .wd-add-btn > a::before,
body.page-id-16748 .woocommerce ul.products li.product .wd-add-btn > a::after,
body.page-id-16748 .hexag-popular-products a.button::before,
body.page-id-16748 .hexag-popular-products a.button::after,
body.page-id-16748 .hexag-popular-products .wd-add-btn > a::before,
body.page-id-16748 .hexag-popular-products .wd-add-btn > a::after { background: transparent !important; box-shadow: none !important; }
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
body.page-id-16748 .hexag-popular-products a.button:hover,
body.page-id-16748 .hexag-popular-products .wd-add-btn > a:hover {
    border-color: var(--ax-green) !important; background: var(--ax-green) !important;
    color: var(--ax-navy) !important;
}

/* =========================================================
   10. WISHLIST — KEEP ACTIONS WORKING, REMOVE VISUAL CLUTTER
   ========================================================= */
.woocommerce ul.products li.product .wd-wishlist-btn,
.woocommerce-page ul.products li.product .wd-wishlist-btn,
.post-type-archive-product .wd-wishlist-btn { z-index: 5; }
.woocommerce ul.products li.product .wd-wishlist-btn a,
.woocommerce-page ul.products li.product .wd-wishlist-btn a,
.post-type-archive-product .wd-wishlist-btn a { color: var(--ax-navy) !important; }
.woocommerce ul.products li.product .tinv-wraper,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce-page ul.products li.product .tinv-wraper,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist {
    display: inline-flex !important; align-items: center !important; gap: 7px;
    margin: 10px 0 0 !important; opacity: 1 !important; visibility: visible !important;
}
.woocommerce ul.products li.product .tinv-wraper a,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a,
.woocommerce-page ul.products li.product .tinv-wraper a,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist a {
    display: inline-flex; align-items: center; gap: 7px; color: #52606d !important;
    font-size: 12px; text-decoration: none !important;
}

/* =========================================================
   11. PRICE VISIBILITY AND SINGLE PRODUCT
   ========================================================= */
body .products .price ins, body .products .price ins .amount,
body .related-products .price ins, body .related-products .price ins .amount,
body .woocommerce div.product p.price ins, body .woocommerce div.product span.price ins {
    color: #5b8f00 !important; font-size: 21px !important; font-weight: 800 !important;
    text-decoration: none !important; opacity: 1 !important;
}
body .products .price del, body .related-products .price del,
body .woocommerce div.product p.price del, body .woocommerce div.product span.price del {
    color: #737d89 !important; font-size: 15px !important; font-weight: 500 !important; opacity: 1 !important;
}
body .products .price, body .related-products .price { line-height: 1.6 !important; }
.single-product .product_title { color: var(--ax-navy); font-weight: 850; line-height: 1.25; }
.single-product .summary .price { color: #527e0d; font-size: 25px; font-weight: 850; }
.single-product form.cart .quantity input.qty { min-height: 44px; border-radius: 8px; }
.single-product .woocommerce-tabs { margin-top: 35px; }

/* =========================================================
   12. CART, CHECKOUT AND ACCOUNT — FUNCTIONALITY UNCHANGED
   ========================================================= */
.woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table,
.woocommerce-account table.shop_table { overflow: hidden; border-color: var(--ax-border); border-radius: 10px; }
.woocommerce-cart .cart_totals, .woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-content { border-radius: var(--ax-radius); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea, .woocommerce-page form .form-row select {
    min-height: 44px; border-color: var(--ax-border); border-radius: 8px;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus { border-color: #9bd42d; outline: none; box-shadow: 0 0 0 3px rgba(183,255,0,.16); }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: var(--ax-green); border-radius: 8px; }

/* =========================================================
   13. BREADCRUMBS
   ========================================================= */
.woocommerce-breadcrumb { color: var(--ax-muted); font-size: 12px; }
.woocommerce-breadcrumb a { color: #526b84; }
.woocommerce-breadcrumb a:hover { color: #527e0d; }

/* =========================================================
   14. WOODMART HEADER
   ========================================================= */
.whb-header, .whb-header .whb-row, .whb-header .whb-general-header,
.whb-header .whb-main-header, .whb-header .whb-sticky-header,
.whb-header .whb-mobile-header, .whb-header .whb-row-inner {
    background-color: #071321 !important; background-image: none !important;
}
.whb-header .whb-row { border-color: rgba(255,255,255,.10) !important; }
.whb-header .whb-col-left, .whb-header .whb-col-center, .whb-header .whb-col-right,
.whb-header .site-logo, .whb-header .wd-logo, .whb-header .wd-header-logo { background: transparent !important; }
.whb-header .site-logo img, .whb-header .wd-logo img, .whb-header .wd-header-logo img { display: block; width: auto; max-height: 65px; object-fit: contain; }
.whb-header .wd-nav > li > a, .whb-header .wd-nav-main > li > a,
.whb-header .wd-header-nav .wd-nav > li > a { color: #fff !important; font-weight: 700; text-decoration: none !important; }
.whb-header .wd-nav > li:hover > a, .whb-header .wd-nav-main > li:hover > a,
.whb-header .wd-nav > li.current-menu-item > a, .whb-header .wd-nav > li.current-menu-ancestor > a { color: var(--ax-green) !important; }
.wd-header-nav .wd-nav > li > a::before, .wd-header-nav .wd-nav > li > a::after,
.wd-header-nav .wd-nav-main > li > a::before, .wd-header-nav .wd-nav-main > li > a::after,
.wd-nav-main > li > a::before, .wd-nav-main > li > a::after { border-color: var(--ax-green) !important; background-color: var(--ax-green) !important; }
.whb-header .wd-tools-icon, .whb-header .wd-tools-icon::before, .whb-header .wd-header-element,
.whb-header .wd-header-text, .whb-header .wd-header-my-account a,
.whb-header .wd-header-cart a, .whb-header .wd-header-wishlist a,
.whb-header .wd-header-search a { color: #fff !important; }
.whb-header .wd-tools-icon:hover, .whb-header .wd-header-element:hover { color: var(--ax-green) !important; }
.whb-header .wd-header-text a { color: #fff !important; }
.whb-header input[type="search"], .whb-header .wd-search-form input { border-color: rgba(255,255,255,.20) !important; background: var(--ax-navy-light) !important; color: #fff !important; }
.whb-header input[type="search"]::placeholder, .whb-header .wd-search-form input::placeholder { color: #a5b3c1 !important; }
.whb-header .wd-dropdown, .whb-header .wd-dropdown-menu, .whb-header .sub-menu { border-color: rgba(183,255,0,.20) !important; background: var(--ax-navy-light) !important; }
.whb-header .wd-dropdown a, .whb-header .sub-menu a { color: #fff !important; }
.whb-header .wd-dropdown a:hover, .whb-header .sub-menu a:hover { color: var(--ax-green) !important; }

/* =========================================================
   15. WOODMART FOOTER
   ========================================================= */
.wd-footer, .wd-footer .container, .wd-footer .footer-container, .wd-footer .wd-row,
.wd-footer .wd-section, .wd-footer .wd-footer-main, .wd-footer .wd-footer-content,
.wd-prefooter, .wd-prefooter .container, .wd-prefooter .wd-row, .wd-prefooter .wd-section,
.wd-copyright, .wd-copyright .container, footer.site-footer {
    background-color: #071321 !important; background-image: none !important;
}
.wd-footer, .wd-prefooter, .wd-copyright { border-color: rgba(255,255,255,.10) !important; }
.wd-footer h1, .wd-footer h2, .wd-footer h3, .wd-footer h4,
.wd-prefooter h1, .wd-prefooter h2, .wd-prefooter h3, .wd-prefooter h4 { color: #fff !important; font-weight: 800; }
.wd-footer, .wd-footer p, .wd-footer li, .wd-footer span,
.wd-prefooter, .wd-prefooter p, .wd-prefooter li, .wd-prefooter span,
.wd-copyright, .wd-copyright p, .wd-copyright span { color: #a5b3c1 !important; }
.wd-footer a, .wd-prefooter a, .wd-copyright a { color: #dce5ec !important; text-decoration: none !important; }
.wd-footer a:hover, .wd-prefooter a:hover, .wd-copyright a:hover { color: var(--ax-green) !important; }
.wd-footer .wd-logo, .wd-footer .site-logo, .wd-prefooter .wd-logo, .wd-prefooter .site-logo { background: transparent !important; }
.wd-footer .wd-logo img, .wd-footer .site-logo img, .wd-prefooter .wd-logo img, .wd-prefooter .site-logo img { display: block; width: auto; max-height: 65px; background: transparent !important; object-fit: contain; }
.wd-footer i, .wd-footer svg, .wd-prefooter i, .wd-prefooter svg { color: var(--ax-green) !important; }
.wd-footer hr, .wd-prefooter hr { border-color: rgba(255,255,255,.12) !important; }

/* =========================================================
   16. TABLET
   ========================================================= */
@media (max-width: 1024px) {
    .ax-section { padding: 48px 0; }
    .dx-home .dx-hero { padding: 55px 5%; }
    .dx-home .dx-services, .dx-home .dx-products { padding: 48px 5%; }
    body.page-id-16748 .wp-block-shortcode ul.products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; }
    .whb-header .whb-mobile-header, .whb-header .whb-mobile-header .whb-row,
    .whb-header .whb-mobile-header .whb-row-inner { background: #071321 !important; }
    .whb-header .wd-header-mobile-nav .wd-tools-icon,
    .whb-header .wd-header-mobile-nav a, .whb-header .wd-header-mobile-nav button { color: #fff !important; }
}

/* =========================================================
   17. MOBILE
   ========================================================= */
@media (max-width: 767px) {
    .ax-section { padding: 36px 0; }
    .ax-heading { font-size: 29px; }
    .dx-home { border-radius: 0; }
    .dx-home .dx-hero { min-height: auto; padding: 42px 22px; border-radius: 14px; }
    .dx-home .dx-hero-content { width: 100%; max-width: 100%; }
    .dx-home .dx-hero h1 { font-size: clamp(34px,9vw,48px); letter-spacing: -.7px; }
    .dx-home .dx-label { font-size: 10px; letter-spacing: 1px; }
    .dx-home .dx-hero-content > p { font-size: 14px; }
    .dx-home .dx-orbit { top: 17%; right: -23%; width: 65%; opacity: .14; pointer-events: none; }
    .dx-home .dx-actions { flex-direction: column; gap: 10px; width: 100%; margin-top: 20px; }
    .dx-home .dx-actions .dx-btn { width: 100%; min-height: 48px; margin: 0; padding: 13px 15px; font-size: 11px; }
    .dx-home .dx-proof { gap: 16px; margin-top: 28px; }
    .dx-home .dx-proof span { font-size: 8px; }
    .dx-home .dx-services, .dx-home .dx-products { padding: 40px 20px; }
    .dx-home .dx-section-head { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 24px; }
    .dx-home .dx-section-head h2 { font-size: clamp(24px,7vw,32px); }
    .dx-home .dx-section-head > p { max-width: 100%; }
    .dx-home .dx-service-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
    .dx-home .dx-service, .dx-home .dx-software-card, .dx-home .dx-files-card,
    .dx-home .dx-service-card, .dx-home .dx-feature-card { width: 100%; min-width: 0; }
    .dx-home .dx-service-visual { height: 215px; min-height: 215px; }
    .dx-home .dx-service-content { padding: 21px; }
    .dx-home .dx-service h3, .dx-home .dx-software-card h3, .dx-home .dx-files-card h3 { font-size: 19px; }
    .dx-home .dx-product-note { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
    .dx-home .dx-product-note > div { flex: 1 1 100%; min-width: 0; }
    .dx-home .dx-product-note .dx-btn { width: 100%; }
    .dx-home .dx-cta { align-items: flex-start; flex-direction: column; gap: 20px; margin-top: 28px; padding: 24px 20px; }
    .dx-home .dx-cta h2 { font-size: clamp(25px,7vw,32px); }
    .dx-home .dx-cta p { font-size: 14px; }
    .dx-home .dx-footer-strip { align-items: flex-start; flex-direction: column; font-size: 9px; }

    /* Product cards: consistent two-column mobile layout */
    body.page-id-16748 .wp-block-shortcode ul.products {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important;
    }
    body.page-id-16748 .wp-block-shortcode ul.products li.product,
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        min-width: 0 !important; padding: 9px !important; border-radius: 11px !important;
    }
    body.page-id-16748 .wp-block-shortcode ul.products li.product img,
    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        height: 125px !important; margin-bottom: 9px !important; object-fit: contain !important;
    }
    body.page-id-16748 .wp-block-shortcode ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .wd-entities-title { font-size: 12px !important; line-height: 1.45 !important; }
    body.page-id-16748 .wp-block-shortcode ul.products li.product .price,
    .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font-size: 14px !important; }
    body.page-id-16748 .wp-block-shortcode ul.products li.product a.button,
    body.page-id-16748 .wp-block-shortcode ul.products li.product .wd-add-btn > a,
    .woocommerce ul.products li.product .button,
    .woocommerce-page ul.products li.product .button {
        width: 100% !important; min-height: 42px !important; padding: 9px 5px !important;
        font-size: 10px !important; white-space: normal !important;
    }
    .woocommerce ul.products li.product .tinv-wraper a,
    .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a { font-size: 11px !important; }
    .single-product .product_title { font-size: 25px; }
    .wd-footer, .wd-prefooter { padding-top: 30px; padding-bottom: 30px; }
    .wd-copyright { padding-top: 15px; padding-bottom: 15px; }
    .wd-footer .wd-logo img, .wd-footer .site-logo img,
    .wd-prefooter .wd-logo img, .wd-prefooter .site-logo img { max-height: 55px; }
}

/* =========================================================
   18. VERY SMALL PHONES
   ========================================================= */
@media (max-width: 380px) {
    .dx-home .dx-hero { padding: 35px 16px; }
    .dx-home .dx-hero h1 { font-size: 33px; }
    .dx-home .dx-proof { gap: 12px; }
    .dx-home .dx-services, .dx-home .dx-products { padding-right: 15px; padding-left: 15px; }
    body.page-id-16748 .wp-block-shortcode ul.products { gap: 9px !important; }
}

/* =========================================================
   19. HOVER, FOCUS AND ACCESSIBILITY
   ========================================================= */
@media (hover: hover) {
    .dx-home .dx-primary:hover { transform: translateY(-2px); border-color: var(--dx-lime); background: var(--ax-green-hover); color: var(--ax-navy) !important; }
    .dx-home .dx-outline:hover { border-color: var(--dx-lime); background: #13283b; color: var(--dx-lime) !important; }
    .dx-home .dx-service:hover, .dx-home .dx-software-card:hover,
    .dx-home .dx-files-card:hover { transform: translateY(-3px); border-color: var(--dx-lime); box-shadow: var(--ax-shadow-hover); }
    body.page-id-16748 .wp-block-shortcode ul.products li.product:hover,
    .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
        transform: translateY(-3px); border-color: rgba(183,255,0,.75) !important; box-shadow: var(--ax-shadow-hover) !important;
    }
    .woocommerce ul.products li.product:hover a img,
    .woocommerce-page ul.products li.product:hover a img { transform: scale(1.02); }
}
.ax-btn:focus-visible, .dx-home a:focus-visible,
.woocommerce a:focus-visible, .woocommerce button:focus-visible {
    outline: 3px solid rgba(183,255,0,.8); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}