/* ========================================
   RIKIVA WISHLIST PAGE
======================================== */

.rikiva-wishlist-page {
    background: #faf7f2;
    min-height: 70vh;
}

.rikiva-wishlist-hero {
    padding: 75px 20px 60px;
    text-align: center;
}

.rikiva-wishlist-hero span {
    display: inline-block;
    margin-bottom: 10px;

    color: #b88a44;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
}

.rikiva-wishlist-hero h1 {
    margin: 0 0 12px;

    color: #14274e;

    font-size: 48px;
}

.rikiva-wishlist-hero p {
    margin: 0;

    color: #777;

    font-size: 15px;
}

.rikiva-wishlist-content {
    padding: 20px 0 100px;
}

.rikiva-wishlist-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 28px;
}

.rikiva-wishlist-card {
    overflow: hidden;

    border: 1px solid rgba(184, 138, 68, .14);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(0,0,0,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.rikiva-wishlist-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.10);
}

.rikiva-wishlist-image {
    position: relative;

    display: block;

    overflow: hidden;

    aspect-ratio: 1 / 1;

    background: #faf4ec;
}

.rikiva-wishlist-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .4s ease;
}

.rikiva-wishlist-card:hover
.rikiva-wishlist-image img {
    transform: scale(1.05);
}

.rikiva-wishlist-remove {
    position: absolute;

    top: 14px;
    right: 14px;

    display: flex;

    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(255,255,255,.95);

    color: #14274e;

    font-size: 22px;

    cursor: pointer;

    box-shadow:
        0 7px 20px rgba(0,0,0,.10);
}

.rikiva-wishlist-remove:hover {
    background: #14274e;
    color: #fff;
}

.rikiva-wishlist-info {
    padding: 22px;

    text-align: center;
}

.rikiva-wishlist-info h3 {
    margin: 0 0 12px;

    font-size: 18px;
}

.rikiva-wishlist-info h3 a {
    color: #14274e;
}

.rikiva-wishlist-price {
    margin-bottom: 18px;

    color: #b88a44;

    font-size: 18px;
    font-weight: 700;
}

.rikiva-wishlist-actions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}

.rikiva-wishlist-actions a,
.rikiva-wishlist-actions button {
    display: flex;

    min-height: 44px;

    align-items: center;
    justify-content: center;

    padding: 10px 14px;

    border-radius: 30px;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
}

.rikiva-wishlist-view {
    border: 1px solid #b88a44;

    background: #fff;

    color: #b88a44;
}

.rikiva-wishlist-cart {
    border: 1px solid #b88a44;

    background: #b88a44;

    color: #fff;
}

.rikiva-wishlist-cart:hover {
    background: #946b30;
}

.rikiva-wishlist-empty {
    max-width: 520px;

    margin: 50px auto;

    padding: 50px 30px;

    text-align: center;
}

.wishlist-empty-icon {
    margin-bottom: 20px;

    color: #b88a44;

    font-size: 70px;
}

.rikiva-wishlist-empty h2 {
    margin-bottom: 12px;

    color: #14274e;

    font-size: 30px;
}

.rikiva-wishlist-empty p {
    margin-bottom: 25px;

    color: #777;
}

.rikiva-wishlist-shop-button {
    display: inline-flex;

    min-height: 48px;

    align-items: center;
    justify-content: center;

    padding: 12px 30px;

    border-radius: 30px;

    background: #b88a44;

    color: #fff;

    font-weight: 600;
}

@media (max-width: 1050px) {

    .rikiva-wishlist-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 800px) {

    .rikiva-wishlist-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 520px) {

    .rikiva-wishlist-hero h1 {
        font-size: 36px;
    }

    .rikiva-wishlist-grid {
        grid-template-columns: 1fr;
    }

    .rikiva-wishlist-actions {
        grid-template-columns: 1fr;
    }

}

/* ========================================
   WISHLIST PRICES
======================================== */

.rikiva-wishlist-price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;
}

.rikiva-wishlist-price del {
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
}

.rikiva-wishlist-price ins {
    color: #b88a44;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}