| @@ -54,22 +54,39 @@ | ||
| 54 | 54 | .king-addons-wishlist-button__icon { |
| 55 | 55 | display: inline-flex; |
| 56 | 56 | align-items: center; |
| 57 | 57 | justify-content: center; |
| 58 | + flex-shrink: 0; | |
| 58 | 59 | } |
| 59 | 60 | |
| 60 | 61 | .king-addons-wishlist-button__icon i { |
| 61 | 62 | display: inline-block; |
| 62 | 63 | font-size: 16px; |
| 64 | + line-height: 1; | |
| 63 | 65 | transition: transform 0.2s ease; |
| 64 | 66 | } |
| 65 | 67 | |
| 66 | -.king-addons-wishlist-button:hover .king-addons-wishlist-button__icon i { | |
| 68 | +.king-addons-wishlist-button__heart { | |
| 69 | + display: block; | |
| 70 | + width: 1em; | |
| 71 | + height: 1em; | |
| 72 | + min-width: 16px; | |
| 73 | + min-height: 16px; | |
| 74 | + fill: none; | |
| 75 | + stroke: currentColor; | |
| 76 | + stroke-width: 2; | |
| 77 | + stroke-linecap: round; | |
| 78 | + stroke-linejoin: round; | |
| 79 | + transition: transform 0.2s ease, fill 0.2s ease; | |
| 80 | +} | |
| 81 | + | |
| 82 | +.king-addons-wishlist-button:hover .king-addons-wishlist-button__icon i, | |
| 83 | +.king-addons-wishlist-button:hover .king-addons-wishlist-button__heart { | |
| 67 | 84 | transform: scale(1.1); |
| 68 | 85 | } |
| 69 | 86 | |
| 70 | -.king-addons-wishlist-button--added .king-addons-wishlist-button__icon i::before { | |
| 71 | - content: "\e817"; /* Filled heart for Elementor icons */ | |
| 87 | +.king-addons-wishlist-button--added .king-addons-wishlist-button__heart { | |
| 88 | + fill: currentColor; | |
| 72 | 89 | } |
| 73 | 90 | |
| 74 | 91 | /* Button Label */ |
| 75 | 92 | .king-addons-wishlist-button__label { |
| @@ -86,8 +103,12 @@ | ||
| 86 | 103 | padding: 6px 10px; |
| 87 | 104 | font-size: 13px; |
| 88 | 105 | } |
| 89 | 106 | |
| 107 | +.ka-woo-products-grid__actions .king-addons-wishlist-button--loop { | |
| 108 | + margin: 0; | |
| 109 | +} | |
| 110 | + | |
| 90 | 111 | /* Table Remove Button */ |
| 91 | 112 | .king-addons-wishlist-button--table-remove { |
| 92 | 113 | padding: 6px 12px; |
| 93 | 114 | font-size: 13px; |
| @@ -127,10 +148,10 @@ | ||
| 127 | 148 | font-size: 11px; |
| 128 | 149 | background: #ef4444; |
| 129 | 150 | } |
| 130 | 151 | |
| 131 | -.king-addons-wishlist-counter[data-count="0"] { | |
| 132 | - display: none; | |
| 152 | +.king-addons-wishlist-fab .king-addons-wishlist-counter[data-count="0"] { | |
| 153 | + opacity: 0.55; | |
| 133 | 154 | } |
| 134 | 155 | |
| 135 | 156 | /* Floating Action Button (FAB) */ |
| 136 | 157 | .king-addons-wishlist-fab { |
| @@ -151,8 +172,17 @@ | ||
| 151 | 172 | transform: scale(1.05); |
| 152 | 173 | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); |
| 153 | 174 | } |
| 154 | 175 | |
| 176 | +.king-addons-wishlist-fab .king-addons-wishlist-button__heart { | |
| 177 | + width: 22px; | |
| 178 | + height: 22px; | |
| 179 | + min-width: 22px; | |
| 180 | + min-height: 22px; | |
| 181 | + fill: currentColor; | |
| 182 | + stroke: none; | |
| 183 | +} | |
| 184 | + | |
| 155 | 185 | .king-addons-wishlist-fab__link { |
| 156 | 186 | text-decoration: none; |
| 157 | 187 | color: inherit; |
| 158 | 188 | } |
| @@ -165,8 +195,9 @@ | ||
| 165 | 195 | } |
| 166 | 196 | |
| 167 | 197 | .king-addons-wishlist-table { |
| 168 | 198 | width: 100%; |
| 199 | + min-width: 760px; | |
| 169 | 200 | border-collapse: collapse; |
| 170 | 201 | background: #ffffff; |
| 171 | 202 | border: 1px solid #e5e7eb; |
| 172 | 203 | border-radius: 8px; |
| @@ -346,8 +377,13 @@ | ||
| 346 | 377 | padding: 40px 16px; |
| 347 | 378 | color: #6b7280; |
| 348 | 379 | } |
| 349 | 380 | |
| 381 | +.king-addons-wishlist-mini-list--no-titles .king-addons-wishlist-table__heading--title, | |
| 382 | +.king-addons-wishlist-mini-list--no-titles .king-addons-wishlist-table__cell--title { | |
| 383 | + display: none; | |
| 384 | +} | |
| 385 | + | |
| 350 | 386 | /* Notice */ |
| 351 | 387 | .king-addons-wishlist__notice { |
| 352 | 388 | padding: 16px; |
| 353 | 389 | background: #fef3c7; |
| @@ -371,8 +407,38 @@ | ||
| 371 | 407 | .king-addons-wishlist-share { |
| 372 | 408 | display: flex; |
| 373 | 409 | flex-wrap: wrap; |
| 374 | 410 | gap: 8px; |
| 411 | +} | |
| 412 | + | |
| 413 | +/* Multiple lists switcher */ | |
| 414 | +.king-addons-wishlist-switcher { | |
| 415 | + display: flex; | |
| 416 | + flex-wrap: wrap; | |
| 417 | + gap: 8px; | |
| 418 | +} | |
| 419 | + | |
| 420 | +.king-addons-wishlist-switcher__item { | |
| 421 | + display: inline-flex; | |
| 422 | + align-items: center; | |
| 423 | + gap: 8px; | |
| 424 | + padding: 8px 12px; | |
| 425 | + border: 1px solid #e5e7eb; | |
| 426 | + border-radius: 6px; | |
| 427 | + text-decoration: none; | |
| 428 | + color: #111827; | |
| 429 | +} | |
| 430 | + | |
| 431 | +.king-addons-wishlist-switcher__item.is-active { | |
| 432 | + border-color: #B45309; | |
| 433 | + background: #FDE68A; | |
| 434 | + color: #B45309; | |
| 435 | +} | |
| 436 | + | |
| 437 | +.king-addons-wishlist-switcher__count { | |
| 438 | + min-width: 1.25em; | |
| 439 | + text-align: center; | |
| 440 | + font-weight: 600; | |
| 375 | 441 | } |
| 376 | 442 | |
| 377 | 443 | /* Notes (Pro) */ |
| 378 | 444 | .king-addons-wishlist-notes { |
