/*
 * Kussin | Guest Wish List (#69722)
 *
 * Only what the module adds itself needs styling here: the guest list rows (the theme
 * styles the line items, this wraps them), the remove control, the login-box entry, the
 * count badge on the account icon and the short confirmation shown after the heart is
 * clicked. Everything is scoped to the module's own class names.
 */

/* --- guest wish list page ------------------------------------------------- */

#wishlistProductList > .line-view > .kussin-guest-wishlist-item {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#wishlistProductList > .line-view > .kussin-guest-wishlist-item > .card {
    margin-bottom: 0.5rem !important;
}

.kussin-guest-wishlist-actions {
    display: flex;
    justify-content: flex-end;
}

.kussin-guest-wishlist-actions .btn svg {
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: -0.125em;
}

/* --- header --------------------------------------------------------------- */

.kussin-guest-wishlist-login-link {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.kussin-guest-wishlist-login-link .badge {
    margin-left: 0.25em;
}

/* --- confirmation after the heart is clicked ------------------------------ */

/* The shop's own success notice, inserted in the page flow above the product card
   or the guest list; only its spacing is set here, the look is the theme's. */
.kussin-guest-wishlist-message {
    margin-bottom: 1rem;
}