/* =========================================================
   🎯 MILEO UI SYSTEM
   WooCommerce + TI Wishlist + UI Base
========================================================= */


/* =========================================================
   📦 1. NOTIFICATIONS SYSTEM
========================================================= */

.mileo-notifications {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mileo-notification {
    background: #111;
    color: #fff;
    padding: 14px 18px;
    border-radius: 10px;
    min-width: 260px;
    max-width: 320px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transform: translateX(20px);
    opacity: 0;
    animation: slideIn 0.25s forwards;
}

.mileo-notification.hide {
    animation: fadeOut 0.3s forwards;
}

@keyframes slideIn {
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeOut {
    to { transform: translateX(20px); opacity: 0; }
}


/* =========================================================
   ❤️ 2. WISHLIST BUTTON (TI PLUGIN OVERRIDE)
========================================================= */

.tinvwl_add_to_wishlist_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    cursor: pointer;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;

    font-size: inherit;
    color: inherit;
}



/* hover */
.tinvwl_add_to_wishlist_button:hover {
    transform: scale(1.08);
    transition: transform 0.15s ease;
    background: transparent;
    box-shadow: none;
    filter: none;
}


/* =========================================================
   🧺 3. WISHLIST EMPTY STATE (UI LUXE CLEAN)
========================================================= */

.tinv-wishlist {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    position: relative;
    z-index: 2;
}

/* header */
.tinv-wishlist .tinv-header {
    text-align: center;
}

.tinv-wishlist .tinv-header h2 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* empty message */
.tinv-wishlist .woocommerce-info,
.tinv-wishlist .cart-empty {
    font-size: 14px;
    font-weight: 300;
    color: #777;
    letter-spacing: 0.2px;
    line-height: 1.6;
    text-align: center;
    margin: 20px 0;
}

/* button */
.tinv-wishlist .return-to-shop {
    display: flex;
    justify-content: center;
    width: 100%;
}

.tinv-wishlist .return-to-shop .button {
    background: transparent;
    border: 1px solid #111;
    color: #111;

    padding: 12px 24px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: all 0.25s ease;
}

.tinv-wishlist .return-to-shop .button:hover {
    background: #111;
    color: #fff;
}


/* =========================================================
   🚨 4. WOOCOMMERCE OVERRIDES (MINIMUM REQUIRED ONLY)
========================================================= */

/* force centering only where WooCommerce overrides */
.tinv-wishlist p.cart-empty.woocommerce-info {
    text-align: center;
    width: 100%;
    display: block;
    float: none;
    margin: 20px auto;
}

/* safety fallback */
.woocommerce .tinv-wishlist p.cart-empty {
    text-align: center;
}