/* =========================================================
   Pete Gawtry Fitness — blog comments widget
   Brand tokens reused from css/site.css (:root). Falls back
   to brand hex if a post is viewed without site.css loaded.
   ========================================================= */
.pgf-comments{
  --c-bg:var(--surface,#12161f);
  --c-bg2:var(--surface-2,#171c28);
  --c-line:var(--line,#222838);
  --c-ink:var(--ink,#f6f8fc);
  --c-ink2:var(--ink-2,#c4ccdb);
  --c-mute:var(--mute,#828ca0);
  --c-acc:var(--accent,#3ab549);
  --c-acc3:var(--accent-3,#54d166);
  max-width:820px;margin:46px auto 8px;padding:0 var(--pad,22px);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--c-ink2);
}
.pgf-comments *{box-sizing:border-box}
.pgf-c__head{
  display:flex;align-items:baseline;gap:12px;
  border-top:1px solid var(--c-line);padding-top:28px;margin-bottom:18px;
}
.pgf-c__head h2{
  font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:900;
  text-transform:uppercase;letter-spacing:.5px;font-size:clamp(24px,4.5vw,32px);
  color:var(--c-ink);margin:0;line-height:1;
}
.pgf-c__count{color:var(--c-acc3);font-weight:700}

/* ---- list ---- */
.pgf-c__list{list-style:none;margin:0 0 8px;padding:0}
.pgf-c__list .pgf-c__list{margin-top:14px;padding-left:clamp(14px,4vw,46px);border-left:2px solid var(--c-line)}
.pgf-c__item{padding:14px 0}
.pgf-c__row{display:flex;gap:13px;align-items:flex-start}
.pgf-c__av{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;font-size:17px;color:#06210b;
  font-family:'Barlow Condensed',sans-serif;
  background:linear-gradient(135deg,var(--c-acc3),var(--c-acc));
}
.pgf-c__body{flex:1 1 auto;min-width:0}
.pgf-c__meta{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:3px}
.pgf-c__name{font-weight:700;color:var(--c-ink);font-size:15.5px}
.pgf-c__date{color:var(--c-mute);font-size:12.5px}
.pgf-c__text{margin:2px 0 6px;line-height:1.62;color:var(--c-ink2);font-size:15px;overflow-wrap:break-word}
.pgf-c__reply{
  background:none;border:0;padding:0;cursor:pointer;color:var(--c-mute);
  font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:5px;
}
.pgf-c__reply:hover{color:var(--c-acc3)}
.pgf-c__reply svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}

/* ---- form ---- */
.pgf-c__form{
  background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius,16px);
  padding:22px;margin-top:22px;
}
.pgf-c__form h3{
  font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.5px;font-size:21px;color:var(--c-ink);margin:0 0 4px;
}
.pgf-c__form .pgf-c__hint{color:var(--c-mute);font-size:13px;margin:0 0 16px}
.pgf-c__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.pgf-c__grid{grid-template-columns:1fr}}
.pgf-c__form label{display:block;font-size:12.5px;color:var(--c-mute);margin:0 0 5px;font-weight:600}
.pgf-c__form input,.pgf-c__form textarea{
  width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--c-line);
  background:var(--c-bg2);color:var(--c-ink);font:15px/1.5 'Inter',sans-serif;transition:border-color .15s;
}
.pgf-c__form input:focus,.pgf-c__form textarea:focus{outline:none;border-color:var(--c-acc)}
.pgf-c__form textarea{margin-top:12px;min-height:120px;resize:vertical}
.pgf-c__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pgf-c__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.pgf-c__btn{
  appearance:none;border:0;cursor:pointer;border-radius:999px;
  background:linear-gradient(135deg,var(--c-acc3),var(--c-acc));color:#06210b;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  font-size:17px;padding:11px 26px;transition:transform .12s,box-shadow .12s;
}
.pgf-c__btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -12px var(--accent-glow,rgba(58,181,73,.5))}
.pgf-c__btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}
.pgf-c__replytag{font-size:13px;color:var(--c-mute)}
.pgf-c__replytag b{color:var(--c-acc3)}
.pgf-c__replytag button{background:none;border:0;color:var(--c-mute);cursor:pointer;text-decoration:underline;font:inherit;padding:0 0 0 6px}

/* ---- notices ---- */
.pgf-c__note{margin-top:14px;padding:12px 15px;border-radius:11px;font-size:14.5px;display:none}
.pgf-c__note.is-on{display:block}
.pgf-c__note.ok{background:var(--accent-soft,rgba(58,181,73,.12));border:1px solid var(--c-acc);color:var(--c-acc3)}
.pgf-c__note.bad{background:rgba(229,72,77,.1);border:1px solid #e5484d;color:#ff9ea1}
.pgf-c__empty{color:var(--c-mute);font-size:15px;padding:6px 0 2px}
.pgf-c__loading{color:var(--c-mute);font-size:14px;padding:8px 0}