valami felül írja nézd már meg /* ======================================================
   PostaFilablog – FRONTEND CSS (CLEAN)
   Cél: plugin UI stílusok egy helyen, duplikáció nélkül.
   Kezeli:
   1) Lapozás
   2) Komment fa + komment kártya
   3) PFB gombok (csak PFB scope alatt)
   4) PFB űrlap alapok
   5) Kategória / Címke listák (mono + grid)
   6) Rangok (grid + ikon méretek)
   ====================================================== */

/* =======================
   1) LAPOZÁS
   ======================= */
.pagination,
.nav-links{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:2rem 0;
}

.page-numbers{
  min-width:32px;
  height:32px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f6;
  border:1px solid #d1d5db;
  border-radius:999px;
  color:#111;
  text-decoration:none;
  font-weight:600;
}

.page-numbers:hover{ background:#e5e7eb; }

.page-numbers.current{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* =======================
   2) KOMMENT FA (GRAFIKUS)
   ======================= */
.comment-list,
.pfb-comment-list{
  list-style:none;
  margin:0;
  padding:0;
}

.comment-list .children,
.pfb-comment-list .children{
  margin-left:1.5rem;
  padding-left:1rem;
  border-left:2px solid #d1d5db;
}

.comment,
.pfb-comment{
  position:relative;
  margin-bottom:1rem;
}

.comment-list .children > li::before,
.pfb-comment-list .children > .pfb-comment::before{
  content:"";
  position:absolute;
  left:-12px;
  top:18px;
  width:14px;
  height:14px;
  border-left:2px solid #16a34a;
border-bottom:2px solid #16a34a;

}

/* Komment kártya */
.comment-body,
.pfb-comment-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:10px 12px;
}

/* =======================
   3) PFB "NO BLUE" + GOMBOK (CSAK PFB ALATT)
   ======================= */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
){
  color:#111;
}

/* Linkek: ne legyen theme-kék */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a{
  color:currentColor !important;
  text-decoration:none;
  text-decoration-color:currentColor;
}

:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a:hover{
  text-decoration:underline;
}

/* fókusz: ne legyen kék outline */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a:focus-visible,
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) button:focus-visible,
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) input[type="submit"]:focus-visible{
  outline:2px solid #111 !important;
  outline-offset:2px;
}

/* Gombok: csak PFB scope alatt */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) :is(.pfb-btn, .pfb-btn-primary, .pfb-btn-secondary, .comment-reply-link, button, input[type="submit"]){
  background: var(--pfb-btn-bg, #fff) !important;
color: var(--pfb-btn-color, #111) !important;

  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  padding:6px 14px;
  font-weight:600;
  transition:background .15s ease, border-color .15s ease;
}

:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) :is(.pfb-btn, .pfb-btn-primary, .pfb-btn-secondary, .comment-reply-link, button, input[type="submit"]):hover{
  background: var(--pfb-btn-bg-hover, #f3f4f6) !important;
  border-color:#cbd5e1 !important;
}

/* =======================
   4) ŰRLAP ALAPOK (PFB)
   ======================= */
.pfb-form-card{ max-width:960px; margin:0 auto; }
.pfb-form-columns{ display:grid; grid-template-columns:1.3fr 1fr; gap:1.5rem; }
@media (max-width:768px){ .pfb-form-columns{ grid-template-columns:1fr; } }

.pfb-field{ margin-bottom:1rem; }
.pfb-label{ display:block; font-weight:600; margin-bottom:.35rem; }
.pfb-label-help,
.pfb-help-text{ font-size:.85rem; opacity:.8; display:block; }

.pfb-input,
.pfb-textarea,
.pfb-select-wrap select{
  width:100%;
  padding:.55rem .65rem;
  border-radius:.5rem;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
}

.pfb-textarea{ min-height:220px; resize:vertical; }

.pfb-tag-list{
  border:1px solid currentColor;
  border-radius:.5rem;
  padding:.5rem .75rem;
  max-height:180px;
  overflow:auto;
}

.pfb-tag-item{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin:0 .5rem .35rem 0;
  font-size:.85rem;
}

.pfb-form-actions{ margin-top:1rem; text-align:right; }

.pfb-btn{ border:1px solid currentColor; background:transparent; color:inherit; padding:.5rem 1rem; border-radius:999px; cursor:pointer; }
.pfb-btn-link{ border:0; padding:0; background:transparent; text-decoration:underline; }

.pfb-images-list{ margin:.5rem 0 0; padding-left:1rem; font-size:.9rem; }
.pfb-images-list-item{ margin-bottom:.25rem; }

.pfb-existing-gallery-grid{ display:flex; flex-wrap:wrap; gap:.5rem; }
.pfb-existing-thumb{ width:72px; height:72px; object-fit:cover; border-radius:.75rem; border:1px solid currentColor; }

/* =======================
   5) TAXONÓMIA LISTÁK (KATEGÓRIA / CÍMKE)
   ======================= */
.pfb-cat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  margin:18px 0;
}

.pfb-cat-card{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px;
  padding:14px 14px 12px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}

.pfb-cat-card::before{ content:none !important; }

.pfb-cat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}

.pfb-cat-title{ margin:0 0 8px; font-size:1rem; font-weight:700; letter-spacing:.01em; text-transform:none; }
.pfb-cat-desc{ margin:0; font-size:.92rem; line-height:1.5; opacity:.85; color:#111; }

.pfb-tax-list{ margin:18px 0; }

.pfb-tax-list.pfb-cat-list,
.pfb-tax-group{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px;
  padding:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.pfb-tax-list.pfb-tag-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:14px;
}

.pfb-tax-letter{
  margin:0 0 10px;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#111 !important;
  opacity:.85;
}

.pfb-tax-items{ display:flex; flex-wrap:wrap; gap:8px; }

.pfb-tax-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  font-size:.9rem;
  line-height:1;
  transition:transform .12s ease, box-shadow .12s ease;
}

.pfb-tax-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(0,0,0,.10);
}

.pfb-tax-count{ opacity:.65; font-size:.85em; }

/* =======================
   6) RANGOK + IKONOK
   ======================= */
.pfb-ranks-grid,
.pfb-rank-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  margin:18px 0;
}

.pfb-rank-card,
.pfb-rank-item,
.pfb-rank{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.pfb-rank-title,
.pfb-rank-name{
  margin:0 0 8px;
  font-weight:800;
  font-size:1rem;
}

.pfb-rank-desc,
.pfb-rank-text{
  margin:0;
  opacity:.85;
  line-height:1.5;
}

/* ikonok: alap kártya/lista méret */
.pfb-rank-icon,
.pfb-rank-badge img{
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid #d1d5db;
  background:#f9fafb;
  padding:2px;
  box-sizing:border-box;
}

/* név melletti badge (kicsi ikon) */
.pfb-rank-badge{
  background:transparent;
  border:none;
  display:inline-flex;
  align-items:center;
  margin-left:6px;
}

.pfb-rank-badge .pfb-rank-icon{
  width:18px;
  height:18px;
  padding:0;
  border:none;
  background:transparent;
}

/* =======================
   7) MOBIL
   ======================= */
@media (max-width:640px){
  .pfb-cat-grid{ grid-template-columns:1fr; }
  .pfb-tax-list.pfb-tag-list{ grid-template-columns:1fr; }
  .pfb-ranks-grid, .pfb-rank-grid{ grid-template-columns:1fr; }
}
/* =========================================================
   PFB – MONO + GRID (NINCS KÉK) – plugin scope
   ========================================================= */

:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
){
  color:#111;
}

/* Linkek: ne legyen theme-kék */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a{
  color:currentColor !important;
  text-decoration:none;
  text-decoration-color:currentColor;
}

:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a:hover{
  text-decoration:underline;
}

/* fókusz: ne legyen kék outline */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) a:focus-visible,
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) button:focus-visible,
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) input[type="submit"]:focus-visible{
  outline:2px solid #111 !important;
  outline-offset:2px;
}

/* Gombok: csak PFB alatt */
:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) :is(button, .pfb-btn, .pfb-btn-primary, .pfb-btn-secondary, .comment-reply-link, input[type="submit"]){
  background:#fff !important;
  color:#111 !important;
  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  padding:6px 14px;
  font-weight:600;
}

:where(
  .pfb-front,
  .pfb-my-posts,
  .pfb-comments-area,
  .pfb-fav-form,
  .pfb-email-settings-form,
  .pfb-tax-list,
  .pfb-cat-grid,
  .pfb-ranks,
  .pfb-ranks-grid,
  .pfb-rank-grid
) :is(button, .pfb-btn, .pfb-btn-primary, .pfb-btn-secondary, .comment-reply-link, input[type="submit"]):hover{
  background: var(--pfb-btn-bg-hover, #f3f4f6) !important;
  border-color:#cbd5e1 !important;
}

/* ---- KATEGÓRIA KÁRTYÁK ---- */
.pfb-cat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
  margin:18px 0;
}

.pfb-cat-card{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px;
  padding:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}

.pfb-cat-card::before{ content:none !important; }

.pfb-cat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}

.pfb-cat-title{ margin:0 0 8px; font-size:1rem; font-weight:800; text-transform:none; }
.pfb-cat-desc{ margin:0; font-size:.92rem; line-height:1.5; opacity:.85; }

/* ---- CÍMKÉK / BETŰCSOPORTOK ---- */
.pfb-tax-list{ margin:18px 0; }

.pfb-tax-list.pfb-tag-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}

.pfb-tax-group{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px;
  padding:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.pfb-tax-letter{
  margin:0 0 10px;
  font-weight:900;
  font-size:.95rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#111 !important;
  opacity:.85;
}

.pfb-tax-items{ display:flex; flex-wrap:wrap; gap:8px; }

.pfb-tax-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  font-size:.9rem;
  line-height:1;
  transition:transform .12s ease, box-shadow .12s ease;
}

.pfb-tax-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(0,0,0,.10);
}

.pfb-tax-count{ opacity:.65; font-size:.85em; }

/* ---- RANGOK GRID + IKONOK ---- */
.pfb-ranks-grid,
.pfb-rank-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  margin:24px 0;
}

.pfb-rank-card,
.pfb-rank-item,
.pfb-rank{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.pfb-rank-badge{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  gap:6px;
}

/* nagy ikon (kártyában) */
.pfb-rank-icon{
  width:48px;
  height:48px;
  vertical-align:middle;
  display:inline-block;
}

/* mobil */
@media (max-width:640px){
  .pfb-cat-grid{ grid-template-columns:1fr; }
  .pfb-tax-list.pfb-tag-list{ grid-template-columns:1fr; }
  .pfb-ranks-grid, .pfb-rank-grid{ grid-template-columns:1fr; }
}
/* név melletti kicsi ikon (ha kell) */
.pfb-rank-badge .pfb-rank-icon{
  width:18px;
  height:18px;
}
/* ===== PFB RANGOK: ikon méretek FIX ===== */

/* Rangokat felsoroló oldalon / kártyákon legyen nagy ikon */
.pfb-ranks-grid .pfb-rank-icon,
.pfb-rank-grid .pfb-rank-icon,
.pfb-rank-card .pfb-rank-icon,
.pfb-rank-item .pfb-rank-icon,
.pfb-rank .pfb-rank-icon,
.pfb-ranks .pfb-rank-icon {
  width: 48px !important;
  height: 48px !important;
}

/* Név melletti badge maradjon kicsi */
.pfb-rank-badge .pfb-rank-icon,
.pfb-rank-badge img {
  width: 18px !important;
  height: 18px !important;
}
/* ======================================================
   PFB – MODERN COMMENT TREE (színes akcent)
   Csak kommentekre hat.
   ====================================================== */

/* állítsd itt a színt (akcent) */
:root{
  --pfb-accent: #16a34a;  /*  – cserélheted pl. #16a34a zöldre */
  --pfb-line: rgba(17,17,17,.18);
  --pfb-card: #fff;
  --pfb-border: rgba(17,17,17,.10);
}

/* lista reset */
.pfb-comments-area .comment-list,
.pfb-comments-area .pfb-comment-list{
  list-style:none;
  margin:0;
  padding:0;
}

/* children: modern “gerinc” vonal */
.pfb-comments-area .comment-list .children,
.pfb-comments-area .pfb-comment-list .children{
  margin: 12px 0 0 18px;
  padding-left: 18px;
  border-left: 2px solid var(--pfb-line);
}

/* minden komment legyen relatív, hogy tudjunk díszíteni */
.pfb-comments-area .comment,
.pfb-comments-area .pfb-comment{
  position:relative;
  margin: 0 0 14px;
}

/* “csatlakozó” vonal + csomópont pötty */
.pfb-comments-area .comment-list .children > li::before,
.pfb-comments-area .pfb-comment-list .children > .pfb-comment::before{
  content:"";
  position:absolute;
  left:-20px;            /* a gerinchez igazítva */
  top: 18px;
  width: 18px;
  height: 2px;
  background: var(--pfb-line);
}

.pfb-comments-area .comment-list .children > li::after,
.pfb-comments-area .pfb-comment-list .children > .pfb-comment::after{
  content:"";
  position:absolute;
  left:-26px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--pfb-card);
  border: 2px solid var(--pfb-accent);
  box-shadow: 0 0 0 4px rgba(22,163,74,.14);

}

/* komment kártya (letisztult, enyhe árnyék) */
.pfb-comments-area .comment-body,
.pfb-comments-area .pfb-comment-card{
  background: var(--pfb-card);
  border: 1px solid var(--pfb-border);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* hover: kis emelés */
.pfb-comments-area .comment-body:hover,
.pfb-comments-area .pfb-comment-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease;
}

/* mobilon kisebb behúzás */
@media (max-width: 640px){
  .pfb-comments-area .comment-list .children,
  .pfb-comments-area .pfb-comment-list .children{
    margin-left: 12px;
    padding-left: 12px;
  }
  .pfb-comments-area .comment-list .children > li::before,
  .pfb-comments-area .pfb-comment-list .children > .pfb-comment::before{
    left:-16px;
    width: 14px;
  }
  .pfb-comments-area .comment-list .children > li::after,
  .pfb-comments-area .pfb-comment-list .children > .pfb-comment::after{
    left:-22px;
  }
}
.comment-list{
  --pfb-accent:#16a34a;
}

.pfb-cta-orange{
  background:#f97316 !important;
  border-color:#f97316 !important;
  color:#fff !important;
}
.pfb-cta-orange:hover{
  background:#ea580c !important;
  border-color:#ea580c !important;
}
.pfb-cta-orange{
  --pfb-btn-bg:#f97316;
  --pfb-btn-color:#fff;
  --pfb-btn-bg-hover:#ea580c;
  border-color:#f97316 !important;
}
.pfb-cta-orange:hover{
  border-color:#ea580c !important;
}

/* ===== PFB NARANCS CTA – felülír mindent ===== */
.pfb-cta-orange,
.pfb-cta-orange:link,
.pfb-cta-orange:visited{
  background:#f97316 !important;
  color:#fff !important;
  border-color:#f97316 !important;
}

.pfb-cta-orange:hover,
.pfb-cta-orange:focus,
.pfb-cta-orange:focus-visible{
  background:#ea580c !important;
  color:#fff !important;
  border-color:#ea580c !important;
  text-decoration:none !important;
}

/* ===== PDF beágyazás (PostaFilablog) ===== */
.pfb-post-pdfs{
  margin:18px 0 24px;
}
.pfb-post-pdf{
  margin:0 0 18px;
}
.pfb-post-pdf-title{
  font-weight:600;
  margin:0 0 8px;
}
.pfb-pdf-iframe{
  width:100%;
  min-height:720px;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:12px;
}