/* * The saved-courses grid is built client-side via innerHTML, so it never * receives Astro's scoped attribute — is:global for the same reason as * CoursesArchive / SearchOverlay / the compare page. * * The two blocks below are production theme part-files ported verbatim * (never included in the pruned global.css subset): * woodmart/css/parts/woo-page-wishlist.min.css?ver=7.4.3 * woodmart/css/parts/woo-page-empty-page.min.css?ver=7.4.3 */ .wd-wishlist-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 15px;margin-bottom:15px}.wd-wishlist-head .title{margin-bottom:0;text-transform:uppercase;font-size:18px}.wd-wishlist-head:not(.wd-border-off){padding-bottom:10px;border-bottom:1px solid var(--brdcolor-gray-300)}.wd-wishlist-product-actions{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;height:14px}.wd-wishlist-product-remove{font-size:90%}.wd-wishlist-product-checkbox{flex:1 1 auto;text-align:end;font-size:0}.wd-wishlist-product-checkbox input{margin-inline-end:0}.wd-product:hover .wd-wishlist-product-actions{z-index:30}.wd-empty-wishlist:before{content:"\f106";font-family:"woodmart-font"} .wd-empty-page{position:relative;margin-top:5vw;margin-bottom:15px;color:var(--wd-title-color);text-align:center;font-weight:var(--wd-title-font-weight);font-style:var(--wd-title-font-style);font-size:48px;font-family:var(--wd-title-font);line-height:1.2}.wd-empty-page:before{display:block;margin-bottom:20px;color:rgba(var(--bgcolor-black-rgb), 0.07);font-weight:400;font-size:3.8em;line-height:1}.wd-empty-page-text{margin-bottom:0;text-align:center;font-size:110%}.wd-empty-page-text+.return-to-shop{margin-top:25px;margin-bottom:5vw}.wd-empty-page-text+.return-to-shop .button{padding:5px 28px;min-height:48px;font-size:14px}.return-to-shop{text-align:center}.return-to-shop .button{border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight));font-family:var(--btn-accented-font-family, var(--btn-font-family));font-style:var(--btn-accented-font-style, var(--btn-font-style))}.return-to-shop .button:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.return-to-shop .button:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}@media (max-width: 1024px){.wd-empty-page{font-size:42px}}@media (max-width: 768.98px){.wd-empty-page{font-size:32px}.wd-empty-page-text{font-size:100%}.wd-empty-page-text br{display:none}}@media (max-width: 576px){.wd-empty-page{font-size:28px}} /* Author [hidden] override: the populated wrapper is a plain block so its `hidden` works, but add the guard explicitly so a future display rule can't silently un-hide it (the grid's own display:grid would beat the UA [hidden] rule — the same trap the filters bar guards against). */ .wd-wishlist-populated[hidden]{display:none} .wd-wishlist-head .title{color:var(--wd-title-color)} .wd-wishlist-bulk-action{display:flex;align-items:center;gap:16px} .wd-wishlist-bulk-action[hidden]{display:none} .wd-bulk-count{font-size:13px;color:var(--color-gray-500, #767676)} .wd-bulk-link{font-size:13px;font-weight:600;cursor:pointer} .wd-bulk-remove{color:var(--wd-primary-color)} .wd-bulk-link:hover{opacity:.7} /* The grid: reuse the theme's card chrome (.wd-products .wd-product gives the white 10px-rounded card) with responsive columns like the product page's related-courses grid (4 → 2 → 1). */ .wd-wishlist-grid{grid-template-columns:repeat(4, 1fr);margin-top:20px;margin-bottom:60px} .wd-wishlist-grid .product-wrapper{padding:18px} .wd-wishlist-grid .product-element-top{position:relative;overflow:hidden;border-radius:6px} .wd-wishlist-grid .product-image-link,.wd-wishlist-grid .product-image-link img{display:block;width:100%;height:auto} .wd-wishlist-grid .product-list-content{padding:14px 0 0} .wd-wishlist-grid .wd-entities-title{font-size:16px;margin-bottom:6px} .wd-wishlist-grid .wd-product-brands-links{margin-bottom:2px} /* Hover actions row — the same reveal-on-hover treatment as ProductCard, ported here because client-rendered cards don't get its scoped CSS. */ .wd-wishlist-grid .product-hover-actions{display:flex;align-items:center;gap:16px;margin-top:16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 220ms ease-out, transform 220ms ease-out} .wd-wishlist-grid .wd-product:hover .product-hover-actions{opacity:1;transform:translateY(0);pointer-events:auto} .wd-wishlist-grid .wd-read-more-btn{flex:1 1 auto;text-align:center;font-size:14px;padding:13px 18px;line-height:1} .wd-wishlist-grid .wd-hover-icon{flex:0 0 auto;width:22px;height:22px;color:#333;display:inline-flex;align-items:center;justify-content:center;transition:color 150ms ease-out, transform 150ms ease-out} .wd-wishlist-grid .wd-hover-icon:hover{color:var(--wd-primary-color);transform:translateY(-1px)} .wd-wishlist-grid .wd-hover-icon::before{content:'';width:20px;height:20px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .wd-wishlist-grid .wd-compare-icon::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 3 21 3 21 8'/%3E%3Cline x1='4' y1='20' x2='21' y2='3'/%3E%3Cpolyline points='21 16 21 21 16 21'/%3E%3Cline x1='15' y1='15' x2='21' y2='21'/%3E%3Cline x1='4' y1='4' x2='9' y2='9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 3 21 3 21 8'/%3E%3Cline x1='4' y1='20' x2='21' y2='3'/%3E%3Cpolyline points='21 16 21 21 16 21'/%3E%3Cline x1='15' y1='15' x2='21' y2='21'/%3E%3Cline x1='4' y1='4' x2='9' y2='9'/%3E%3C/svg%3E")} .wd-wishlist-grid .wd-compare-icon.added::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")} .wd-wishlist-grid .wd-quickview-icon::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")} @media (hover: none){ .wd-wishlist-grid .product-hover-actions{opacity:1;transform:none;pointer-events:auto} } @media (max-width: 1024px){ .wd-wishlist-grid{grid-template-columns:repeat(2, 1fr)} } @media (max-width: 480px){ .wd-wishlist-grid{grid-template-columns:1fr} } @media (prefers-reduced-motion: reduce){ .wd-wishlist-grid .product-hover-actions{transition:none} }