/* Jauge de campagne – Un été à Chalue */
.chalue-jauge {
    --chalue-fond: #b8c7b8;
    --chalue-remplissage: #fd6beb;
    --chalue-accent: #203069;   /* bleu marine de la couverture : textes mis en avant */
    max-width: 480px;
}
.chalue-jauge__montant { margin: 0 0 .5em; line-height: 1.1; }
.chalue-jauge__total {
    display: block;
    font-size: clamp(2.2rem, 7vw, 3.2rem);
    font-weight: 700;
    letter-spacing: -.01em;
}
.chalue-jauge__objectif { display: block; margin-top: .25em; opacity: .75; }
.chalue-jauge__bar {
    height: 14px;
    background: var(--chalue-fond);
    border-radius: 99px;
    overflow: hidden;
}
.chalue-jauge__bar span {
    display: block;
    height: 100%;
    background: var(--chalue-remplissage);
    border-radius: 99px;
    transition: width .6s ease;
}
.chalue-jauge__pct { margin: .4em 0 .9em; text-align: right; }
.chalue-jauge.is-reached .chalue-jauge__pct strong,
.chalue-jauge.is-reached .chalue-jauge__total { color: var(--chalue-accent); }

/* Objectif atteint / dépassé */
.chalue-jauge__badge {
    display: inline-block;
    margin: 0 0 .6em;
    padding: .25em .8em;
    border-radius: 99px;
    background: var(--chalue-remplissage);
    color: var(--chalue-accent);
    font-weight: 600;
    font-size: .95em;
}
.chalue-jauge__palier { margin: .2em 0 1em; }
.chalue-jauge__palier p { margin: 0 0 .35em; }
.chalue-jauge__bar--palier { height: 8px; }
.chalue-jauge__meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .6em 1.2em;
}
.chalue-jauge__meta li { display: flex; align-items: center; gap: .45em; margin: 0; }
.chalue-jauge__meta li > span{ padding-top: 5px;}
.chalue-ico { flex: none; opacity: .8; }

/* Bouton « Choisir » sous chaque participation */
.chalue-choisir { display: inline-block; text-decoration: none; }
.chalue-choisir.is-disabled { opacity: .45; pointer-events: none; }
form.variations_form { transition: box-shadow .4s ease; border-radius: 8px; }
form.variations_form.chalue-flash { box-shadow: 0 0 0 3px #203069; }

/* Champ prénom pour la dédicace */
.chalue-dedicace {
    margin: 0 0 1em;
}
.chalue-dedicace label {
    display: block;
    margin-bottom: .3em;
}
.chalue-dedicace input {
    width: 100%;
    max-width: 320px;
    padding: 5px;
}
.chalue-dedicace abbr {
    text-decoration: none !important;
}

/* Défilement doux vers l'ancre « Je soutiens Chalue » */
html { scroll-behavior: smooth; }

/* Zone d'achat intégrée via [product_page] : on ne garde que le choix et le bouton
   (ajouter la classe « chalue-achat » au groupe qui contient le code court) */
.chalue-achat .woocommerce-product-gallery,
.chalue-achat .product_title,
.chalue-achat .woocommerce-product-details__short-description,
.chalue-achat .product_meta,
.chalue-achat .woocommerce-tabs,
.chalue-achat .related,
.chalue-achat .upsells { display: none !important; }
.chalue-achat .summary { width: 100% !important; float: none !important; }
.chalue-achat .summary > .price,
.chalue-achat .woocommerce-product-rating,
.chalue-achat .onsale { display: none !important; }
.chalue-achat .product { display: block !important; }
.chalue-achat { scroll-margin-top: 90px; }

/* Boutons de la campagne aux couleurs du site
   (changer la couleur : .chalue-page { --chalue-bouton: #xxxxxx; } dans le CSS additionnel) */
:root { --chalue-bouton: #4a7a4c; --chalue-bouton-texte: #fff; }
a.chalue-choisir.wp-element-button,
.chalue-achat .single_add_to_cart_button,
.chalue-achat button.single_add_to_cart_button.button.alt {
    background: var(--chalue-bouton) !important;
    color: var(--chalue-bouton-texte) !important;
    border: none !important;
}
a.chalue-choisir.wp-element-button:hover,
.chalue-achat .single_add_to_cart_button:hover { filter: brightness(1.1); }
.chalue-achat .single_add_to_cart_button.disabled { opacity: .5; }

/* Liste des contributeurs */
.chalue-contrib__total { font-size: 1.15em; margin: 0 0 1em; }
.chalue-contrib__liste { list-style: none; margin: 0; padding: 0; }
.chalue-contrib__liste li {
    padding: .8em 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin: 0;
}
.chalue-contrib__date { display: block; font-size: .85em; opacity: .6; margin-top: .2em; }
