/* Header counters: favourites, comparison, request (inc/catalog-lists.php, saved-counters.js). */
.mudvor-saved { display: flex; align-items: center; gap: 6px; }
.mudvor-saved__link {
    position: relative; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 8px; color: #3a3f3b; transition: background-color .15s ease, color .15s ease;
}
.mudvor-saved__link svg { width: 22px; height: 22px; flex: none; }
.mudvor-saved__link:hover { background: #edf7e9; color: #3f6e24; }
.mudvor-saved__link--fav.has-items { color: #be123c; }
.mudvor-saved__link--fav.has-items path { fill: currentColor; }
.mudvor-saved__link--compare.has-items { color: #3f6e24; }
.mudvor-saved__badge {
    position: absolute; top: 1px; right: 0; min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 9px; background: #3f6e24; color: #fff; border: 2px solid #fff;
    font: 600 10.5px/14px system-ui, sans-serif; text-align: center; box-sizing: border-box;
}
.mudvor-saved__badge[hidden] { display: none; }
.mudvor-saved__link--fav .mudvor-saved__badge { background: #be123c; }
.group-basket { position: relative; }
.group-basket .mudvor-saved__badge { top: -8px; right: -10px; }
/* Phones: the header has room for a list only once it has something in it. */
@media (max-width: 900px) {
    /* An empty block would still be a flex item and break the theme's space-between spacing. */
    .mudvor-saved { gap: 2px; margin-right: 10px; }
    .mudvor-saved:not(:has(.has-items)) { display: none; }
    .mudvor-saved__link { width: 34px; height: 34px; }
    .mudvor-saved__link:not(.has-items) { display: none; }
}
@media (max-width: 575px) {
    /* The theme's search is 190px wide here; with the lists shown it gives up the room. */
    .main-navigation:has(.mudvor-saved__link.has-items) .search { width: auto; flex: 1 1 96px; min-width: 0; margin-left: 10px; }
    .mudvor-saved { margin: 0 6px 0 8px; }
    .mudvor-saved__link { width: 30px; height: 32px; }
    .mudvor-saved__link svg { width: 20px; height: 20px; }
    .mudvor-saved__badge { min-width: 16px; height: 16px; padding: 0 4px; font-size: 9.5px; line-height: 12px; right: -3px; }
    .group-basket .mudvor-saved__badge { top: -7px; right: -8px; }
}