/**
 * Shine (thème enfant) — surcharge du CSS front de cyliumproductfields.
 *
 * ⚠ Ce fichier REMPLACE `modules/cyliumproductfields/views/css/front.css` : c'est
 * le mécanisme natif de PrestaShop, qui sert le fichier du thème dès qu'il existe
 * sous `themes/<thème>/modules/<module>/…`. Celui du module n'est alors PAS chargé
 * — il n'y a donc rien à « écraser », seulement à réécrire ce qu'on garde.
 *
 * D'où un fichier volontairement court : sur les cinq pages types du site, seules
 * dix-huit classes `cpf-*` sont rendues. Tout ce qui servait aux types de champs
 * non employés ici (couleur, image, vidéo, produits, gabarit CE, FAQ du module)
 * a été retiré — ces styles restent dans le module pour les boutiques qui s'en
 * servent.
 *
 * Les valeurs de mise en forme (couleurs, tailles) ne sont PAS reprises : elles
 * appartiennent au thème et vivent dans shine-product.css / shine-category.css,
 * au plus près du composant qui les utilise.
 *
 * @author    CyliumDev <contact@cyliumdev.fr>
 * @copyright 2026 CyliumDev
 * @license   Proprietary - Non-commercial use only
 */

/* Enveloppe d'un champ, quel qu'en soit le type. */
.cpf-widget-field,
.cpf-widget-fields {
    margin-bottom: 1rem;
}

/* 🔴 Volontairement SANS `color` : le module posait #555, qui écrasait la
   typographie du thème sur le sous-titre de la fiche produit. La couleur est
   désormais celle du contexte. */
.cpf-field-value {
    flex: 1;
}

/* ---- Champ de type LISTE (bullet points de la fiche produit) ----
   Seule la structure est conservée. Puces, couleurs et espacements sont dans
   shine-product.css, sous `#product .shine-bullets`. */
.cpf-list__items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cpf-list__item {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.cpf-list__text {
    min-width: 0;
}