/*
|--------------------------------------------------------------------------
| Desktop Wishlist / Cart counter badges
|--------------------------------------------------------------------------
| Keeps Wishlist + Cart readable with text, while the live count stays as a
| small bubble on the icon.
*/

@media (min-width: 901px) {
    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action],
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] {
        position: relative !important;
        width: auto !important;
        min-width: 132px !important;
        max-width: none !important;
        min-height: 58px !important;
        padding: 12px 18px !important;
        gap: 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        place-items: unset !important;
        justify-content: center !important;
        overflow: visible !important;
        font-size: inherit !important;
        line-height: 1.15 !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-text,
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-text {
        position: static !important;
        width: auto !important;
        height: auto !important;
        max-width: 88px !important;
        max-height: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-title,
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-title {
        position: static !important;
        width: auto !important;
        height: auto !important;
        max-width: 88px !important;
        overflow: hidden !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        opacity: 1 !important;
        display: inline-block !important;
        font-size: 15px !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-icon,
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-icon {
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        position: relative !important;
        overflow: visible !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-icon svg,
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-action-icon svg {
        width: 30px !important;
        height: 30px !important;
        stroke-width: 1.9 !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-mobile-count-badge:not([hidden]),
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-mobile-count-badge:not([hidden]) {
        position: absolute !important;
        top: -11px !important;
        right: -10px !important;
        left: auto !important;
        transform: none !important;
        z-index: 80 !important;
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        background: var(--rr-lc-secondary, var(--rr-lc-secondary-color, var(--product-action-heading, #0f172a))) !important;
        color: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #ffffff)) !important;
        border: 2px solid var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, #ffffff)) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -.03em !important;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .2) !important;
        pointer-events: none !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: nowrap !important;
    }

    html body:not(.admin) .rr-central-storefront-header .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-mobile-count-badge[hidden],
    html body:not(.admin) .rr-shared-header-actions .rr-header-action[data-rr-header-compact-action] .rr-header-mobile-count-badge[hidden] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}