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


/* ==========================================================================
   MMKeys — WoodMart refinements  (added by Claude, 2026-09-13)
   Everything below is scoped with mm- prefixes or WoodMart's own classes.
   Safe to remove in one block to revert.
   ========================================================================== */
:root{
  --mm-navy:#0A3161;
  --mm-line:#e6eaf0;
  --mm-muted:#6b7280;
  --mm-ink:#111827;
  --mm-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9.2'%2F%3E%3Cpath%20d%3D'm8.2%2012.2%202.6%202.6%205-5.4'%2F%3E%3C%2Fsvg%3E");
}

/* ---------- 1. (removed) Sticky category rail is enabled again ---------- */

/* ---------- 2. Header: white background + outline icons ---------- */
.whb-general-header{background-color:#fff !important;border-bottom:1px solid var(--mm-line);}

/* outline nav icons instead of the coloured PNGs */
.whb-general-header .wd-header-secondary-nav .wd-nav > li > a img{display:none !important;}
.whb-general-header .wd-header-secondary-nav .wd-nav > li > a{
  display:flex;align-items:center;gap:8px;
  font-weight:600;letter-spacing:.01em;color:#1f2937;
}
.whb-general-header .wd-header-secondary-nav .wd-nav > li > a::before{
  content:"";flex:0 0 auto;width:19px;height:19px;
  background-color:currentColor;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  opacity:.9;transition:opacity .2s ease;
}
.whb-general-header .wd-header-secondary-nav .wd-nav > li > a:hover::before{opacity:1;}
.whb-general-header .wd-nav > li > a[href*="microsoft-office"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d%3D'M14%203v5h5'%2F%3E%3Cpath%20d%3D'M9%2013h6'%2F%3E%3Cpath%20d%3D'M9%2017h4'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d%3D'M14%203v5h5'%2F%3E%3Cpath%20d%3D'M9%2013h6'%2F%3E%3Cpath%20d%3D'M9%2017h4'%2F%3E%3C%2Fsvg%3E");}
.whb-general-header .wd-nav > li > a[href*="windows-11"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205.6%2010.5%204.7v6.5H4z'%2F%3E%3Cpath%20d%3D'M12.3%204.5%2020%203.4v7.8h-7.7z'%2F%3E%3Cpath%20d%3D'M4%2012.8h6.5v6.5L4%2018.4z'%2F%3E%3Cpath%20d%3D'M12.3%2012.8H20v7.8l-7.7-1.1z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205.6%2010.5%204.7v6.5H4z'%2F%3E%3Cpath%20d%3D'M12.3%204.5%2020%203.4v7.8h-7.7z'%2F%3E%3Cpath%20d%3D'M4%2012.8h6.5v6.5L4%2018.4z'%2F%3E%3Cpath%20d%3D'M12.3%2012.8H20v7.8l-7.7-1.1z'%2F%3E%3C%2Fsvg%3E");}
.whb-general-header .wd-nav > li > a[href*="windows-server"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'4'%20width%3D'18'%20height%3D'6'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'18'%20height%3D'6'%20rx%3D'1.6'%2F%3E%3Cpath%20d%3D'M6.8%207h.01'%2F%3E%3Cpath%20d%3D'M6.8%2017h.01'%2F%3E%3Cpath%20d%3D'M10.5%207h6'%2F%3E%3Cpath%20d%3D'M10.5%2017h6'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'4'%20width%3D'18'%20height%3D'6'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'18'%20height%3D'6'%20rx%3D'1.6'%2F%3E%3Cpath%20d%3D'M6.8%207h.01'%2F%3E%3Cpath%20d%3D'M6.8%2017h.01'%2F%3E%3Cpath%20d%3D'M10.5%207h6'%2F%3E%3Cpath%20d%3D'M10.5%2017h6'%2F%3E%3C%2Fsvg%3E");}
.whb-general-header .wd-nav > li > a[href*="/blog"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205.5A1.5%201.5%200%200%201%205.5%204H16a1.5%201.5%200%200%201%201.5%201.5V18a2%202%200%200%200%202%202H6a2%202%200%200%201-2-2z'%2F%3E%3Cpath%20d%3D'M17.5%208H20v10a2%202%200%200%201-2%202'%2F%3E%3Cpath%20d%3D'M7.5%208h6'%2F%3E%3Cpath%20d%3D'M7.5%2011.5h6'%2F%3E%3Cpath%20d%3D'M7.5%2015h4'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205.5A1.5%201.5%200%200%201%205.5%204H16a1.5%201.5%200%200%201%201.5%201.5V18a2%202%200%200%200%202%202H6a2%202%200%200%201-2-2z'%2F%3E%3Cpath%20d%3D'M17.5%208H20v10a2%202%200%200%201-2%202'%2F%3E%3Cpath%20d%3D'M7.5%208h6'%2F%3E%3Cpath%20d%3D'M7.5%2011.5h6'%2F%3E%3Cpath%20d%3D'M7.5%2015h4'%2F%3E%3C%2Fsvg%3E");}

/* thin separators between the nav entries, like the reference header */
.whb-general-header .wd-header-secondary-nav .wd-nav > li{position:relative;}
.whb-general-header .wd-header-secondary-nav .wd-nav > li + li::before{
  content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);
  width:1px;height:20px;background:var(--mm-line);
}

/* ---------- 3. Product title ---------- */
.single-product-page .wd-single-title .product_title{
  font-size:24px !important;line-height:1.32 !important;margin-bottom:4px;
}
@media(max-width:1024px){.single-product-page .wd-single-title .product_title{font-size:21px !important;}}
@media(max-width:575px){.single-product-page .wd-single-title .product_title{font-size:19px !important;}}

/* ---------- 4. Price + currency switcher on one line ---------- */
.mm-price-row{
  display:flex !important;align-items:center;gap:14px;flex-wrap:wrap;
  margin:10px 0 16px !important;
}
.mm-price-row > *{margin:0 !important;}
.mm-price-row .wd-single-price,.mm-price-row .price{margin:0 !important;}
.mm-price-row .price{line-height:1.1;}
.mm-price-row .woocommerce-currency-switcher-form{margin:0 !important;}
.mm-price-row .woocommerce-currency-switcher-form p{margin:0 !important;}
/* FOX's "sd" description paragraph never belongs next to the price */
.mm-price-row .woocs_price_info,.mm-price-row small,.mm-price-row .woocs_desc{display:none !important;}

/* ---------- 5. Trust bar (full width, under the gallery) ---------- */
.mm-trustbar{
  border:1px solid var(--mm-line);border-radius:14px;background:#fff;
  margin:0 0 32px;overflow:hidden;
}
.mm-trustbar-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.mm-tb-item{
  display:flex;align-items:center;gap:13px;padding:18px 22px;position:relative;min-width:0;
}
.mm-tb-item + .mm-tb-item::before{
  content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--mm-line);
}
.mm-tb-ico{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;
  background:rgba(10,49,97,.07);color:var(--mm-navy);
}
.mm-tb-ico svg{width:22px;height:22px;display:block;}
.mm-tb-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35;}
.mm-tb-txt strong{font-size:14px;font-weight:600;color:var(--mm-ink);}
.mm-tb-txt > span{font-size:12.5px;color:var(--mm-muted);}
@media(max-width:1024px){
  .mm-trustbar-inner{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mm-tb-item:nth-child(odd)::before{display:none;}
  .mm-tb-item:nth-child(n+3){border-top:1px solid var(--mm-line);}
}
@media(max-width:575px){
  .mm-trustbar-inner{grid-template-columns:1fr;}
  .mm-tb-item::before{display:none !important;}
  .mm-tb-item + .mm-tb-item{border-top:1px solid var(--mm-line);}
  .mm-tb-item{padding:14px 16px;}
}

/* ---------- 6. Tab animation ---------- */
@keyframes mmTabIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.wd-single-tabs .woocommerce-Tabs-panel,
.wd-single-tabs .wc-tab{animation:mmTabIn .4s cubic-bezier(.22,.61,.36,1) both;}
.wd-single-tabs .wc-tabs > li{position:relative;}
.wd-single-tabs .wc-tabs > li > a{transition:color .25s ease;}
.wd-single-tabs .wc-tabs > li::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--mm-navy);transform:scaleX(0);transform-origin:left center;
  transition:transform .32s cubic-bezier(.22,.61,.36,1);
}
.wd-single-tabs .wc-tabs > li.active::after,
.wd-single-tabs .wc-tabs > li:hover::after{transform:scaleX(1);}
@media(prefers-reduced-motion:reduce){
  .wd-single-tabs .woocommerce-Tabs-panel,.wd-single-tabs .wc-tab{animation:none;}
  .wd-single-tabs .wc-tabs > li::after{transition:none;}
}

/* ---------- 7. Support note under the description ---------- */
.mm-support-note{
  display:flex;align-items:flex-start;gap:12px;
  margin:20px 0 0;padding:14px 18px;
  border:1px solid var(--mm-line);border-left:3px solid var(--mm-navy);
  border-radius:10px;background:#f8fafc;
  font-size:14px;line-height:1.55;color:#374151;
}
.mm-support-ico{flex:0 0 auto;color:var(--mm-navy);}
.mm-support-ico svg{width:22px;height:22px;display:block;}
.mm-support-note a{color:var(--mm-navy);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.mm-support-note a:hover{text-decoration:none;}

/* ---------- 8. Rating row kept compact ---------- */
.single-product-page .woocommerce-product-rating{
  display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;
}
.single-product-page .woocommerce-product-rating .woocommerce-review-link{color:var(--mm-muted);}


/* ---------- 9. FOX currency switcher (ddslick) ---------- */
.mm-price-row .woocommerce-currency-switcher-form{width:auto !important;}
.mm-price-row .dd-container{width:auto !important;min-width:112px;}
.mm-price-row .dd-select{
  border:1px solid var(--mm-line) !important;border-radius:9px !important;
  background:#fff !important;height:42px;overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.mm-price-row .dd-select:hover,.mm-price-row .dd-container.dd-open .dd-select{
  border-color:var(--mm-navy) !important;box-shadow:0 0 0 3px rgba(10,49,97,.08);
}
.mm-price-row .dd-selected{
  padding:0 30px 0 12px !important;margin:0 !important;height:42px;
  display:flex !important;align-items:center;gap:8px;
}
.mm-price-row .dd-selected-text{
  font-size:14px !important;font-weight:600 !important;line-height:1 !important;
  color:var(--mm-ink) !important;margin:0 !important;white-space:nowrap;
}
.mm-price-row .dd-selected-image,.mm-price-row .dd-option-image{
  max-width:20px !important;height:auto !important;margin:0 !important;
  border-radius:2px;order:-1;
}
.mm-price-row .dd-pointer{right:12px !important;border-color:#9aa4b2 transparent !important;}
.mm-price-row .dd-options{
  border:1px solid var(--mm-line) !important;border-radius:9px !important;
  box-shadow:0 12px 30px rgba(16,24,40,.14) !important;margin-top:5px !important;
  overflow:hidden;min-width:150px;
}
.mm-price-row .dd-option{
  padding:9px 12px !important;display:flex !important;align-items:center;gap:8px;
  border-bottom:1px solid #f1f4f8 !important;transition:background .18s ease;
}
.mm-price-row .dd-option:last-child{border-bottom:0 !important;}
.mm-price-row .dd-option:hover,.mm-price-row .dd-option-selected{background:#f4f7fb !important;}
.mm-price-row .dd-option-text{
  font-size:14px !important;font-weight:500 !important;line-height:1 !important;
  color:var(--mm-ink) !important;margin:0 !important;white-space:nowrap;
}
/* FOX's placeholder currency descriptions must never reach a customer */
.mm-price-row .dd-option-description,.mm-price-row .dd-desc,
.woocommerce-currency-switcher-form .dd-option-description{display:none !important;}
.woocs_display_none{display:none !important;}

/* ---------- 10. Related products ---------- */
.mm-related > .wp-block-wd-title,#wd-mm-related-t{
  font-size:18px !important;line-height:1.3;margin-bottom:16px !important;
}
.mm-related .wd-product .wd-entities-title{
  font-size:13.5px !important;line-height:1.4;font-weight:500;
}
.mm-related .wd-product .price{font-size:15px;}
.mm-related .wd-product{padding-bottom:6px;}

/* ---------- 11. Checkout (rewritten) ---------- */
.woocommerce-checkout .mm-checkout-hero{
  background:linear-gradient(135deg,#082540 0%,#0e3f6b 100%);
  color:#fff;text-align:center;border-radius:16px;
  padding:34px 24px;margin:0 0 28px;
}
.woocommerce-checkout .mm-checkout-hero h2{
  color:#fff;font-size:26px;line-height:1.25;margin:0 0 8px;font-weight:700;
}
.woocommerce-checkout .mm-checkout-hero p{color:rgba(255,255,255,.82);font-size:15px;margin:0;}
@media(max-width:767px){
  .woocommerce-checkout .mm-checkout-hero{padding:24px 16px;border-radius:12px;margin-bottom:20px;}
  .woocommerce-checkout .mm-checkout-hero h2{font-size:20px;}
  .woocommerce-checkout .mm-checkout-hero p{font-size:14px;}
}

/* form + summary sit on one elevated card */
.wd-checkout-form > .wp-block-wd-row{
  background:#fff;border:1px solid var(--mm-line);border-radius:16px;
  box-shadow:0 16px 44px rgba(16,24,40,.08);
  padding:30px 30px 34px;margin-left:0;margin-right:0;
}
@media(max-width:767px){
  .wd-checkout-form > .wp-block-wd-row{padding:18px 14px 22px;border-radius:12px;}
}

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .wd-checkout-form h3:not(.wd-entities-title):not(.woodmart-title-container){
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:#475467;font-weight:700;margin-bottom:16px;
}

/* right column = order summary panel (WoodMart renders .wd-order-table, not .woocommerce-checkout-review-order) */
.wd-checkout-form > .wp-block-wd-row > .wp-block-wd-column.wd-align-s-start{
  background:#f8fafc;border:1px solid var(--mm-line);border-radius:14px;
  padding:22px 22px 24px;align-self:flex-start;
}
@media(max-width:767px){
  .wd-checkout-form > .wp-block-wd-row > .wp-block-wd-column.wd-align-s-start{padding:16px 14px 18px;}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
.wd-order-table tfoot .order-total th,
.wd-order-table tfoot .order-total td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td{
  font-size:18px;font-weight:700;color:var(--mm-ink);
}
.woocommerce-checkout #place_order{
  width:100%;border-radius:10px;font-weight:700;letter-spacing:.02em;
  padding-top:16px;padding-bottom:16px;font-size:16px;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection--single{
  border-radius:9px;border-color:var(--mm-line);
}

/* trust list under the order summary */
.woocommerce-checkout ul.mm-trust{
  list-style:none;margin:0;padding:0;display:grid;gap:11px;
}
.woocommerce-checkout ul.mm-trust li{
  display:flex;flex-direction:column;position:relative;
  padding-left:27px;margin:0;line-height:1.4;
}
.woocommerce-checkout ul.mm-trust li::before{
  content:"";position:absolute;left:0;top:2px;width:17px;height:17px;
  background-color:#12a150;
  -webkit-mask-image:var(--mm-check);mask-image:var(--mm-check);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.woocommerce-checkout ul.mm-trust li strong{font-size:13.5px;font-weight:600;color:var(--mm-ink);}
.woocommerce-checkout ul.mm-trust li span{font-size:12.5px;color:var(--mm-muted);}