/* Profil PHEnomen : styles limités à cette page */
.profil-page { background:#f5f6f8; padding:100px 16px 80px; color:#333; }
.profil-conteneur { max-width:1200px; margin:0 auto; }
.profil-titre {
    display: block;
    width: 100%;
    margin: 0 0 34px;
    text-align: center;
    color: #990066;
}
.profil-carte { background:#fff; border:1px solid #e0e0e5; border-radius:12px; padding:28px 32px; margin-bottom:24px; box-shadow:0 5px 20px rgba(0,0,0,.04); }
.profil-section-titre { display:flex; align-items:center; gap:12px; margin:0 0 24px; color:#990066; font-size:22px; font-weight:600; }
.profil-section-titre i { width:28px; text-align:center; }
.profil-genre { display:flex; gap:16px; align-items:center; margin:0 0 24px 44px; }
.profil-ligne { display:grid; grid-template-columns:32px 190px minmax(0,1fr); align-items:center; gap:12px; margin-bottom:16px; }
.profil-icone { color:#000; font-size:21px; text-align:center; }
.profil-ligne label { color:#333; font-size:15px; font-weight:500; }
.profil-champ { box-sizing:border-box; width:100%; max-width:520px; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #d8d8dc; border-radius:8px; background:#f5f6f8; color:#333; font-size:15px; }
.profil-champ:focus { background:#fff; outline:none; border-color:#990066; box-shadow:0 0 0 3px rgba(153,0,102,.1); }
.profil-password { display:flex; align-items:center; gap:8px; max-width:570px; min-width:0; }
.profil-password .profil-champ { flex:1; }
.profil-oeil { border:0; background:transparent; color:#000; cursor:pointer; padding:10px; font-size:19px; }
.profil-actions { display:flex; justify-content:flex-end; margin-top:22px; }
.profil-bouton { min-height:46px; padding:10px 24px; border:0; border-radius:8px; background:#990066; color:#fff; font-size:15px; font-weight:600; cursor:pointer; }
.profil-bouton:hover { background:#76004f; }
.profil-danger { border-color:#ead7d7; }
.profil-danger .profil-section-titre { color:#a62e38; }
.profil-bouton-danger { min-height:44px; padding:10px 22px; background:#fff; color:#b42330; border:1px solid #b42330; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; }
.profil-bouton-danger:hover { background:#fff0f1; }
.profil-modal { z-index:1000; }
.profil-modal-contenu { position:relative; max-width:520px; margin:12vh auto; padding:28px; border-radius:12px; color:#333; }
.profil-modal-contenu h3 { margin-top:0; color:#a62e38; }
.profil-modal-fermer { position:absolute; right:14px; top:8px; border:0; background:transparent; font-size:30px; cursor:pointer; color:#555; }
.profil-confirmation { display:flex; gap:24px; margin-top:20px; }
.profil-confirmation label { cursor:pointer; }
.profil-confirmation input { accent-color:#990066; }
@media (max-width:768px) {
 .profil-page { padding:80px 12px 50px; }
 .profil-carte { padding:22px 18px; }
 .profil-ligne { grid-template-columns:28px minmax(0,1fr); gap:6px 12px; }
 .profil-ligne label { grid-column:2; }
 .profil-ligne > .profil-champ, .profil-ligne > .profil-password { grid-column:2; }
 .profil-genre { margin-left:40px; }
 .profil-champ { max-width:none; font-size:16px; }
 .profil-actions { justify-content:stretch; }
 .profil-actions button { width:100%; }
}

/* Titre principal de la page profil */
.profil-conteneur > h2 {
    font-size: 50px;
    font-weight: 600;
}