.bb-code-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; letter-spacing: 0; } .searchform input.s, .wd-search-suggestions .wd-entities-title, .product_title.entry-title { unicode-bidi: plaintext; } /* WoodMart appends every Bootstrap tooltip engine to . */ body .tooltip { --wd-tooltip-bg: var(--wd-primary-color); --wd-tooltip-color: var(--bgcolor-white, #fff); } .bb-out-of-stock-badge, .ajax-out-of-stock-badge { display: inline-flex; align-items: center; width: fit-content; padding: 2px 8px; border-radius: 4px; color: #c5272a; font-size: 12px; font-weight: 700; line-height: 1.6; white-space: nowrap; direction: rtl; } .product-element-top { position: relative; } .bb-out-of-stock-badge--loop { position: absolute; inset-block-start: 10px; inset-inline-start: 10px; z-index: 5; } .wd-search-suggestions .bb-ajax-out-of-stock .price { margin-top: 4px; } .wd-show-product-gallery-wrap > a::before { content: "\f101" !important; } .ums-account-menu ul li a { font-family: baarobandil !important; } .ums-footer-login-link { background: red; padding: 11px; border-radius: 25px; } .ums-title-form { margin-top: 50px; } .wd-header-mobile-nav .wd-tools-icon::before { color: #ffaf04 !important; } .wd-tools-element > .wd-login-obf-link, .wd-header-cart > .wd-cart-obf-link, .wd-header-wishlist > .wd-wishlist-obf-link, .wd-header-compare > .wd-compare-obf-link { appearance: none; display: flex; align-items: center; justify-content: center; gap: 7px; height: 40px; padding-inline: 10px; border: 0; background: transparent; color: var(--wd-header-el-color); font: inherit; line-height: 1; text-decoration: none !important; cursor: pointer; } .wd-tools-element > .wd-login-obf-link:hover, .wd-tools-element > .wd-login-obf-link:focus, .wd-tools-element > .wd-login-obf-link:active { background: transparent !important; box-shadow: none !important; } .wd-tools-element:hover > .wd-login-obf-link, .wd-header-cart:hover > .wd-cart-obf-link, .wd-header-wishlist:hover > .wd-wishlist-obf-link, .wd-header-compare:hover > .wd-compare-obf-link { color: var(--wd-header-el-color-hover); } .whb-color-light .wd-tools-element > .wd-login-obf-link, .whb-color-light .wd-header-cart > .wd-cart-obf-link, .whb-color-light .wd-header-wishlist > .wd-wishlist-obf-link, .whb-color-light .wd-header-compare > .wd-compare-obf-link { color: #fff; } .whb-color-light .wd-tools-element:hover > .wd-login-obf-link, .whb-color-light .wd-header-cart:hover > .wd-cart-obf-link, .whb-color-light .wd-header-wishlist:hover > .wd-wishlist-obf-link, .whb-color-light .wd-header-compare:hover > .wd-compare-obf-link { color: rgba(255, 255, 255, 0.8); } .wd-toolbar > div .wd-cart-obf-link, .wd-toolbar > div .wd-wishlist-obf-link, .wd-toolbar > div .wd-compare-obf-link { height: 45px; } .wd-toolbar.wd-toolbar-label-show > div .wd-cart-obf-link, .wd-toolbar.wd-toolbar-label-show > div .wd-wishlist-obf-link, .wd-toolbar.wd-toolbar-label-show > div .wd-compare-obf-link { position: relative; padding-bottom: 15px; } @media (max-width: 1024px) { .wd-toolbar.wd-toolbar-label-show > :is(.wd-header-cart, .wd-header-wishlist) > :is(.wd-cart-obf-link, .wd-wishlist-obf-link) { width: 100%; } .wd-toolbar.wd-toolbar-label-show > .wd-header-compare > :is(a, button, .wd-compare-obf-link) { width: 100%; min-height: 44px; padding-bottom: 22px; } .wd-toolbar .wd-header-compare .wd-toolbar-label { inset-inline: 1px; overflow: visible; max-width: none; text-overflow: clip; white-space: normal; line-height: 1.15; } } .global-color-scheme-light .wd-toolbar .wd-cart-obf-link, .global-color-scheme-light .wd-toolbar .wd-wishlist-obf-link, .global-color-scheme-light .wd-toolbar .wd-compare-obf-link { color: #fff; } .global-color-scheme-light .wd-toolbar .wd-cart-obf-link:hover, .global-color-scheme-light .wd-toolbar .wd-wishlist-obf-link:hover, .global-color-scheme-light .wd-toolbar .wd-compare-obf-link:hover { color: rgba(255, 255, 255, 0.8); } .wd-header-cart > .wd-cart-obf-link > .wd-tools-text-cart { position: relative; } .wd-header-my-account .wd-login-obf-link { min-height: inherit; } .wd-header-my-account .wd-login-obf-link .wd-tools-icon { flex: 0 0 auto; } .wd-header-my-account .wd-login-obf-link .wd-toolbar-label, .wd-header-my-account .wd-login-obf-link .wd-tools-text { display: inline-flex; align-items: center; line-height: 1.2; } .wd-tools-element:is( [class*="wd-design-6"], [class*="wd-design-7"], .wd-design-8 ) > .wd-login-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart:is( [class*="wd-design-6"], [class*="wd-design-7"], .wd-design-8 ) > .wd-cart-obf-link > :is( .wd-tools-inner, .wd-tools-icon ) { border-radius: 42px; } .wd-tools-element[class*="wd-design-6"] > .wd-login-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart[class*="wd-design-6"] > .wd-cart-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart.wd-design-6-text > .wd-cart-obf-link > .wd-tools-text-cart { border: 1px solid rgba(0, 0, 0, 0.105); } .whb-color-light .wd-tools-element[class*="wd-design-6"] > .wd-login-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .whb-color-light .wd-header-cart[class*="wd-design-6"] > .wd-cart-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .whb-color-light .wd-header-cart.wd-design-5-text > .wd-cart-obf-link > .wd-tools-text-cart { border-color: rgba(255, 255, 255, 0.25); } .wd-tools-element[class*="wd-design-7"] > .wd-login-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart[class*="wd-design-7"] > .wd-cart-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart.wd-design-7-text > .wd-cart-obf-link > .wd-tools-text-cart { background-color: var(--wd-primary-color); color: #fff; transition: inherit; } .wd-tools-element[class*="wd-design-7"]:hover > .wd-login-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart[class*="wd-design-7"]:hover > .wd-cart-obf-link > :is( .wd-tools-inner, .wd-tools-icon ), .wd-header-cart.wd-design-7-text:hover > .wd-cart-obf-link > .wd-tools-text-cart { color: rgba(255, 255, 255, 0.8); } .wd-header-cart:is( .wd-design-6-text, .wd-design-7-text ) > .wd-cart-obf-link > .wd-tools-text-cart { display: flex; align-items: center; height: 42px; border-radius: 42px; padding-inline: var(--wd-tools-sp); } .ums-footer-login-link a { color: #ffffff !important; font-size: 22px; font-weight: bold; } .widget_price_filter > .widget-title, .widget_price_filter > .wd-widget-title { display: none; } .wd-sidebar .wd-widget, .wd-sidebar .sidebar-widget, .sidebar-container .wd-widget, .sidebar-container .widget, .widget-area .wd-widget.sidebar-widget, .widget-area > .sidebar-widget { padding: 16px; border: 1px solid var(--brdcolor-gray-300, #e0e0e2); border-radius: 8px; background: var(--bgcolor-white, #fff); } .wd-sidebar .wd-widget:not(:last-child), .wd-sidebar .sidebar-widget:not(:last-child), .sidebar-container .wd-widget:not(:last-child), .sidebar-container .widget:not(:last-child), .widget-area .wd-widget.sidebar-widget:not(:last-child), .widget-area > .sidebar-widget:not(:last-child) { margin-bottom: 12px; } .wd-sidebar.wd-side-hidden .widget-area { padding-inline: 16px; } .wd-sidebar.wd-side-hidden .wd-widget, .wd-sidebar.wd-side-hidden .widget { padding-inline: 16px !important; } .wd-side-hidden.wd-right, .wd-sidebar.wd-side-hidden { border-inline-start: 0 !important; box-shadow: none !important; } .wd-close-side, .wd-close-side.wd-close-side-opened { inset: 0 !important; background-color: rgba(0, 0, 0, 0.7); } .wd-child-price-filter { --wd-price-accent: var(--wd-primary-color); --wd-price-border: var(--brdcolor-gray-300, #e0e0e2); --wd-price-muted: #81858b; --wd-price-text: var(--wd-title-color, #23254e); overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: inherit; } .wd-child-price-filter__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0 !important; padding: 0 0 14px; border: 0; border-bottom: 1px solid #f0f0f1; background: transparent; color: var(--wd-price-text); font: inherit; text-align: right; } .wd-child-price-filter__header:hover, .wd-child-price-filter__header:focus, .wd-child-price-filter__header:active { background: transparent !important; color: var(--wd-price-text) !important; box-shadow: none !important; } .wd-child-price-filter__header:focus-visible { outline: 2px solid var(--wd-price-accent); outline-offset: 4px; } .wd-child-price-filter__title { font-size: 15px; font-weight: 700; line-height: 1.8; letter-spacing: 0; } .wd-child-price-filter__fields { display: grid; gap: 10px; margin-top: 14px; } .wd-child-price-filter__field { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 46px; margin: 0; padding: 0 12px; border: 1px solid var(--wd-price-border); border-radius: 8px; background: #fff; color: var(--wd-price-text); } .wd-child-price-filter__field:focus-within { border-color: var(--wd-price-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--wd-price-accent), transparent 86%); } .wd-filter-list .wc-layered-nav-term .obf-link:hover + .count, .wd-filter-list .wc-layered-nav-term .js-filter:hover + .count, .widget .product-categories li .obf-link:hover + .count { color: #fff; background-color: var(--wd-primary-color); border-color: var(--wd-primary-color); } .js-filter { appearance: none; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: inherit; line-height: inherit; text-decoration: inherit; cursor: pointer; } .js-filter:hover, .js-filter:focus, .js-filter:active { background: transparent !important; box-shadow: none !important; text-decoration: inherit; } .wd-active-filter-obf-link { appearance: none; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; cursor: pointer; } .wd-active-filter-obf-link:hover, .wd-active-filter-obf-link:focus, .wd-active-filter-obf-link:active { background: transparent !important; box-shadow: none !important; } .widget_layered_nav_filters .wd-active-filter-obf-link { display: inline-flex; align-items: center; color: var(--color-gray-800); font-weight: 600; line-height: 2; } .widget_layered_nav_filters .wd-active-filter-obf-link .amount { margin-inline-start: 3px; } .widget_layered_nav_filters .wd-active-filter-obf-link:before { margin-inline-end: 0.3em; font-weight: 400; content: "\f112"; font-family: "woodmart-font"; } .widget_layered_nav_filters .wd-active-filter-obf-link:hover { color: var(--color-gray-500); } .wd-action-btn > .wd-active-filter-obf-link { position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 1; transition: none; } .wd-action-btn.wd-style-text > .wd-active-filter-obf-link { font-weight: 600; } .wd-action-btn.wd-style-text > .wd-active-filter-obf-link:hover .wd-action-icon:before { color: var(--wd-action-icon-color-hover); } .wd-action-btn.wd-style-text > .wd-active-filter-obf-link:hover .wd-action-text { color: var(--wd-action-text-color-hover); } .wd-products-per-page button.js-filter { padding: 0 7px; color: var(--wd-link-color); } .wd-products-per-page button.js-filter.current-variation { color: var(--wd-link-color-hover); font-weight: 600; } .wd-products-shop-view button.js-filter.current-variation { color: var(--color-gray-800); cursor: default; } .wd-products-shop-view button.js-filter svg { display: none; } .wd-products-shop-view button.js-filter:before { font-size: 180%; font-weight: 400; content: "\f12a"; font-family: "woodmart-font"; } .wd-products-shop-view button.js-filter.per-row-1:before { content: "\f13"; } .wd-products-shop-view button.js-filter.per-row-2:before { content: "\f12b"; } .wd-products-shop-view button.js-filter.per-row-3:before { content: "\f12c"; } .wd-products-shop-view button.js-filter.per-row-4:before { content: "\f12d"; } .wd-products-shop-view button.js-filter.per-row-5:before { content: "\f12e"; } .wd-products-shop-view button.js-filter.per-row-6:before { content: "\f12f"; } .wd-filter-list .wc-layered-nav-term .js-filter.layered-nav-link { display: inline; padding: 0; color: inherit; line-height: inherit; text-align: inherit; } .wd-child-price-filter__field-label, .wd-child-price-filter__currency { color: var(--wd-price-muted); font-size: 12px; font-weight: 500; line-height: 1.7; white-space: nowrap; } .wd-child-price-filter__input { width: 100%; min-width: 0; height: 42px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #23254e; font-size: 15px; font-weight: 700; line-height: 42px; text-align: left; letter-spacing: 0; direction: ltr; unicode-bidi: plaintext; caret-color: var(--wd-price-accent); } .wd-child-price-filter__input:focus { outline: 0; } .wd-child-price-filter__slider { position: relative; height: 38px; margin-top: 18px; } .wd-child-price-filter__track { position: absolute; inset-inline: 1px; top: 17px; height: 4px; border-radius: 999px; background: #e5e7eb; } .wd-child-price-filter__range { position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: inherit; background: var(--wd-price-accent); } .wd-child-price-filter__range-input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 38px; margin: 0; padding: 0; background: transparent; outline: 0; pointer-events: none; appearance: none; -webkit-appearance: none; direction: ltr; transform: scaleX(-1); } .wd-child-price-filter__range-input::-webkit-slider-runnable-track { height: 4px; background: transparent; border: 0; } .wd-child-price-filter__range-input::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -7px; border: 2px solid #fff; border-radius: 50%; background: var(--wd-price-accent); box-shadow: 0 2px 6px color-mix(in srgb, var(--wd-price-accent), transparent 70%); cursor: grab; pointer-events: auto; appearance: none; -webkit-appearance: none; } .wd-child-price-filter__range-input:active::-webkit-slider-thumb { cursor: grabbing; } .wd-child-price-filter__range-input::-moz-range-track { height: 4px; background: transparent; border: 0; } .wd-child-price-filter__range-input::-moz-range-thumb { width: 18px; height: 18px; border: 2px solid #fff; border-radius: 50%; background: var(--wd-price-accent); box-shadow: 0 2px 6px color-mix(in srgb, var(--wd-price-accent), transparent 70%); cursor: grab; pointer-events: auto; } .wd-child-price-filter__range-input:active::-moz-range-thumb { cursor: grabbing; } .wd-child-price-filter__range-input:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px color-mix(in srgb, var(--wd-price-accent), transparent 82%); } .wd-child-price-filter__range-input:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px color-mix(in srgb, var(--wd-price-accent), transparent 82%); } .wd-child-price-filter__pips { position: relative; height: 15px; margin: -1px 9px 0; border-bottom: 1px solid #e0e0e2; } .wd-child-price-filter__pips span { position: absolute; bottom: -1px; width: 1px; height: 8px; background: #d3d5d9; transform: translateX(50%); } .wd-child-price-filter__pips span:nth-child(2), .wd-child-price-filter__pips span:nth-child(4) { height: 11px; } .wd-child-price-filter__pips span:nth-child(3), .wd-child-price-filter__pips span:nth-child(5) { height: 6px; background: #dcdee2; } .wd-child-price-filter__pips span:first-child, .wd-child-price-filter__pips span:last-child { height: 13px; background: #c7c9cf; } .wd-child-price-filter__slider-labels { display: flex; justify-content: space-between; gap: 12px; margin-top: 7px; color: var(--wd-price-muted); font-size: 12px; font-weight: 500; line-height: 1.7; } .wd-child-price-filter__submit { width: 100%; min-height: var(--btn-accented-height, var(--btn-height, 40px)); margin-top: 16px; border-radius: var(--btn-accented-brd-radius, 8px) !important; background-color: var(--btn-accented-bgcolor, var(--wd-price-accent)) !important; color: var(--btn-accented-color, #fff) !important; box-shadow: var(--btn-accented-box-shadow); font-size: var(--btn-accented-font-size, var(--btn-font-size, 13px)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 700)); font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit)); font-style: var(--btn-accented-font-style, var(--btn-font-style, unset)); text-transform: var(--btn-accented-transform, var(--btn-transform, none)); } .wd-child-price-filter__submit:hover, .wd-child-price-filter__submit:focus { background-color: var(--btn-accented-bgcolor-hover, var(--wd-price-accent)) !important; color: var(--btn-accented-color-hover, var(--btn-accented-color, #fff)) !important; box-shadow: var(--btn-accented-box-shadow-hover); } @media (max-width: 576px) { .wd-child-price-filter { padding: 14px; } .wd-child-price-filter__input { font-size: 14px; } } .wd-widget-stock-status .wd-stock-status-switches { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; } .wd-widget-stock-status .wd-stock-status-switch-item { margin: 0; } .wd-widget-stock-status .wd-stock-status-switch, .wd-widget-stock-status .wd-stock-status-switch.obf-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #dcdcde; border-radius: 6px; background: #fff; color: #1d2327; text-decoration: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: border-color 0.2s ease, box-shadow 0.2s ease; cursor: pointer; } .wd-widget-stock-status .wd-stock-status-switch:hover, .wd-widget-stock-status .wd-stock-status-switch:focus, .wd-widget-stock-status .wd-stock-status-switch.obf-link:hover, .wd-widget-stock-status .wd-stock-status-switch.obf-link:focus { border-color: var(--wd-primary-color); color: #1d2327; box-shadow: 0 0 0 1px var(--wd-primary-color); } .wd-widget-stock-status .wd-stock-status-switch__label { font-size: 14px; font-weight: 700; line-height: 1.6; } .wd-widget-stock-status .wd-stock-status-switch__control { position: relative; flex: 0 0 auto; width: 42px; height: 22px; border-radius: 999px; background: #c3c4c7; transition: background-color 0.2s ease; } .wd-widget-stock-status .wd-stock-status-switch__control::before { content: ""; position: absolute; inset-block-start: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); transition: transform 0.2s ease; } .wd-widget-stock-status .wd-active .wd-stock-status-switch__control { background: var(--wd-primary-color); } .wd-widget-stock-status .wd-active .wd-stock-status-switch__control::before { transform: translateX(20px); } [dir="rtl"] .wd-widget-stock-status .wd-active .wd-stock-status-switch__control::before, .rtl .wd-widget-stock-status .wd-active .wd-stock-status-switch__control::before { transform: translateX(-20px); } .wd-hint:before { font-size: 15px !important; font-weight: 100 !important; } .post-single-page .post-title { margin-bottom: 50px; } .wd-action-btn.wd-style-text > a, .wd-action-btn.wd-style-text > .wd-active-filter-obf-link { font-weight: 100 !important; color: gray !important; font-size: 12px !important; } .wd-linked-variations-heading { font-weight: 700; font-size: 22px; } .wd-page-wrapper form.variations_form .wd-swatches-single .wd-swatch[aria-disabled="true"], .wd-page-wrapper .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr .wd-swatch[aria-disabled="true"] { opacity: 0.42; filter: grayscale(0.72); cursor: not-allowed; pointer-events: none; } .wd-page-wrapper form.variations_form .wd-swatches-single .wd-swatch[aria-disabled="true"]:focus, .wd-page-wrapper .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr .wd-swatch[aria-disabled="true"]:focus { outline: 0; } .wd-shop-ordering:has(.wd-child-product-sorting), .wd-child-shop-ordering { width: 100%; max-width: 100%; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .wd-child-product-sorting { display: flex; direction: rtl; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; margin: 0 0 20px; padding: 0 2px; background: transparent; border: 0; border-bottom: 1px solid var(--brdcolor-gray-300, #e5e7eb); border-radius: 0; box-shadow: none; } .wd-child-sorting-main, .wd-child-sorting-control, .wd-child-sorting-options { display: flex; align-items: center; } .wd-child-sorting-main { min-width: 0; flex: 1 1 auto; } .wd-child-sorting-control { position: relative; flex: 0 0 auto; } .wd-child-sorting-title { display: inline-flex; align-items: center; flex-direction: row; gap: 6px; min-height: 52px; color: var(--color-gray-700, #555); font-weight: 600; font-size: 13px; white-space: nowrap; } .wd-child-sorting-title::before { display: inline-block; content: "\f119"; color: currentColor; font-weight: 400; font-style: normal; font-size: 18px; font-family: "woodmart-font"; line-height: 1; transform: scaleX(-1); transform-origin: center; } .wd-child-sorting-options { min-width: 0; margin-inline-start: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; } .wd-child-sorting-options::-webkit-scrollbar { display: none; } .wd-child-product-sorting .wd-child-orderby-option { position: relative; display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 53px; padding: 0 9px; color: var(--color-gray-500, #777); background: transparent; border: 0; border-radius: 0; box-shadow: none; font: inherit; font-size: 12px; font-weight: 400; text-transform: none; white-space: nowrap; } .wd-child-product-sorting .wd-child-orderby-option:hover, .wd-child-product-sorting .wd-child-orderby-option:focus-visible, .wd-child-product-sorting .wd-child-orderby-option.is-active { color: var(--wd-primary-color, #e81269); background: transparent; border-color: transparent; box-shadow: none; } .wd-child-product-sorting .wd-child-orderby-option:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; } .wd-child-product-sorting .wd-child-orderby-option.is-active::after { position: absolute; right: 9px; bottom: -1px; left: 9px; height: 2px; background: currentColor; content: ""; } .wd-child-sorting-count { display: flex; align-items: center; flex: 0 0 auto; min-height: 52px; margin-inline-start: 14px; color: var(--color-gray-500, #777); font-size: 12px; white-space: nowrap; } .wd-child-sorting-count .woocommerce-result-count { margin: 0; color: inherit; font: inherit; } .wd-child-sorting-select { display: none; } @media (max-width: 768.98px) { .wd-child-product-sorting { min-height: 52px; margin-bottom: 16px; } .wd-child-sorting-options { display: none; } .wd-child-sorting-control { min-width: 112px; min-height: 44px; } .wd-child-sorting-title { min-height: 44px; } .wd-child-product-sorting .wd-child-sorting-select { position: absolute; inset: 0; display: block; width: 100%; height: 44px; padding: 0; opacity: 0; cursor: pointer; } .wd-child-sorting-control:focus-within { outline: 2px solid var(--wd-primary-color, #e81269); outline-offset: 2px; } .wd-child-sorting-count { min-height: 44px; margin-inline-start: 8px; } } :is( .wd-entry-content, .entry-content, .is-layout-flow, .is-layout-constrained, .is-layout-constrained > .wp-block-group__inner-container ) > * { margin-top: 15px; } .wd-account-style-text .wd-tools-text { padding: 15px !important; border-radius: 7px !important; border: 1px solid #e0e0e2 !important; box-shadow: 0 0 6px #eb116469 !important; } .wd-shop-result-count .woocommerce-result-count { font-size: 13px; } .wd-products-shop-view a:before, .wd-products-shop-view button:before { font-size: 123%; } @media (max-width: 576px) { .wd-action-btn.wd-style-text > a:before { margin-right: 10px; } } .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow { opacity: 1 !important; visibility: visible !important; transform: none; } @media (min-width: 768px) and (max-width: 1024px) { .wd-action-btn.wd-style-text > a:before { font-size: 20px !important; } .wd-sidebar-opener.wd-filter-icon > a:before, .wd-burger-icon > a:before { content: "\f15c" !important; } } @media (min-width: 577px) and (max-width: 767px) { .wd-action-btn.wd-style-text > a:before { font-size: 20px !important; } .wd-sidebar-opener.wd-filter-icon > a:before, .wd-burger-icon > a:before { content: "\f15c" !important; } } .wd-product-nav-btn.wd-btn-prev, .wd-product-nav-btn.wd-btn-next { font-size: 0; overflow: hidden; } .single-product .wd-products-nav .wd-product-nav-btn.wd-btn-next::before { content: "\f121"; } .single-product .wd-products-nav .wd-product-nav-btn.wd-btn-prev::before { content: "\f120"; } .single-product .wd-products-nav .wd-product-nav-btn.wd-btn-back::before, .single-product .wd-products-nav .wd-product-nav-btn.wd-btn-back.wd-tooltip.wd-tooltip-inited::before { content: "\f146"; } .wd-child-price-filter__pip--0 { right: 0%; } .wd-child-price-filter__pip--20 { right: 20%; } .wd-child-price-filter__pip--40 { right: 40%; } .wd-child-price-filter__pip--60 { right: 60%; } .wd-child-price-filter__pip--80 { right: 80%; } .wd-child-price-filter__pip--100 { right: 100%; } /* The variation reset is an action button, not a navigational link. */ .wd-reset-var > button.reset_variations { appearance: none; width: auto; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--color-gray-500); font: inherit; font-size: 12px; line-height: inherit; white-space: nowrap; cursor: pointer; } .wd-reset-var > button.reset_variations:focus-visible { outline: 2px solid var(--wd-primary-color, #e81269); outline-offset: 3px; } /* Preserve Woodmart's visual treatment on the semantic scroll action. */ button.scrollToTop { appearance: none; min-width: 0; min-height: 0; padding: 0; border: 0; font: inherit; cursor: pointer; } button.scrollToTop:focus-visible { outline: 2px solid var(--wd-primary-color, #e81269); outline-offset: 3px; } /* * Sale prices on product cards. Requiring direct del and ins children keeps * single prices and non-card price components on their native layout. */ .wd-product .price:has(> del):has(> ins) { display: flex; width: 100%; flex-direction: column; align-items: var(--wd-align, var(--text-align, start)); row-gap: 2px; } .wd-product .price:has(> del):has(> ins) > :is(del, ins) { display: block; margin: 0; } /* Keep both values typographically equal anywhere WooCommerce renders a sale pair. */ .price:has(del):has(ins) :is(del, ins), .price:has(del):has(ins) :is(del, ins) .amount { font-size: 1em !important; line-height: inherit; } .price:has(del):has(ins) del, .price:has(del):has(ins) del .amount { font-weight: 700; } /* * Product colour swatches only. The shop grid is configured to use pa_color; * on variation forms, the adjacent select confirms the taxonomy explicitly. * Do not include .wd-swatches-filter: Woodmart also uses it for brand images. */ .wd-page-wrapper .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr .wd-swatch.wd-bg { --wd-child-swatch-ring-color: var(--brdcolor-gray-300, #d8d8d8); box-sizing: border-box; width: 15px; min-width: 15px; height: 15px; min-height: 15px; padding: 1px !important; overflow: visible; border: 1px solid var(--wd-child-swatch-ring-color) !important; background: transparent; box-shadow: none !important; transition: border-color 180ms ease, transform 180ms ease; } .wd-page-wrapper form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single .wd-swatch.wd-bg { --wd-child-swatch-ring-color: var(--brdcolor-gray-300, #d8d8d8); box-sizing: border-box; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 2px !important; overflow: visible; border: 1px solid var(--wd-child-swatch-ring-color) !important; background: transparent; box-shadow: none !important; transition: border-color 180ms ease, transform 180ms ease; } .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) .wd-swatch.wd-bg::after { content: none !important; } .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) .wd-swatch.wd-bg > .wd-swatch-bg { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; } /* * Keep unavailable single-product colour samples truthful. Availability is * communicated by a neutral cross without desaturating the underlying colour. */ .wd-page-wrapper form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single .wd-swatch.wd-child-unavailable { opacity: 1 !important; filter: none !important; } .wd-page-wrapper form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single .wd-swatch.wd-child-unavailable::before { content: "" !important; display: block !important; position: absolute; inset: var(--wd-swatch-inn-sp, 2px); z-index: 3; border: 0 !important; border-radius: inherit; background-color: transparent; background-image: linear-gradient(to top right, transparent calc(50% - .75px), #8a8a8a 50%, transparent calc(50% + .75px)), linear-gradient(to top left, transparent calc(50% - .75px), #8a8a8a 50%, transparent calc(50% + .75px)); box-shadow: none !important; opacity: 1 !important; pointer-events: none; } .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) :is( .wd-swatch.wd-bg.wd-active, .wd-swatch.wd-bg[aria-checked="true"], .wd-swatch.wd-bg[aria-current="true"], .wd-swatch.wd-bg[aria-pressed="true"], .wd-swatch-wrap.wd-active .wd-swatch.wd-bg ) { --wd-child-swatch-ring-color: var(--wd-primary-color, #e81269); } @media (hover: hover) { .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) :is(.wd-swatch.wd-bg:hover, a:hover .wd-swatch.wd-bg) { border-color: var(--wd-primary-color, #e81269) !important; transform: scale(1.06); } } .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) :is(.wd-swatch.wd-bg:focus-visible, a:focus-visible .wd-swatch.wd-bg) { border-color: var(--wd-primary-color, #e81269) !important; outline: 2px solid var(--wd-primary-color, #e81269); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .wd-page-wrapper :is( .wd-product .wd-swatches-grid.wd-swatches-product.wd-swatches-attr, form.variations_form .value:has(select[data-attribute_name="attribute_pa_color"]) .wd-swatches-single ) .wd-swatch.wd-bg { transition: none; } }