/* yl-theme components: header, product cards, buttons, footer */
/* header */
.whb-header,.whb-header .whb-row,.whb-sticked .whb-general-header,.whb-color-dark,.whb-header-bottom{background:var(--yl-bg-2)!important;border-color:var(--yl-border)!important}
.whb-header :is(a,.wd-nav>li>a,.wd-tools-text,.wd-tools-icon){color:var(--yl-fg)}
.whb-header .wd-nav>li:hover>a,.whb-header .wd-nav>li.current-menu-item>a{color:var(--yl-violet-2)}
.wd-dropdown,.wd-dropdown-menu,.wd-dropdown-cart,.wd-sub-menu{background:var(--yl-card)!important;border:1px solid var(--yl-border);border-radius:var(--yl-r-md);box-shadow:var(--yl-shadow)}
.wd-dropdown a,.wd-sub-menu a{color:var(--yl-fg-2)}
.wd-search-form input[type=text]{border-radius:999px}
/* product card */
.wd-product,.product-grid-item .product-wrapper{background:var(--yl-card);border:1px solid var(--yl-border);border-radius:var(--yl-r-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.wd-product:hover,.product-grid-item:hover .product-wrapper{border-color:var(--yl-violet);box-shadow:var(--yl-glow)}
.wd-product .product-element-top,.wd-product .product-image-link{background:var(--yl-bg-2)}
.wd-product .wd-entities-title a{color:var(--yl-fg)}
.price,.price .amount,.price ins{color:var(--yl-fg);font-weight:700}
.price del,.price del .amount{color:var(--yl-fg-2)}
.star-rating:before{color:var(--yl-border)}.star-rating span:before{color:#f5b301}
.wd .product-label,.product-label{border-radius:999px;font-weight:700}
.wd .product-label.onsale{background:var(--yl-discount);color:#fff}
.wd .product-label.out-of-stock{background:var(--yl-elev);color:var(--yl-fg-2)}
.in-stock{color:var(--yl-success)}
/* buttons */
.btn,.button,.single_add_to_cart_button,.checkout-button,#place_order,.add_to_cart_button,.elementor-button{border-radius:var(--yl-r-md);font-weight:700;background-image:var(--yl-gradient);color:#fff;border-color:transparent}
:is(.btn,.button,.single_add_to_cart_button,.checkout-button,#place_order,.add_to_cart_button,.elementor-button):hover{background-image:var(--yl-gradient-hover);box-shadow:0 6px 20px rgb(112 71 255/.35);color:#fff}
.btn-style-bordered,.btn-color-white{background:transparent;border:1px solid var(--yl-border);color:var(--yl-fg)}
/* sidebar + filters */
.sidebar-container .widget,.filters-area{background:var(--yl-card);border:1px solid var(--yl-border);border-radius:var(--yl-r-lg);padding:var(--yl-sp-4)}
.widget-title{color:var(--yl-fg)}
.ui-slider{background:var(--yl-border)}.ui-slider-range{background:var(--yl-violet)}
/* footer */
footer,.footer-container,.wd-footer{background:var(--yl-bg-2)!important;border-top:1px solid var(--yl-border);color:var(--yl-fg-2)}
.copyrights-wrapper{background:var(--yl-bg)!important;border-color:var(--yl-border)}
/* ---- UX review fixes (2026-10-10) ---- */
/* F4 mobile toolbar */
html body .wd-toolbar{background:var(--yl-bg-2)!important;border-top:1px solid var(--yl-border);box-shadow:0 -8px 24px rgb(0 0 0/.35)}
html body .wd-toolbar :is(a,.wd-tools-icon){color:var(--yl-fg)!important}
html body .wd-toolbar .wd-toolbar-label{color:var(--yl-fg-2)!important}
/* F5 mobile menu */
html body .mobile-nav :is(.woodmart-nav-link,.nav-link-text,.wd-nav-mobile a){color:var(--yl-fg)!important}
html body .mobile-nav .wd-nav-mobile li{border-color:var(--yl-border)}
html body .mobile-nav .wd-active .nav-link-text{color:var(--yl-violet-2)!important}
/* F6 categories button */
html body .whb-header .menu-opener{background:var(--yl-card)!important;color:var(--yl-fg)!important;border:1px solid var(--yl-border)}
/* F10 focus ring */
html body :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--yl-cyan)!important;outline-offset:2px}
/* F3 F11 F12 product cards: show sale price, 2-line titles, readable prices */
html body .wd-hover-base .product-rating-price{height:auto;overflow:visible}
html body .wd-product .wd-entities-title{max-height:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body :is(.price,.price .amount){color:var(--yl-fg)!important}
html body :is(.price del,.price del .amount){color:var(--yl-fg-2)!important}
html body :is(.product-label.onsale,span.onsale.product-label){background-color:#E11D48!important;font-size:12px}
/* F13 footer links */
html body footer .elementor-icon-list-text{color:var(--yl-fg-2)!important}
/* F25 demo rainbow stripe in header */
html body .whb-general-header::before,html body .whb-general-header::after{display:none}
/* F3 follow-up: the fixed 22px box is on every hover variant, not only wd-hover-base */
html body .wd-product .product-rating-price{height:auto!important;min-height:22px;overflow:visible!important}
html body .wd-product .wrapp-product-price{height:auto}
/* live search results (Woodmart ajax dropdown: header, mobile menu, full-screen) */
.wd-search-results.wd-dropdown-results,.wd-search-results .wd-scroll-content,.wd-search-suggestions{background:var(--yl-card)!important;color:var(--yl-fg)}
.wd-search-results.wd-dropdown-results{border:1px solid var(--yl-border);border-radius:var(--yl-r-md);box-shadow:var(--yl-shadow);overflow:hidden}
.wd-search-results .wd-suggestion{background:transparent!important;border-color:var(--yl-border)!important;transition:background .15s}
.wd-search-results .wd-suggestion:hover,.wd-search-results .wd-suggestion.autocomplete-selected,.wd-search-results .wd-suggestion.selected{background:var(--yl-elev)!important}
.wd-search-results .wd-entities-title{color:var(--yl-fg)!important}
.wd-search-results .wd-entities-title strong{color:var(--yl-violet-2)!important}
.wd-search-results .price,.wd-search-results .price *{color:var(--yl-violet-2)!important;font-weight:700}
.wd-search-results .price del,.wd-search-results .price del *{color:var(--yl-fg-2)!important;font-weight:400}
.wd-search-results .wd-suggestion-thumb img{border:1px solid var(--yl-border)}
.wd-search-results .suggestion-divider-title,.wd-search-results .wd-suggestion-sku,.wd-search-results .wd-not-found,.wd-search-results .wd-not-found-msg{color:var(--yl-fg-2)!important;border-color:var(--yl-border)!important}
.wd-search-results .wd-all-results{background:var(--yl-gradient)!important;color:#fff!important;border:0}
.wd-search-results .wd-all-results:hover{background:var(--yl-gradient-hover)!important}
/* text pages: terms, refund, privacy, capacity guide, FAQ, order tracking (pages/) */
.yl-doc{max-width:860px;margin:0 auto;padding:var(--yl-sp-4);font-size:15px;line-height:2;color:var(--yl-fg-2)}
.yl-doc h2{margin:28px 0 8px;font-size:20px;font-weight:800;color:var(--yl-fg)}
.yl-doc strong{color:var(--yl-fg)}
.yl-doc a{color:var(--yl-violet-2);text-decoration:underline;text-underline-offset:3px}
.yl-doc ul{margin:8px 0;padding-inline-start:22px;list-style:disc}
.yl-doc table{width:100%;margin:16px 0;border-collapse:collapse;background:var(--yl-card);border:1px solid var(--yl-border);border-radius:var(--yl-r-md)}
.yl-doc th,.yl-doc td{padding:10px 14px;border-bottom:1px solid var(--yl-border);color:var(--yl-fg-2);text-align:start}
.yl-doc th{color:var(--yl-fg);font-weight:700}
.yl-doc thead th{background:var(--yl-elev)}
.yl-doc details{margin:10px 0;padding:0 16px;background:var(--yl-card);border:1px solid var(--yl-border);border-radius:var(--yl-r-md)}
.yl-doc summary{padding:14px 0;cursor:pointer;font-weight:700;color:var(--yl-fg)}
.yl-doc details[open]{border-color:var(--yl-violet)}
.yl-doc details[open] summary{color:var(--yl-violet-2)}
.yl-doc details p{margin:0 0 14px}