/* temple2026.css — TempleRenommee.php (plaques dorées) et pastille « Temple » des fiches */
.temple { display: grid; gap: 1.5rem; }
.temple > * { min-width: 0; }
.temple__entete { text-align: center; padding: 2rem 1rem 1.5rem; border-radius: 16px;
    background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--or) 30%, var(--surface)), var(--surface) 70%); border: 1px solid color-mix(in srgb, var(--or) 40%, var(--trait)); }
.temple__sur { margin: 0; font-size: .8rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--or); }
.temple__titre { margin: .2rem 0 .5rem; font-family: var(--police-titre); font-size: clamp(2.2rem, 7vw, 3.8rem); font-weight: 800; text-transform: uppercase; line-height: 1; }
.temple__titre::before, .temple__titre::after { content: "🏛️"; font-size: .55em; vertical-align: middle; margin: 0 .4em; }
.temple__intro { margin: 0 auto; max-width: 40rem; color: var(--texte-2); }
.temple__criteres { list-style: none; margin: .9rem 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .8rem; font-size: .88rem; }
.temple__criteres li { padding: .3rem .8rem; border-radius: 999px; background: var(--surface-2); }
.temple__section { margin-bottom: .75rem; }

.plaques { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); }
.plaque { position: relative; display: grid; gap: .8rem; align-content: start; padding: 1.1rem 1.1rem 1rem; border-radius: 14px;
    background: linear-gradient(160deg, color-mix(in srgb, var(--or) 16%, var(--surface)), var(--surface) 55%);
    border: 1px solid color-mix(in srgb, var(--or) 50%, var(--trait)); box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--or) 8%, transparent); }
.plaque__haut { display: flex; gap: .9rem; align-items: center; }
.plaque__photo { position: relative; flex: none; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; overflow: hidden;
    background: var(--surface-2); border: 3px solid var(--or); }
.plaque__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.plaque__initiales { font-family: var(--police-titre); font-size: 1.8rem; font-weight: 800; color: var(--or); }
.plaque__nom { margin: 0; font-family: var(--police-titre); font-size: 1.55rem; font-weight: 800; line-height: 1.05; text-transform: uppercase; }
.plaque__nom a { color: var(--texte); }
.plaque__carriere { margin: .25rem 0; font-size: .82rem; color: var(--texte-2); }
.plaque__actif { padding: .05rem .4rem; border-radius: 999px; background: var(--monte); color: #fff; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.plaque__equipes { margin: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.plaque__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem; margin: 0; }
.plaque__stats div { display: grid; justify-items: center; padding: .4rem .2rem; border-radius: 8px; background: var(--surface-2); }
.plaque__stats dt { font-size: .68rem; font-weight: 800; letter-spacing: .06em; color: var(--texte-2); }
.plaque__stats dd { margin: 0; font-family: var(--police-titre); font-size: 1.35rem; font-weight: 800; }
.plaque__fort dd { color: var(--or); }
.plaque__honneurs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem; }
.plaque__rang { padding: .1rem .5rem; border-radius: 999px; background: color-mix(in srgb, var(--or) 25%, var(--surface)); color: var(--texte); font-size: .76rem; font-weight: 700; }
.plaque__raison { margin: 0; font-size: .76rem; color: var(--texte-2); font-style: italic; }

/* Fiches de joueur et de gardien */
.pastille-temple { display: inline-flex; align-items: center; gap: .4rem; margin: 0 1rem .9rem; padding: .45rem .9rem; border-radius: 999px; text-decoration: none;
    background: linear-gradient(90deg, color-mix(in srgb, var(--or) 30%, var(--surface)), var(--surface)); border: 1px solid var(--or); color: var(--texte); font-weight: 800; }
.pastille-temple:hover { text-decoration: none; filter: brightness(1.08); }
.plaque__photo img + .plaque__initiales { display: none; } /* sans photo (ou photo introuvable) : les initiales */