/* ===== IHP Profile Header v2 ===== */
.ihp-prof2{--p-bg:#0f1114;--p-card:#15181c;--p-text:#e5e7eb;--p-muted:#a3a9b3;--p-line:#23272f;--p-chip:#20252d;--p-chip-t:#e5e7eb;--p-link:#2dd4bf}
body:not(.dark-mode) .ihp-prof2{--p-bg:#f6f7f9;--p-card:#e7e7e7;--p-text:#111827;--p-muted:#6b7280;--p-line:#e5e7eb;--p-chip:#edf2f7;--p-chip-t:#374151;--p-link:#0ea5a3}
.ihp-prof2 *{box-sizing:border-box}

/* HERO ortak */
.ihp-prof2-hero{position:relative;border-radius:14px;overflow:hidden;margin-bottom:14px;background:radial-gradient(1200px 600px at 10% -20%, rgba(93,135,255,.25), transparent 60%),radial-gradient(900px 500px at 95% 0%, rgba(45,211,191,.25), transparent 60%),linear-gradient(135deg, rgba(91,156,255,.12), rgba(34,211,238,.12));min-height:180px}
.ihp-prof2-hero .ihp-prof2-cover{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.02)}
.ihp-prof2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.45))}
body:not(.dark-mode) .ihp-prof2-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18))}
.ihp-prof2-hero .ihp-prof2-inner{position:relative;z-index:2;padding:22px 16px}

/* -------- DESKTOP LAYOUT -------- */
.ihp-prof2--desktop .ihp-prof2-card{
  position:relative;margin-top:-52px;background:var(--p-card);
  border:1px solid var(--p-line);border-radius:14px;padding:14px;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.14)
}
.ihp-prof2--desktop .ihp-prof2-avatar{
  position:relative;flex:0 0 96px;width:96px;height:96px;border-radius:50%;
  overflow:hidden;border:2px solid var(--p-card);box-shadow:0 2px 8px rgba(0,0,0,.18)
}
.ihp-prof2--desktop .avatar-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag: none;}
.ihp-prof2--desktop .ihp-ig-ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);pointer-events:none;filter:saturate(1.08)}
.ihp-prof2--desktop .ihp-ig-ring .ring{animation:ihp-ig-rotate 3.6s linear infinite;transform-origin:50% 50%}
.ihp-prof2--desktop .ihp-prof2-info{flex:1;min-width:220px;color:var(--p-text)}
.ihp-prof2--desktop .ihp-prof2-name{font-size:22px;font-weight:800;display:flex;align-items:center;gap:3px;line-height:1.2}
.ihp-prof2--desktop .ihp-prof2-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ihp-prof2--desktop .ihp-prof2-chip{background:var(--p-chip);color:var(--p-chip-t);border-radius:10px;padding:4px 10px;font-size:12px;display:inline-flex;align-items:center;gap:4px;cursor: help;}
.ihp-prof2--desktop .ihp-prof2-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:13px;color:var(--p-muted);align-items: center;}
.ihp-prof2--desktop .ihp-prof2-meta .on{color:#22c55e}
.ihp-prof2--desktop .ihp-prof2-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.ihp-prof2--desktop .ihp-prof2-actions .btn{border-radius:10px;padding:7px 14px;font-weight:600}
.ihp-prof2--desktop .ihp-prof2-about{flex-basis:100%;margin-top:6px;color:var(--p-text);opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* -------- MOBILE LAYOUT (ayrı markup) -------- */
.ihp-prof2--mobile .ihp-prof2-hero{min-height:96px;margin-bottom:8px}
.ihp-prof2--mobile .ihp-prof2-card{
  margin-top:-28px;padding:12px;border-radius:12px;background:var(--p-card);border:1px solid var(--p-line);
  display:grid;grid-template-columns:74px 1fr;grid-column-gap:12px;align-items:start;
  box-shadow:0 6px 18px rgba(0,0,0,.14)
}
.ihp-prof2--mobile .ihp-prof2-avatar{
  grid-column:1;grid-row:1 / span 3;position:relative;width:74px;height:74px;border-radius:50%;
  overflow:hidden;border:2px solid var(--p-card)
}
.ihp-prof2--mobile .avatar-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag: none;}
.ihp-prof2--mobile .ihp-ig-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);pointer-events:none;filter:saturate(1.08)}
.ihp-prof2--mobile .ihp-ig-ring .ring{animation:ihp-ig-rotate 3.6s linear infinite;transform-origin:50% 50%}
.ihp-prof2--mobile .ihp-prof2-info{
  grid-column:2;grid-row:1 / span 3;color:var(--p-text);
  display:grid;grid-template-areas:"name" "meta" "badges" "about";grid-row-gap:6px;min-width:0;margin: 10px 0 0 8px;
}
.ihp-prof2--mobile .ihp-prof2-name{grid-area:name;font-size:17px;font-weight:800;display:flex;align-items:center;gap:2px;line-height:1.2;min-width:0}
.ihp-prof2--mobile .ihp-prof2-meta{grid-area:meta;display:grid;grid-template-columns:2fr 1fr;grid-column-gap:12px;grid-row-gap:6px;font-size:12px;color:var(--p-muted);align-items: center;}
.ihp-prof2--mobile .ihp-prof2-meta .on{color:#22c55e}
.ihp-prof2--mobile .ihp-prof2-badges{grid-area:badges;display:flex;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.ihp-prof2--mobile .ihp-prof2-badges::-webkit-scrollbar{display:none}
.ihp-prof2--mobile .ihp-prof2-chip{background:var(--p-chip);color:var(--p-chip-t);border-radius:10px;padding:3px 8px;font-size:11px;display:inline-flex;align-items:center;gap:4px;cursor: help;}
.ihp-prof2--mobile .ihp-prof2-about{grid-area:about;color:var(--p-text);opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ihp-prof2--mobile .ihp-prof2-actions{grid-column:1 / -1;margin-top:8px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.ihp-prof2--mobile .ihp-prof2-actions .btn{width:100%;padding:9px 0;border-radius:10px;font-weight:600}

/* Ortak yardımcılar */
@keyframes ihp-ig-rotate{to{transform:rotate(360deg)}}
a.ihp-prof2-link{color:var(--p-link);text-decoration:none}
a.ihp-prof2-link:hover{opacity:.9}

/* === Mini Sticky (sadece mobile branch render edilir) === */
.ihp-mini-bar{
  position:fixed; left:0; right:0; top:50px;
  z-index: 1060;
  transform: translateY(-100%);
  background:var(--p-card,#15181c);color:var(--p-text,#e5e7eb);
  border-bottom:1px solid var(--p-line,#23272f);
  opacity:0;
  pointer-events:none;
  transition: transform .25s ease, opacity .25s ease;
  will-change: transform;
  backface-visibility: hidden;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){
  .ihp-mini-bar{ -webkit-transform: translateZ(0); transform: translateZ(0) translateY(-100%); }
}
.ihp-mini-bar .icon-verified-member{
  float:none !important;
  display:inline-block; vertical-align:middle;
  line-height:1; font-size:16px; margin-left:0;
}
.ihp-mini-bar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto;}
.ihp-mini-bar .mini-inner{display:flex;align-items:center;gap:10px;padding:8px 12px}
.ihp-mini-bar .mini-ava{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--p-card,#15181c)}
.ihp-mini-bar .mini-info{flex:1;min-width:0}
.ihp-mini-bar .mini-name{font-weight:700;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ihp-mini-bar .mini-meta{font-size:12px;color:var(--p-muted,#a3a9b3)}
.ihp-mini-bar .mini-actions{display:flex;gap:6px}
/* ABOUT: masaüstünde full metin, mobilde 2 satır + toggle */
.ihp-prof2-about{
  display:block;              /* desktop: tam metin */
  -webkit-line-clamp:unset;
  -webkit-box-orient:vertical;
  overflow:visible;
}

/* Toggle butonu – default: gizli (desktop) */
.ihp-about-toggle{ display:none }

/* SADECE MOBİL */
@media (max-width:576px){
  .ihp-prof2-about{
    display:-webkit-box;
    -webkit-line-clamp:2;     /* mobil: 2 satır */
    overflow:hidden;
  }
  .ihp-about-toggle{
    display:inline;           /* mobilde görünsün */
    margin-top:6px;
    padding:0;
    border:0;
    background:none;
    color:var(--p-link);
    font-weight:600;
    cursor:pointer;
    line-height:1;
  }
  .ihp-prof2-about.is-expanded{
    display:block;            /* açıldığında clamp kalksın */
    -webkit-line-clamp:unset;
    max-height:none;
  }

  /* ölçüm klonu */
  .ihp-about-measure{
    position:absolute!important; visibility:hidden!important;
    left:-9999px!important; top:-9999px!important;
  }
}
.ih-rank {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--p-chip);
    color: var(--p-chip-t);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
	cursor: help;
	max-width: fit-content;
}
.ihp-prof2-chip.is-success{ box-shadow:0 0 0 2px rgba(34,197,94,.25) inset; }
.ihp-prof2-chip.is-warn{ box-shadow:0 0 0 2px rgba(255,152,0,.25) inset; }
.ihp-prof2-altin{ color:#dc143c;text-shadow:0 0 6px rgba(220,20,60,.35); }
.ihp-prof2-gumus{ color:#2185d0;text-shadow:0 0 6px rgba(33,133,208,.35); }
.ihp-prof2-staff{ color:#04AF3A;text-shadow:0 0 6px rgba(4,175,58,.35); }
/* === MOBİL: üstte avatar+isim+meta, altta rozetler ve about sola yaslı === */
@media (max-width:576px){

  /* Kartı 2 kolonlu grid + explicit alan isimleri ile kuralım */
  .ihp-prof2--mobile .ihp-prof2-card{
    display:grid;
    grid-template-columns:74px 1fr;            /* [AVA | CONTENT] */
    grid-template-areas:
      "ava  name"
      "ava  meta"
      "badges badges"
      "about  about"
      "actions actions"
      "admin  admin";
    grid-column-gap:12px;
    grid-row-gap:8px;
  }

  /* Alan atamaları */
  .ihp-prof2--mobile .ihp-prof2-avatar{ grid-area:ava; }

  .ihp-prof2--mobile .ihp-prof2-info{      /* sarmalayıcı layout'u bozmasın */
    display:contents;                       /* çocukları doğrudan parent gride taşır */
    margin:0 !important;
  }
  .ihp-prof2--mobile .ihp-prof2-name{  grid-area:name; min-width:0; }
  .ihp-prof2--mobile .ihp-prof2-meta{  grid-area:meta; }

  /* Rozetler ve about: tam genişlik + sola yaslı */
  .ihp-prof2--mobile .ihp-prof2-badges{
    grid-area:badges;
    justify-content:flex-start;
    overflow-x:auto;
  }
  .ihp-prof2--mobile .ihp-prof2-about{ grid-area:about; }

  /* Aksiyonlar */
  .ihp-prof2--mobile .ihp-prof2-card > .ihp-prof2-actions:not(.d-flex){ grid-area:actions; }
  /* Admin kısayolları (mobil markup'ta d-flex olan) */
  .ihp-prof2--mobile .ihp-prof2-card > .ihp-prof2-actions.d-flex{ grid-area:admin; }

  /* Görsel küçük ayarlar */
  .ihp-prof2--mobile .ihp-prof2-name{ font-size:17px; line-height:1.2; margin: 10px 0 0 4px; }
  .ihp-prof2--mobile .ihp-prof2-meta{ font-size:12px; margin: 0 0 0 4px; }
}
@media (max-width:576px){

  .ihp-prof2--mobile .ihp-prof2-card{
    display:grid;
    grid-template-columns:74px 1fr;
    grid-template-areas:
      "ava  name"
      "ava  meta"
      "badges badges"
      "about  about"
      "aboutToggle aboutToggle"
      "actions actions"
      "admin  admin";
    grid-column-gap:12px;
    grid-row-gap:8px;
  }

  .ihp-prof2--mobile .ihp-prof2-avatar{ grid-area:ava; }
  .ihp-prof2--mobile .ihp-prof2-info{ display:contents; margin:0 !important; }
  .ihp-prof2--mobile .ihp-prof2-name{  grid-area:name;  min-width:0; }
  .ihp-prof2--mobile .ihp-prof2-meta{  grid-area:meta; }
  .ihp-prof2--mobile .ihp-prof2-badges{
    grid-area:badges;
    justify-content:flex-start;
    overflow-x:auto;
  }
  .ihp-prof2--mobile .ihp-prof2-about{ grid-area:about; }

  .ihp-prof2--mobile .ihp-about-toggle{
    grid-area:aboutToggle;
    display:inline-block;
    justify-self:start; align-self:start;
    margin-top:2px;
  }

  .ihp-prof2--mobile .ihp-prof2-card > .ihp-prof2-actions:not(.d-flex){ grid-area:actions; }
  .ihp-prof2--mobile .ihp-prof2-card > .ihp-prof2-actions.d-flex{ grid-area:admin; }
}

/* ===== Following (ihp-fol) — followers.php ile aynı stil ===== */
.ihp-fol{--f-card:#15181c;--f-text:#e5e7eb;--f-muted:#a3a9b3;--f-line:#23272f;--f-link:#2dd4bf;--f-hover:#1f242b}
body:not(.dark-mode) .ihp-fol{--f-card:#ffffff;--f-text:#111827;--f-muted:#6b7280;--f-line:#e5e7eb;--f-link:#0ea5a3;--f-hover:#f9fafb}

.ihp-fol-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:14px 0}
.ihp-fol-title{font-weight:800;color:var(--f-text);font-size:18px;margin:0}
.ihp-fol-search{position:relative;flex:1;max-width:360px}
.ihp-fol-search input{width:100%;border:1px solid var(--f-line);background:var(--f-card);color:var(--f-text);border-radius:10px;padding:8px 12px 8px 34px;outline:0}
.ihp-fol-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--f-muted)}

.ihp-fol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
@media(max-width:576px){.ihp-fol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.ihp-fol-card{background:var(--f-card);border:1px solid var(--f-line);border-radius:14px;padding:14px;text-align:center;transition:.18s ease;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ihp-fol-card:hover{transform:translateY(-2px);background:var(--f-hover)}
.ihp-fol-card.is-hidden{display:none!important}

.ihp-fol-ava{position:relative;width:72px;height:72px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:3px solid var(--f-card)}
.ihp-fol-ava img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.ihp-fol-ava.has-story::before{content:"";position:absolute;inset:-3px;border-radius:50%;
  background:conic-gradient(#f09433,#e6683c,#dc2743,#cc2366,#bc1888,#f09433);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);
          mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);
  animation:fol-spin 3.6s linear infinite}
@keyframes fol-spin{to{transform:rotate(360deg)}}

.ihp-fol-online{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid var(--f-card)}
.ihp-fol-name{font-weight:700;color:var(--f-text);font-size:14px;line-height:1.2;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ihp-fol-meta{font-size:12px;color:var(--f-muted);margin-bottom:10px}

.ihp-fol-actions{display:flex;justify-content:center;gap:6px}
.ihp-fol-actions .btn{border-radius:10px;padding:6px 10px;font-weight:600}
.ihp-fol-actions .btn-outline-light{border-color:var(--f-line)}

.ihp-fol-empty{padding:26px;border:1px dashed var(--f-line);border-radius:12px;color:var(--f-muted);text-align:center}

/* İsim + verified rozet satırı (float ez) */
.ihp-fol .ihp-fol-name{display:inline-flex;align-items:center;gap:4px;max-width:100%}
.ihp-fol .ihp-fol-name .t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ihp-fol .icon-verified-member{float:none!important;display:inline-block;vertical-align:middle;line-height:1;font-size:16px;margin-left:0}

/* ========= IHP Reviews v2 (ihp-rev2) ========= */
.ihp-rev2{--rev-bg:#f6f7f9;--rev-card:#fff;--rev-text:#222;--rev-muted:#6b7280;--rev-line:#e5e7eb;--rev-chip:#edf2f7;--rev-chip-t:#374151;--rev-link:#0ea5a3;--rev-like:#ef4444}
body.dark-mode .ihp-rev2{--rev-bg:#0f1114;--rev-card:#15181c;--rev-text:#e5e7eb;--rev-muted:#a3a9b3;--rev-line:#23272f;--rev-chip:#20252d;--rev-chip-t:#e5e7eb;--rev-link:#2dd4bf;--rev-like:#f87171}

.ihp-rev2-wrap{background:var(--rev-bg)}
.ihp-rev2 .ihp-rev2-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--rev-line);border-radius:14px;background:var(--rev-card)}
.ihp-rev2 .ihp-rev2-left{display:flex;align-items:center;gap:16px}
.ihp-rev2 .ihp-rev2-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--rev-chip);color:var(--rev-chip-t);border-radius:12px;font-weight:700}
.ihp-rev2 .ihp-rev2-badge small{display:block;font-weight:600;opacity:.85}
.ihp-rev2 .ihp-rev2-meta{display:flex;gap:10px;flex-wrap:wrap}
.ihp-rev2 .ihp-rev2-chip{padding:7px 10px;border-radius:10px;background:var(--rev-chip);color:var(--rev-chip-t);font-size:12px}
.ihp-rev2 .ihp-rev2-sort select{min-width:190px}

/* Liste & Grid */
.ihp-rev2 .ihp-rev2-list{margin-top:16px}
.ihp-rev2 .ihp-rev2-grid{display:block;gap:12px}
@media(min-width:992px){
  .ihp-rev2 .ihp-rev2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
/* Kart */
.ihp-rev2 .ihp-rev2-card{display:flex;gap:14px;padding:14px 16px;background:var(--rev-card);border:1px solid var(--rev-line);border-radius:14px;height:100%}
.ihp-rev2 .ihp-rev2-card + .ihp-rev2-card{margin-top:12px}
@media(min-width:992px){
  .ihp-rev2 .ihp-rev2-card + .ihp-rev2-card{margin-top:0} /* grid’de aralık gap ile */
}
.ihp-rev2 .ihp-rev2-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden}
.ihp-rev2 .ihp-rev2-avatar img{width:100%;height:100%;object-fit:cover}
.ihp-rev2 .ihp-rev2-body{flex:1;min-width:0}
.ihp-rev2 .ihp-rev2-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ihp-rev2 .ihp-rev2-name{font-weight:700;color:var(--rev-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.ihp-rev2 .ihp-rev2-time{color:var(--rev-muted);font-size:12px}
.ihp-rev2 a.ihp-rev2-name:hover{color:var(--rev-link)}
.ihp-rev2 .ihp-rev2-stars{margin-left:auto}
.ihp-rev2 .ihp-rev2-prod{margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ihp-rev2 .ihp-rev2-prod a{color:var(--rev-link)}
.ihp-rev2 .ihp-rev2-text{margin-top:6px;line-height:1.6;color:var(--rev-text)}
.ihp-rev2 .ihp-rev2-acts{display:flex;gap:10px;align-items:center;margin-top:8px}
.ihp-rev2 .ihp-rev2-like{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rev-line);background:transparent;color:var(--rev-like);padding:6px 10px;border-radius:10px;font-weight:600}
.ihp-rev2 .ihp-rev2-like[disabled]{opacity:.6;cursor:not-allowed}
.ihp-rev2 .ihp-rev2-reply{margin-left:auto}
.ihp-rev2 .ihp-rev2-reply a{font-weight:600}
.ihp-rev2 .ihp-rev2-sub{margin-top:10px;border-left:2px solid var(--rev-line);padding-left:12px}
.ihp-rev2 .ihp-rev2-sub-title{font-size:12px;color:var(--rev-muted);display:flex;align-items:center;gap:6px;margin-bottom:6px}

/* yıldızlar */
.ihp-rev2 .rating{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.ihp-rev2 .rating li .feather{width:16px;height:16px;stroke:#ffb321}
.ihp-rev2 .rating li .feather.fill{fill:#ffb321}

@media (max-width:576px){
  .ihp-rev2 .ihp-rev2-head{padding:12px}
  .ihp-rev2 .ihp-rev2-name{max-width:150px}
}

/* Kapak üstü edit butonu */
.ihp-prof2-hero{position:relative}
.ihp-edit-cover{
  position:absolute; top:10px; right:10px; z-index:3;
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:10px; text-decoration:none;
  font-size:12px; line-height:1; transition:all .2s ease;
  background:rgba(17,24,39,.6); color:#e5e7eb; backdrop-filter:blur(6px);
  border:1px solid rgba(148,163,184,.35)
}
.ihp-edit-cover i{font-size:14px}
.ihp-edit-cover:hover{background:rgba(17,24,39,.8); color:#fff}
body:not(.dark-mode) .ihp-edit-cover{
  background:rgba(255,255,255,.8); color:#111827; border-color:#e5e7eb
}
body:not(.dark-mode) .ihp-edit-cover:hover{background:#fff}
@media (max-width:576px){ .ihp-edit-cover{padding:7px 10px; font-size:11px} }