/*
 * Agillia
 *
 * @author    Agillia <contact@agillia.fr>
 * @copyright Copyright (c) Agillia
 * @license   Commercial / Proprietary
 * @website   https://www.agillia.fr
 */

/* ============================
   LOADING OVERLAY (PS 1.7 style)
   ============================ */

.is-loading-sp {
    position: relative;
    pointer-events: none;
}

.is-loading-sp::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    background-image: url('../img/loading.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    z-index: 50;
    border-radius: inherit;
}

/* ============================
   HELLOMOOV THEME: PRODUCT PAGE PRICE OVERRIDES
   ============================ */

/* Force block layout so "À partir de" + HT amount stay on one line */
.product__price-ht {
    display: block !important;
    flex-wrap: unset !important;
}

.product__price-ht .product__price-from {
    width: auto !important;
    margin-right: 0.4em;
}

.product__price-ht .product__price-ht-amount {
    display: inline !important;
    width: auto !important;
}

/* Unit label */
.product__unit-price {
    display: inline !important;
    margin-left: 0.3em;
    font-weight: normal;
}

/* ============================
   LISTING PAGE: LOADING ON ARTICLES
   ============================ */

.ag-sp-loading-prices {
    position: relative;
    pointer-events: none;
}

.ag-sp-loading-prices::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../img/loading.svg') no-repeat #cccccc3d center center;
    background-size: 50%;
    z-index: 50;
    border-radius: 4px;
}

/* ============================
   NOTIFICATIONS
   ============================ */

.ag-sp-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    z-index: 99999;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ag-sp-notification--visible {
    opacity: 1;
    transform: translateY(0);
}

.ag-sp-notification--success {
    background: #2ecc71;
    color: #fff;
}

.ag-sp-notification--error {
    background: #e74c3c;
    color: #fff;
}

/* ============================
   LISTING: REGULAR PRICE, BADGES
   ============================ */

.ce-product-price-regular,
.ag-sp-regular-price {
    text-decoration: line-through;
    opacity: 0.6;
    font-size: 0.9em;
}

.ag-sp-unit {
    opacity: 0.6;
    font-size: 0.9em;
}

.ag-sp-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e74c3c;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 60;
    pointer-events: none;
}