.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.inside-tech-wishlist-wrapper {
display: inline-block;
margin: 0;
padding: 0;
}
.inside-tech-wishlist-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 5px;
transition: transform 0.2s ease, opacity 0.2s ease;
line-height: 1;
outline: none;
box-shadow: none;
text-decoration: none;
}
.inside-tech-wishlist-btn:hover {
transform: scale(1.15);
opacity: 0.85;
}
.inside-tech-wishlist-btn:focus {
outline: 2px solid #333;
outline-offset: 2px;
}
.inside-tech-wishlist-btn svg {
display: block;
transition: fill 0.2s ease, stroke 0.2s ease;
}
.inside-tech-wishlist-btn.active svg path {
fill: #e74c3c;
stroke: #e74c3c;
}
.inside-tech-wishlist-btn.inactive svg path {
fill: none;
stroke: #95a5a6;
}
.inside-tech-wishlist-btn.inactive svg {
stroke: #95a5a6;
}
.inside-tech-wishlist-btn-text {
display: none;
} .inside-tech-wishlist-btn.loading {
opacity: 0.5;
pointer-events: none;
}
.inside-tech-wishlist-btn.loading svg {
animation: inside-tech-wishlist-pulse 0.8s ease-in-out infinite;
}
@keyframes inside-tech-wishlist-pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
} .inside-tech-wishlist-table-wrapper {
overflow-x: auto;
margin: 20px 0;
}
.inside-tech-wishlist-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
color: #333333;
border: 1px solid #ddd;
}
.inside-tech-wishlist-table th {
background-color: #f8f8f8;
padding: 12px 15px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid #ddd;
color: #333333;
}
.inside-tech-wishlist-table td {
padding: 12px 15px;
border-bottom: 1px solid #eee;
vertical-align: middle;
color: #333333;
}
.inside-tech-wishlist-table tbody tr:hover {
background-color: #f9f9f9;
}
.inside-tech-wishlist-table .wishlist-thumb {
width: 80px;
}
.inside-tech-wishlist-table .wishlist-thumb img {
max-width: 60px;
height: auto;
border-radius: 4px;
}
.inside-tech-wishlist-table .wishlist-name a {
color: #333;
text-decoration: none;
font-weight: 500;
}
.inside-tech-wishlist-table .wishlist-name a:hover {
text-decoration: underline;
}
.inside-tech-wishlist-table .stock {
display: inline-block;
padding: 3px 10px;
border-radius: 3px;
font-size: 13px;
font-weight: 500;
}
.inside-tech-wishlist-table .stock.in-stock {
background-color: #d4edda;
color: #155724;
}
.inside-tech-wishlist-table .stock.out-of-stock {
background-color: #f8d7da;
color: #721c24;
}
.inside-tech-wishlist-table .stock.on-backorder {
background-color: #fff3cd;
color: #856404;
}
.inside-tech-wishlist-remove-btn {
display: inline-block;
padding: 8px 16px;
background-color: #e74c3c;
color: #ffffff !important;
border: 1px solid #e74c3c;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: background-color 0.2s ease, opacity 0.2s ease;
text-decoration: none;
line-height: 1.4;
}
.inside-tech-wishlist-remove-btn:hover {
opacity: 0.85;
color: #ffffff !important;
}
.inside-tech-wishlist-remove-btn.loading {
opacity: 0.5;
pointer-events: none;
}
.inside-tech-wishlist-empty {
text-align: center;
padding: 40px 20px;
font-size: 16px;
color: #666;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 4px;
margin: 20px 0;
} @media screen and (max-width: 768px) {
.inside-tech-wishlist-table thead {
display: none;
}
.inside-tech-wishlist-table tbody tr {
display: block;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
}
.inside-tech-wishlist-table tbody td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 10px;
border-bottom: 1px solid #eee;
text-align: right;
}
.inside-tech-wishlist-table tbody td::before {
content: attr(data-title);
font-weight: 600;
text-align: left;
}
.inside-tech-wishlist-table tbody td:last-child {
border-bottom: none;
}
.inside-tech-wishlist-table .wishlist-thumb {
width: auto;
justify-content: flex-end;
}
}