/* Hokay — Profil v2 : en-tête pro, onglets collants, cartes déroulantes.
   Utilise les variables de profile.css (thèmes clair / sombre / pur). */

/* ═══════ EN-TÊTE DU PROFIL ═══════ */
#profile-card.profile-card{border-radius:4px;}
.main-layout>*,.main-section{min-width:0;}
.pv2-cover{height:72px;position:relative;background:linear-gradient(135deg,var(--accent-secondary),var(--accent));}
.pv2-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.16),transparent 55%);}
.pv2-body{padding:0 18px 6px;}
.pv2-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-52px;gap:10px;}
.pv2-ring.xp-ring-wrap{width:104px;height:104px;margin:0;flex-shrink:0;}
.pv2-ring .avatar-wrapper{width:100%;height:100%;margin:0;}
.pv2-ring .avatar-img{width:100%;height:100%;box-shadow:0 0 0 4px var(--bg-card),0 6px 18px rgba(0,0,0,.25);}
.pv2-online{position:absolute;bottom:8px;left:8px;width:14px;height:14px;border-radius:50%;background:var(--success);border:2.5px solid var(--bg-card);z-index:10;}
.pv2-id{min-width:0;}
#profile-card .profile-name{font-size:1.3rem;margin:0 0 2px;line-height:1.2;}
#profile-card .profile-title{font-size:.86rem;margin:0 0 6px;opacity:1;}
.pv2-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.78rem;color:var(--text-muted);}
.pv2-meta i{color:var(--accent);margin-right:5px;font-size:.72rem;}

.pv2-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 4px;}
.pv2-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;
  background:var(--tint);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;}
.pv2-chip.rank{color:var(--accent);border-color:var(--border-glow);background:var(--accent-glow);}
.pv2-chip.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent);}
.pv2-chip.rec{color:var(--info);border-color:color-mix(in srgb,var(--info) 40%,transparent);background:color-mix(in srgb,var(--info) 10%,transparent);}
.pv2-chip.gh:hover{color:var(--text-primary);border-color:var(--border-glow);}

.pv2-bio-wrap{margin:10px 0 4px;text-align:left;}
#profile-card .pv2-bio{margin:0;padding:0;font-size:.86rem;line-height:1.6;color:var(--text-secondary);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#profile-card .pv2-bio.open{display:block;-webkit-line-clamp:unset;}
#profile-card .pv2-bio.pv2-empty{font-style:italic;color:var(--text-muted);text-align:center;margin:10px 0 4px;}
.pv2-more{background:none;border:none;color:var(--accent);font-size:.78rem;font-weight:700;padding:4px 0 0;}
.pv2-more[hidden]{display:none;}
.pv2-xp{margin:12px 0 10px;}
#profile-card .profile-stats{margin-top:8px;}
#profile-card .pv2-actions{padding:14px 18px 18px;flex-direction:row;flex-wrap:wrap;}
#profile-card .pv2-actions .btn{flex:1 1 calc(50% - 6px);min-height:42px;}
#profile-card .pv2-actions .pv2-wide{flex:1 1 100%;}

/* ═══════ CARTES DÉROULANTES ═══════ */
.pv2-acc{padding:0!important;overflow:hidden;}
.pv2-acc-head{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:16px 18px;cursor:pointer;user-select:none;flex-wrap:wrap;}
.pv2-acc-head.contact-title{margin-bottom:0;}
.pv2-acc-head .section-title{margin-right:auto;min-width:0;}
.pv2-acc-head:hover{background:var(--tint);}
.pv2-hint{flex:1 0 100%;order:9;font-size:.74rem;font-weight:400;color:var(--text-muted);line-height:1.4;margin-top:-4px;padding-left:26px;}
.pv2-chev{order:8;width:30px;height:30px;border-radius:50%;background:var(--tint);border:1px solid var(--border-color);color:var(--text-muted);
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.72rem;margin-left:4px;}
.pv2-chev i{transition:transform .25s ease;}
.pv2-acc:not(.pv2-collapsed) .pv2-chev{color:var(--accent);}
.pv2-acc.pv2-collapsed .pv2-chev i{transform:rotate(-90deg);}
.pv2-acc-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease;}
.pv2-acc-inner{min-height:0;overflow:hidden;padding:0 18px 18px;}
.pv2-acc.pv2-collapsed .pv2-acc-body{grid-template-rows:0fr;}
.pv2-acc.pv2-collapsed .pv2-acc-inner{padding-bottom:0;visibility:hidden;}
.pv2-acc.pv2-collapsed .pv2-acc-head{border-bottom:0;}
.pv2-acc:not(.pv2-collapsed) .pv2-acc-head{border-bottom:1px solid var(--border-color);margin-bottom:14px!important;}
.xp-level-card.pv2-acc .xp-lc-header{padding:16px 18px;}
.contact-info.pv2-acc .pv2-acc-inner{padding-top:0;}

.pv2-acc.pv2-collapsed > .section-header > :not(.section-title):not(.pv2-chev):not(.pv2-hint){display:none!important;}
.pv2-tools{display:none;gap:8px;margin-bottom:12px;}
.pv2-tools button{flex:1;padding:8px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--bg-card);
  color:var(--text-secondary);font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.pv2-tools button:hover{border-color:var(--accent);color:var(--accent);}

/* ═══════ MOBILE ═══════ */
@media (max-width:768px){
  /* fin du menu du bas : les onglets sont en haut, toujours visibles */
  .mobile-nav,.mobile-menu-btn{display:none!important;}
  body{padding-bottom:max(20px,env(safe-area-inset-bottom));}
  .header{padding:0 14px;}

  .tabs-navigation.desktop-only{display:flex!important;position:sticky;top:60px;z-index:150;margin:0 -10px 4px;padding:8px 10px;gap:6px;
    border-radius:0!important;border-width:0 0 1px 0!important;background:var(--header-bg)!important;box-shadow:none;
    -webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);}
  .tabs-navigation .tab-btn{flex:0 0 auto;min-width:0;padding:9px 14px;border:1px solid var(--border-color)!important;border-radius:999px;background:var(--bg-card)!important;font-size:.8rem;}
  .tabs-navigation .tab-btn.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#1a1310!important;font-weight:700;}
  .tabs-navigation .tab-btn.active span{background:#1a1310!important;color:var(--accent)!important;}
  /* le contact passe sous les onglets : fiche d'abord, puis contenu, puis contact */
  .sidebar{display:contents!important;}
  #profile-card{order:1;}
  .main-section{order:2;}
  .contact-info{order:3;}

  .pv2-cover{height:64px;}
  .pv2-body{padding:0 16px 4px;}
  .pv2-head{flex-direction:row;align-items:flex-start;text-align:left;margin-top:-34px;gap:14px;}
  .pv2-ring.xp-ring-wrap{width:84px;height:84px;}
  .pv2-id{margin-top:40px;}
  #profile-card .profile-name{font-size:1.15rem;}
  #profile-card .profile-title{font-size:.82rem;}
  .pv2-meta{justify-content:flex-start;font-size:.74rem;}
  .pv2-chips{justify-content:flex-start;}

  .pv2-tools{display:flex;}
  .pv2-acc-head{padding:14px 16px;}
  .pv2-acc-inner{padding:0 16px 16px;}
  .pv2-acc:not(.pv2-collapsed) .pv2-acc-head{margin-bottom:12px!important;}
  .section-title{font-size:.92rem;}

  /* bandeau PoW compact : 4 chiffres clés sur une ligne */
  .pow-hero{padding:12px!important;margin-bottom:12px!important;}
  .pow-hero-tag{margin-bottom:8px!important;}
  .pow-hero .pow-hero-stats{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;}
  .pow-hero .pow-hero-stat{padding:8px 4px!important;}
  .pow-hero .pow-hero-stat-val{font-size:1.05rem!important;}
  .pow-hero .pow-hero-stat-lbl{font-size:.58rem!important;}
  .pow-hero .pow-hero-stat-sub,.pow-hero .pow-hero-rank{display:none!important;}
  .main-section{gap:12px;}
}

@media (max-width:380px){
  .pv2-ring.xp-ring-wrap{width:72px;height:72px;}
  #profile-card .pv2-actions .btn{flex:1 1 100%;}
}

/* clair : le bandeau PoW garde un fond lisible */
html:not([data-theme]) .pow-hero{background:linear-gradient(135deg,var(--bg-card),var(--bg-hover))!important;}
html:not([data-theme]) .pow-hero .pow-hero-stat{background:var(--tint)!important;}

/* ═══════ Correctifs de thème (le mode clair était ignoré par l'en-tête et les stats) ═══════ */
.header{background:var(--header-bg-blur)!important;border-bottom:1px solid var(--border-color)!important;}
#profile-card .profile-stats{background:var(--tint)!important;}
#profile-card .pv2-bio.pv2-empty{color:var(--text-muted)!important;}
html:not([data-theme]) .btn-github{background:var(--tint)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important;}