/* ============================================================
   prix-fix.css — Police Oswald condensée pour tous les prix
   À ajouter dans le <head> après style.css
   ============================================================ */

/* Import Oswald (ajouter aussi dans le <head> HTML) */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');

/* ──────────────────────────────────────────────────────────
   PAGE PRODUIT (produit.php)
   ────────────────────────────────────────────────────────── */

/* Prix principal — réduit de 36px → 26px, Oswald */
.pdp-price-final {
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(20px, 2.2vw, 26px) !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    color: var(--ink);
    line-height: 1;
}

/* Prix barré */
.pdp-price-old {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--muted);
    text-decoration: line-through;
    letter-spacing: 0.01em;
}

/* Badge économie */
.pdp-remise-badge {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 100px;
}

/* Bloc prix — alignement resserré */
.pdp-price-block {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

/* ──────────────────────────────────────────────────────────
   CARDS PRODUIT (product_card.php) — classes génériques
   ────────────────────────────────────────────────────────── */

/* Sélecteurs larges pour couvrir toutes les variantes */
.pcard-price,
.product-price,
.price,
.price-final,
[class*="prix"] {
    font-family: 'Oswald', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    white-space: nowrap;
    line-height: 1.2;
}

.pcard-price-old,
.price-old,
.prix-old,
[class*="prix-old"],
[class*="price-old"] {
    font-family: 'Oswald', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    color: var(--muted);
    text-decoration: line-through;
    white-space: nowrap;
}

/* Badge % remise dans les cards */
.pcard-badge,
.badge-promo,
[class*="badge-remise"],
[class*="pct-remise"] {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.62rem !important;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 4px;
    white-space: nowrap;
}

/* Empêcher tout retour à la ligne */
.pcard-price,
.product-price,
.pdp-price-final,
.pdp-price-old,
.price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Slider hero card */
.spc-price {
    font-family: 'Oswald', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

/* ──────────────────────────────────────────────────────────
   RESPONSIVE
   ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .pdp-price-final {
        font-size: 22px !important;
    }
}

@media (max-width: 480px) {
    .pcard-price,
    .product-price,
    .price {
        font-size: 0.85rem !important;
    }
    .pcard-price-old,
    .price-old {
        font-size: 0.7rem !important;
    }
}