/* ── Fiche membre — styles partagés (member-view.php + admin preview modal) ──
   Tailles "full" par défaut ; .nk-compact sur .nk-fiche pour la variante modale. */

.nk-fiche { font-family:'Open Sans',sans-serif; font-size:.88rem; }
.nk-fiche.nk-compact { font-size:.82rem; }

.nk-fiche-left  { background:#f2f2f2; border-right:1px solid #c0c0c0; }
.nk-fiche-right { background:#fff; }

/* Header */
.nk-header { background:#1a1a2e; color:#fff; padding:18px 20px; display:flex; gap:16px; align-items:center; }
.nk-fiche.nk-compact .nk-header { padding:14px 16px; gap:14px; }

.nk-avatar { width:72px; height:72px; border-radius:50%; object-fit:cover; border:2.5px solid #fff; flex-shrink:0; }
.nk-fiche.nk-compact .nk-avatar { width:60px; height:60px; }

.nk-initials { width:72px; height:72px; border-radius:50%; border:2.5px solid #d8b14f;
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:800; color:#fff; flex-shrink:0; }
.nk-fiche.nk-compact .nk-initials { width:60px; height:60px; font-size:1.35rem; }

.nk-name { font-size:1.05rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.nk-fiche.nk-compact .nk-name { font-size:.95rem; }

.nk-jobtitle { font-size:.8rem; color:#aab; font-style:italic; margin-top:3px; }
.nk-fiche.nk-compact .nk-jobtitle { font-size:.75rem; margin-top:2px; }

.nk-company { font-size:.8rem; color:#dde; font-weight:600; margin-top:2px; }
.nk-fiche.nk-compact .nk-company { font-size:.75rem; }

/* Social */
.nk-social { padding:10px 16px; }
.nk-fiche.nk-compact .nk-social { padding:8px 14px; }

.nk-social-row { display:flex; align-items:center; gap:8px; margin-bottom:5px; font-size:.8rem; }
.nk-fiche.nk-compact .nk-social-row { font-size:.74rem; margin-bottom:4px; }

.nk-badge { color:#fff; font-weight:700; padding:2px 7px; border-radius:2px; font-size:.72rem; min-width:22px; text-align:center; background:#1a1a2e; }
.nk-fiche.nk-compact .nk-badge { font-size:.68rem; padding:2px 6px; min-width:20px; }

.nk-social-val { color:#333; word-break:break-all; }

/* Sections */
.nk-section { padding:10px 16px 12px; }
.nk-fiche.nk-compact .nk-section { padding:8px 14px 10px; }

.nk-section + .nk-section { border-top:1px solid #e0e0e0; }

.nk-sec-title { font-weight:700; font-size:.82rem; color:#1a1a2e; display:flex; justify-content:space-between; align-items:center; margin-bottom:4px; }
.nk-fiche.nk-compact .nk-sec-title { font-size:.78rem; margin-bottom:3px; }

.nk-sec-badge { background:#1a1a2e; color:#fff; padding:1px 6px; font-size:.68rem; border-radius:2px; }
.nk-fiche.nk-compact .nk-sec-badge { font-size:.64rem; }

hr.nk-sep { border-color:#c8c8c8; margin:4px 0 8px; }
.nk-fiche.nk-compact hr.nk-sep { margin:3px 0 7px; }

.nk-list { list-style:none; padding:0; margin:0; }
.nk-list li { display:flex; gap:6px; margin-bottom:5px; font-size:.8rem; }
.nk-fiche.nk-compact .nk-list li { font-size:.74rem; gap:5px; margin-bottom:4px; }

.nk-list .n { font-weight:700; color:#333; min-width:16px; }
.nk-fiche.nk-compact .nk-list .n { min-width:14px; }

.nk-empty { color:#bbb; font-style:italic; font-size:.8rem; }
.nk-fiche.nk-compact .nk-empty { font-size:.74rem; }

/* Quote */
.nk-quote { margin:8px 16px 14px; padding:12px 16px; background:#fff; border:1px solid #d27c68; border-radius:3px; }
.nk-fiche.nk-compact .nk-quote { margin:6px 14px 12px; padding:10px 14px; border-radius:2px; }

.nk-quote-mark { font-size:2.1rem; font-weight:900; color:#222; line-height:.75; }
.nk-fiche.nk-compact .nk-quote-mark { font-size:1.9rem; }

.nk-quote-text { font-style:italic; color:#333; font-size:.82rem; margin-top:6px; line-height:1.5; }
.nk-fiche.nk-compact .nk-quote-text { font-size:.76rem; margin-top:5px; line-height:1.45; }

.nk-quote-attr { margin-top:6px; font-size:.76rem; color:#888; text-align:right; font-style:normal; }
.nk-fiche.nk-compact .nk-quote-attr { font-size:.72rem; }

.nk-quote-attr a { color:#888; }

/* Region banner */
.nk-region { background:#1c7988; color:#fff; padding:0; display:flex; }
.nk-fiche.nk-compact .nk-region { min-height:80px; }

.nk-region-map { flex:0 0 30%; display:flex; align-items:stretch; align-self:stretch; }
.nk-region-map img { width:100%; height:100%; object-fit:cover; display:block; border-right:2px solid rgba(255,255,255,.3); }

.nk-region-map-placeholder { flex:0 0 30%; background:#12445a; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.75rem; letter-spacing:.05em; color:#aad; border-right:2px solid rgba(255,255,255,.3); }

.nk-region-text { padding:14px 18px; flex:1; }
.nk-fiche.nk-compact .nk-region-text { padding:12px 16px; }

.nk-region-loc { font-size:1.1rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.nk-fiche.nk-compact .nk-region-loc { font-size:1.05rem; }

.nk-region-sub { font-size:.68rem; color:#d2ebee; margin-top:2px; }

.nk-region-cat { display:inline-block; background:#d8b14f; color:#1a2e33; font-weight:700; font-size:.72rem;
  padding:2px 10px; margin-top:8px; border-radius:2px; text-transform:uppercase; }
.nk-fiche.nk-compact .nk-region-cat { font-size:.68rem; padding:2px 9px; margin-top:6px; }

.nk-gold-line { border:none; border-top:1.5px solid #d8b14f; margin:8px 0 4px; width:60%; }
.nk-fiche.nk-compact .nk-gold-line { margin:6px 0 3px; }

/* Text blocks */
.nk-textblock { padding:12px 18px; }
.nk-fiche.nk-compact .nk-textblock { padding:10px 16px; }

.nk-textblock p { font-size:.82rem; color:#333; line-height:1.55; margin:0; }
.nk-fiche.nk-compact .nk-textblock p { font-size:.76rem; line-height:1.5; text-align:justify; }

/* Status bar (preview only) */
.nk-status-bar { background:#f8f9fa; border-bottom:1px solid #dee2e6; padding:6px 14px; font-size:.72rem; color:#666; }

/* Tag pills (full fiche only — links to directory search) */
.tag-pill { display:inline-flex; align-items:center; gap:5px; background:var(--light-bg,#f8f9fa); border:1px solid var(--border,#dee2e6); border-radius:20px; padding:4px 12px; font-size:.85rem; margin:2px; text-decoration:none; color:inherit; }
.tag-pill:hover { background:#e9ecef; text-decoration:none; }

/* Mobile: stack hero blocks vertically */
@media (max-width: 767.98px) {
  .nk-hero-row { flex-direction:column !important; min-height:auto !important; }
  .nk-hero-row .nk-header { width:100% !important; }
  .nk-hero-row .nk-region { width:100%; }
}