/* Avantages réservés aux adhérents */ .avantages { /* Élément flex du : width + min-width évitent que la grille se dimensionne sur son contenu et déborde de l'écran. */ width: 100%; max-width: 1120px; min-width: 0; box-sizing: border-box; margin: 24px auto 50px; padding: 0 18px; text-align: center; } .avantages__titre { font-size: 28px; color: #222; margin: 10px 0 6px; } .avantages__intro { color: #666; margin: 0 0 24px; } .avantages__message { max-width: 520px; margin: 0 auto 18px; padding: 11px 16px; background: #eafaf1; color: #1e7d4f; border-radius: 10px; font-weight: 600; font-size: 14px; } .avantages__message--erreur { background: #fdecec; color: #d33333; } /* Formulaire d'administration */ .avantages__form { max-width: 620px; margin: 0 auto 30px; padding: 20px 22px; background: #fff; border-radius: 14px; box-shadow: 0 5px 16px rgba(0, 0, 0, .09); text-align: left; } .avantages__form h2 { font-size: 18px; color: #222; margin: 0 0 14px; } /* Cartes */ .avantages__grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; } .avantage-carte { display: flex; flex-direction: column; background: #fff; border-radius: 16px; padding: 20px 20px 18px; box-shadow: 0 5px 16px rgba(0, 0, 0, .09); text-align: left; border-top: 4px solid #ffb347; } .avantage-carte__titre { font-size: 18px; color: #222; margin: 0 0 8px; } .avantage-carte__desc { color: #555; font-size: 14px; line-height: 1.55; margin: 0 0 14px; flex: 1; } /* L'avantage lui-même (réduction) est mis en évidence. */ .avantage-carte__badge { display: inline-block; align-self: flex-start; background: linear-gradient(135deg, #ffa726, #e67e00); color: #fff; font-weight: 700; font-size: 15px; padding: 8px 16px; border-radius: 999px; } .avantage-carte__admin { display: flex; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #eee; } .avantage-carte__admin button { border: 1px solid #ddd; background: #fafafa; color: #444; border-radius: 8px; padding: 7px 14px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background-color .2s, color .2s; } .avantage-carte__admin button:hover { background: #efefef; } .avantage-carte__admin .avantage-carte__suppr:hover { background: #fdecec; color: #d33333; border-color: #f5c2c2; } .avantages__vide { color: #888; font-style: italic; padding: 30px 0; }