/* Nejadhari Fashion - Global Theme Variables */

:root {
    /* Colors */
    --primary-color: #B76E79;
    /* Rose Gold Accent */
    --primary-dark: #9E5C66;

    --bg-cream: #FFF8F6;
    /* Warm Light Background */

    --bg-dark: #1C1624;
    /* Deep Elegant Dark */
    --bg-footer: #140F1C;

    --text-dark: #2D2D2D;
    /* Main Text */
    --text-muted: #888888;
    /* Muted / Secondary Text */
    --text-light: #FFFFFF;
    /* Contrast Text */

    --border-color: #E5DADA;

    /* Typography */
    --font-sans: 'Jost', sans-serif;
    --font-serif: 'Cormorant Garamond', serif;

    /* Layout */
    --header-height: 90px;
    --container-max-width: 1400px;

    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Global Wishlist Button (Cute Edition) --- */
.wishlist-btn-card {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    color: var(--text-dark);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wishlist-btn-card:hover {
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(225, 29, 72, 0.15);
    color: #e11d48;
}

.wishlist-btn-card.active {
    color: #e11d48;
    background: #fff;
}

.wishlist-btn-card i {
    font-size: 15px;
    pointer-events: none;
}

/* Cute Pop Animation */
@keyframes heart-pop {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.45) rotate(-15deg);
    }

    60% {
        transform: scale(1.25) rotate(10deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

.animate-heart {
    animation: heart-pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}