/* GC Quantity Discount — frontend styles
 * Base layout (commun à tous les thèmes) + 4 thèmes visuels.
 */

/* ─── BASE LAYOUT ───────────────────────────────────────── */
.gc-qd-box {
    margin: 18px 0 22px;
    padding: 16px 18px;
    border-radius: 6px;
    font-family: inherit;
    line-height: 1.45;
}
.gc-qd-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.gc-qd-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}
.gc-qd-tiers {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}
.gc-qd-tiers li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
}
.gc-qd-tier-value {
    font-weight: 700;
    font-size: 15px;
}
.gc-qd-example {
    border-radius: 5px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
}
.gc-qd-example-label {
    font-size: 12.5px;
    flex-basis: 100%;
    margin-bottom: 4px;
}
.gc-qd-example-value {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
}
.gc-qd-old {
    text-decoration: line-through;
    font-size: 13px;
}
.gc-qd-new {
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}
.gc-qd-save {
    font-size: 12.5px;
    font-weight: 500;
}
.gc-qd-save-amount {
    font-weight: 700;
}
.gc-qd-note {
    font-size: 12px;
    font-style: italic;
}
.gc-qd-tag {
    font-weight: 600;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
@media (max-width: 480px) {
    .gc-qd-box { padding: 14px; }
    .gc-qd-title { font-size: 14px; }
    .gc-qd-new { font-size: 15px; }
}

/* ─── THÈME : TERRACOTTA ────────────────────────────────── */
.gc-qd-theme-terracotta {
    border: 1px solid #e6e3dd;
    border-left: 4px solid #c55b43;
    background: #fdfbf7;
    color: #2a2a2a;
}
.gc-qd-theme-terracotta .gc-qd-title { color: #1a1a1a; }
.gc-qd-theme-terracotta .gc-qd-icon { background: #c55b43; color: #fff; }
.gc-qd-theme-terracotta .gc-qd-tiers { border-top: 1px dashed #e6e3dd; }
.gc-qd-theme-terracotta .gc-qd-tiers li { border-bottom: 1px dashed #e6e3dd; }
.gc-qd-theme-terracotta .gc-qd-tier-label { color: #555; }
.gc-qd-theme-terracotta .gc-qd-tier-value { color: #c55b43; }
.gc-qd-theme-terracotta .gc-qd-example { background: #fff; border: 1px solid #ece8df; }
.gc-qd-theme-terracotta .gc-qd-example-label { color: #666; }
.gc-qd-theme-terracotta .gc-qd-old { color: #999; }
.gc-qd-theme-terracotta .gc-qd-new { color: #1a1a1a; }
.gc-qd-theme-terracotta .gc-qd-save { color: #2e7d4f; }
.gc-qd-theme-terracotta .gc-qd-save-amount { color: #2e7d4f; }
.gc-qd-theme-terracotta .gc-qd-note { color: #777; }

/* ─── THÈME : LUXE (noir & or) ──────────────────────────── */
.gc-qd-theme-luxe {
    border: 1px solid #1c1c1c;
    background: linear-gradient(180deg, #161616 0%, #0d0d0d 100%);
    color: #e8e2d4;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}
.gc-qd-theme-luxe .gc-qd-title { color: #f3e9c9; letter-spacing: 0.4px; text-transform: uppercase; font-size: 13px; }
.gc-qd-theme-luxe .gc-qd-icon { background: linear-gradient(135deg,#d4af37,#b8902b); color: #1a1a1a; }
.gc-qd-theme-luxe .gc-qd-tiers { border-top: 1px solid rgba(212,175,55,0.25); }
.gc-qd-theme-luxe .gc-qd-tiers li { border-bottom: 1px solid rgba(212,175,55,0.15); }
.gc-qd-theme-luxe .gc-qd-tier-label { color: #c9c2b1; }
.gc-qd-theme-luxe .gc-qd-tier-value { color: #d4af37; }
.gc-qd-theme-luxe .gc-qd-example { background: rgba(255,255,255,0.04); border: 1px solid rgba(212,175,55,0.2); }
.gc-qd-theme-luxe .gc-qd-example-label { color: #9b9482; }
.gc-qd-theme-luxe .gc-qd-old { color: #6e6859; }
.gc-qd-theme-luxe .gc-qd-new { color: #f3e9c9; }
.gc-qd-theme-luxe .gc-qd-save { color: #d4af37; }
.gc-qd-theme-luxe .gc-qd-save-amount { color: #f3e9c9; }
.gc-qd-theme-luxe .gc-qd-note { color: #8e8773; }

/* ─── THÈME : DOUX (beige & rose poudré) ────────────────── */
.gc-qd-theme-soft {
    border: 1px solid #f0e1dc;
    background: linear-gradient(180deg, #fdf6f3 0%, #f9ece6 100%);
    color: #4a3a36;
    box-shadow: 0 2px 10px rgba(180,120,100,0.08);
}
.gc-qd-theme-soft .gc-qd-title { color: #5a3e38; }
.gc-qd-theme-soft .gc-qd-icon { background: #d99a88; color: #fff; }
.gc-qd-theme-soft .gc-qd-tiers { border-top: 1px dashed #e7c9c0; }
.gc-qd-theme-soft .gc-qd-tiers li { border-bottom: 1px dashed #e7c9c0; }
.gc-qd-theme-soft .gc-qd-tier-label { color: #7a5a52; }
.gc-qd-theme-soft .gc-qd-tier-value { color: #b56a55; }
.gc-qd-theme-soft .gc-qd-example { background: #fffaf8; border: 1px solid #f0e1dc; }
.gc-qd-theme-soft .gc-qd-example-label { color: #8a6a62; }
.gc-qd-theme-soft .gc-qd-old { color: #b09c95; }
.gc-qd-theme-soft .gc-qd-new { color: #4a3a36; }
.gc-qd-theme-soft .gc-qd-save { color: #6b8e5a; }
.gc-qd-theme-soft .gc-qd-save-amount { color: #6b8e5a; }
.gc-qd-theme-soft .gc-qd-note { color: #9a7a72; }

/* ─── THÈME : MINIMAL (noir & blanc) ────────────────────── */
.gc-qd-theme-minimal {
    border: 1px solid #1a1a1a;
    background: #ffffff;
    color: #1a1a1a;
}
.gc-qd-theme-minimal .gc-qd-title { color: #000; letter-spacing: 0.3px; }
.gc-qd-theme-minimal .gc-qd-icon { background: #1a1a1a; color: #fff; }
.gc-qd-theme-minimal .gc-qd-tiers { border-top: 1px solid #1a1a1a; }
.gc-qd-theme-minimal .gc-qd-tiers li { border-bottom: 1px solid #ececec; }
.gc-qd-theme-minimal .gc-qd-tier-label { color: #333; }
.gc-qd-theme-minimal .gc-qd-tier-value { color: #000; }
.gc-qd-theme-minimal .gc-qd-example { background: #fafafa; border: 1px solid #ececec; }
.gc-qd-theme-minimal .gc-qd-example-label { color: #666; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; }
.gc-qd-theme-minimal .gc-qd-old { color: #999; }
.gc-qd-theme-minimal .gc-qd-new { color: #000; }
.gc-qd-theme-minimal .gc-qd-save { color: #000; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; }
.gc-qd-theme-minimal .gc-qd-save-amount { color: #000; }
.gc-qd-theme-minimal .gc-qd-note { color: #888; }

/* ─── THÈME : CAMEL (cuir cognac) ───────────────────────── */
.gc-qd-theme-camel {
    border: 1px solid #ebe1d3;
    border-left: 4px solid #a56b3e;
    background: #fbf7f0;
    color: #3a2e22;
}
.gc-qd-theme-camel .gc-qd-title { color: #2a1f15; }
.gc-qd-theme-camel .gc-qd-icon { background: #a56b3e; color: #fff; }
.gc-qd-theme-camel .gc-qd-tiers { border-top: 1px dashed #ebe1d3; }
.gc-qd-theme-camel .gc-qd-tiers li { border-bottom: 1px dashed #ebe1d3; }
.gc-qd-theme-camel .gc-qd-tier-label { color: #6a5544; }
.gc-qd-theme-camel .gc-qd-tier-value { color: #a56b3e; }
.gc-qd-theme-camel .gc-qd-example { background: #fff; border: 1px solid #ece1cf; }
.gc-qd-theme-camel .gc-qd-example-label { color: #7a6650; }
.gc-qd-theme-camel .gc-qd-old { color: #a89580; }
.gc-qd-theme-camel .gc-qd-new { color: #2a1f15; }
.gc-qd-theme-camel .gc-qd-save { color: #5b7a3e; }
.gc-qd-theme-camel .gc-qd-save-amount { color: #5b7a3e; }
.gc-qd-theme-camel .gc-qd-note { color: #8a7560; }

/* ─── CART / CHECKOUT (commun) ──────────────────────────── */
.woocommerce-cart-form del,
.woocommerce-checkout-review-order-table del { color: #999; margin-right: 4px; }
.woocommerce-cart-form ins,
.woocommerce-checkout-review-order-table ins { background: transparent; color: #c55b43; font-weight: 700; text-decoration: none; }