.woosw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
line-height: 1;
}
.woosw-btn .woosw-btn-icon {
display: inline-flex;
margin: 0;
font-size: 26px;
}
.woosw-btn .woosw-btn-icon svg {
display: block;
width: 1em;
height: 1em;
}
.woosw-btn .pwpfp-heart--full,
.woosw-btn.woosw-added .pwpfp-heart--empty { display: none; }
.woosw-btn.woosw-added .pwpfp-heart--full { display: inline-flex; }
.woosw-btn.woosw-adding .woosw-btn-icon { animation: pwpfp-heartbeat .7s ease-in-out infinite; }
.woosw-btn.woosw-disabled,
.woosw-btn[disabled] {
opacity: .6;
cursor: not-allowed;
}
@keyframes pwpfp-heartbeat {
50% { transform: scale(.82); }
} .woosw-menu-item .woosw-menu-item-inner,
.woosw-link .woosw-link-inner { position: relative; }
.woosw-menu-item .woosw-menu-item-inner::after,
.woosw-link .woosw-link-inner::after {
content: attr(data-count);
display: block;
position: absolute;
top: -10px;
right: -10px;
width: 16px;
height: 16px;
border-radius: 8px;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 16px;
text-align: center;
}
.woosw-link a { color: inherit; } .woosw-list table.woosw-items {
margin: 0;
padding: 0;
}
.woosw-list table.woosw-items tr td {
vertical-align: middle;
padding: 10px;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image { width: 100px; }
.woosw-list table.woosw-items .woosw-item .woosw-item--image img {
width: 80px;
height: auto;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
box-shadow: none;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a { font-weight: 700; }
.woosw-list table.woosw-items .woosw-item .woosw-item--atc p,
.woosw-list table.woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
margin: 0;
padding: 0;
border: none;
}
.woosw-items .woosw-item .woosw-item--remove {
width: 14px;
font-size: 0;
}
.woosw-items .woosw-item .woosw-item--remove span {
display: inline-block;
width: 14px;
text-align: center;
cursor: pointer;
} .woosw-items .woosw-item .woosw-item--remove span::before {
content: "\2715";
display: inline-block;
font-family: inherit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1;
}
.woosw-items .woosw-item .woosw-item--remove span:hover::before { color: #cc6055; }
.woosw-items .woosw-item .woosw-item--remove span.woosw-item--removing { opacity: .4; pointer-events: none; }
.woosw-list .woosw-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.woosw-list .woosw-copy {
display: flex;
align-items: center;
}
.woosw-list .woosw-copy .woosw-copy-url { margin: 0 0 0 10px; }
.woosw-list .woosw-popup-content-mid-message,
.woosw-list .woosw-empty-message {
margin: 0 0 16px;
padding: 24px;
border-radius: 16px;
background: #fbeee8;
color: #555;
text-align: center;
}
.woosw-list .woosw-empty-message p { margin: 0 0 14px; }
@media (max-width: 860px) {
.woosw-list .woosw-actions {
flex-direction: column;
align-items: flex-start;
}
}