/* Personnalisation des cartes de profil : couleurs choisies et badges affichés. */
.pcard.has-accent {
  outline: 2px solid var(--p-accent);
  outline-offset: -2px;
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--p-accent) 22%, transparent), transparent 72%);
}
.pcard.has-banner-color [class*="banner"]:not(img) { background-color: var(--p-banner) !important; }
.pcard.has-accent [class*="badge"] { border-color: color-mix(in srgb, var(--p-accent) 55%, #2c2c2c); }
.pcard.no-badges [class*="badges"] { display: none; }

.profile-style { display: grid; gap: 12px; }
.pcolor-row { display: grid; gap: 6px; }
.pcolor-label { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #8c8c8c; font-weight: 700; }
.pcolor-list { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pcolor {
  width: 28px; height: 28px; border-radius: 8px; border: 2px solid #2c2c2c; cursor: pointer;
  transition: transform .15s ease, border-color .15s ease;
}
.pcolor:hover, .pcolor:focus-visible { transform: scale(1.1); border-color: #e9e9e9; outline: none; }
.pcolor-input { width: 36px; height: 30px; padding: 0; border: 2px solid #2c2c2c; border-radius: 8px; background: transparent; cursor: pointer; }
.pbadge-list { display: grid; gap: 8px; }
.pbadge-opt {
  display: grid; grid-template-columns: auto auto 1fr; gap: 10px; align-items: center;
  padding: 8px 10px; border: 1px solid #2c2c2c; border-radius: 10px; background: #141414; cursor: pointer;
}
.pbadge-opt:hover { border-color: #8c8c8c; }
.pbadge-opt:focus-within { outline: 2px solid #e9e9e9; outline-offset: 1px; }
.pbadge-glyph { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #1d1d1d; color: #fff; }
.pbadge-text { display: grid; }
.pbadge-text small { color: #8c8c8c; font-size: 12px; }
.switch-row { display: flex; gap: 10px; align-items: center; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .pcolor { transition: none; } }

.pcard{position:relative;isolation:isolate}.pcard>.pcard-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.pcard.has-background-image::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--p-dim,.35));z-index:-1;pointer-events:none}.pcard.has-background-color{background-color:var(--p-background)!important;background-image:none}.pcard.has-background-image>.pcard-body,.pcard.has-background-image>.pcard-head{background:transparent}.pcard.has-text-color .pcard-body,.pcard.has-text-color .pcard-body h3,.pcard.has-text-color .pcard-body h4,.pcard.has-text-color .handle,.pcard.has-text-color .bio,.pcard.has-text-color .cstatus,.pcard.has-text-color .since{color:var(--p-text)!important}.pcolor-list input.pcolor-hex{width:105px;min-width:90px;flex:0 0 auto;font:14px ui-monospace,monospace;padding:7px 9px}.pcolor-hex[aria-invalid=true]{border-color:#f48b8b!important}.pcard.has-background-image .pcard-banner:not(:has(img)){background:transparent!important}