.seo-gmb-wrap body{ padding-top: 24px; }.seo-gmb-wrap .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }.seo-gmb-wrap .small-note{ color: #6c757d; }.seo-gmb-wrap pre.json{ max-height: 520px; overflow:auto; background:#0b1020; color:#e7e9ff; padding:12px; border-radius:10px; }.seo-gmb-wrap .section-title{ display:flex; align-items:center; justify-content:space-between; gap:12px; }.seo-gmb-wrap .stars{
  --rating: 0;
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}.seo-gmb-wrap .stars::before{
  content: "★★★★★";
  opacity: 0.25;
}.seo-gmb-wrap .stars::after{
  content: "★★★★★";
  position: absolute;
  left: 0;
  top: 0;
  width: calc((var(--rating) / 5) * 100%);
  overflow: hidden;
}.seo-gmb-wrap .stars{ white-space: nowrap; }.seo-gmb-wrap .stars::before, .seo-gmb-wrap .stars::after{ white-space: nowrap; }.seo-gmb-wrap .social-row{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.seo-gmb-wrap .social-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.seo-gmb-wrap .social-miss{color:#dc3545;font-weight:700}.seo-gmb-wrap .post-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(0,0,0,.08)}.seo-gmb-wrap .post-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;flex:0 0 72px;background:#eee}.seo-gmb-wrap .post-body{flex:1}.seo-gmb-wrap .post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seo-gmb-wrap .badge-soft{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:rgba(0,0,0,.06);font-size:.85em}.seo-gmb-wrap .perf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* Mobilon egymás alatt */
@media (max-width: 768px){
  .seo-gmb-wrap .perf-grid{
    grid-template-columns: 1fr;
  }
}
.seo-gmb-wrap .perf-canvas-wrap{ width:100%; height:auto; min-height:220px; }
@media (max-width:768px){ .seo-gmb-wrap .perf-canvas-wrap{ min-height:190px; } }
@media (max-width: 768px){
  .seo-gmb-wrap .perf-canvas-wrap{ min-height:190px; }
}


.seo-gmb-wrap .perf-canvas,
.seo-gmb-wrap .perf-chart{
  width:100% !important;
  display:block;
 width:100%;}


.perf-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:12px;
}.seo-gmb-wrap .perf-title{font-weight:600;margin-bottom:8px}.seo-gmb-wrap /* nagyobb grafikon */
.perf-canvas{
  width:100%;
  height:260px;   /* vizuális magasság */
  display:block;
}.seo-gmb-wrap .perf-table{
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
  font-size:12px;
}.seo-gmb-wrap .perf-table th, .seo-gmb-wrap .perf-table td{
  border-top:1px solid rgba(0,0,0,.08);
  padding:6px 8px;
  vertical-align:top;
}.seo-gmb-wrap .media-thumb{width:96px;height:96px;border-radius:12px;object-fit:cover;background:#eee}.seo-gmb-wrap .media-missing{color:#dc3545;font-weight:700}.seo-gmb-wrap .media-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(0,0,0,.08)}.seo-gmb-wrap .media-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seo-gmb-wrap .media-cover{width:200px;height:112px;border-radius:12px;object-fit:contain;background:#eee}

/* ---- Evaluation summary ---- */
.seo-gmb-wrap .eval-score-pct{ font-size: 24px; font-weight: 700; line-height: 1; }
.seo-gmb-wrap .eval-errors li{ color:#dc3545; font-weight:400; margin:.25rem 0; }
.seo-gmb-wrap .eval-warnings li{ color:#e0a800; font-weight:400; }

.seo-gmb-wrap .eval-gauge-wrap{ width:100%; display:flex; justify-content:center; align-items:center; margin: 8px auto 0; }
.seo-gmb-wrap .eval-gauge-svg{ width:100%; height:auto; display:block; overflow:visible; }

/* dial tracks */
.seo-gmb-wrap .eval-gauge-track{
  fill:none;
  stroke-width:20;
  stroke-linecap:butt;
}
.seo-gmb-wrap .eval-track-base{ stroke:#e9ecef; }
.seo-gmb-wrap .eval-seg-red{ stroke:#dc3545; }
.seo-gmb-wrap .eval-seg-yellow{ stroke:#ffc107; }
.seo-gmb-wrap .eval-seg-green{ stroke:#198754; }

/* progress ("pressure") */
.seo-gmb-wrap .eval-gauge-progress{
  fill:none;
  stroke-width:12;
  stroke-linecap:round;
  stroke:#111;
  stroke-dasharray: 0 999; /* JS sets */
  stroke-dashoffset: 0;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.18));
}

/* ticks */
.seo-gmb-wrap .eval-gauge-ticks line{
  stroke:#1f2937;
  stroke-linecap:round;
}
.seo-gmb-wrap .eval-gauge-ticks line.tick-major{ stroke-width:2.2; opacity:.9; }
.seo-gmb-wrap .eval-gauge-ticks line.tick-minor{ stroke-width:1.2; opacity:.55; }

.seo-gmb-wrap .eval-gauge-labels text{
  fill:#111827;
  font-size:10px;
  font-weight:800;
  text-anchor:middle;
  dominant-baseline:middle;
  opacity:.95;
}

/* needle */
.seo-gmb-wrap .eval-gauge-needle{
  stroke:#111;
  stroke-width:4;
  stroke-linecap:round;
  transform-origin: 100px 100px;
  transform: rotate(-90deg);
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
.seo-gmb-wrap .eval-gauge-knob{ fill:#111; }
.seo-gmb-wrap .eval-gauge-knob-inner{ fill:#f8fafc; }
.seo-gmb-wrap .eval-allgood{
  border-radius: 14px;
  font-size: 20px;
}


/* Dark mode overrides (WP admin / dark themes) */
@media (prefers-color-scheme: dark) {
  .seo-gmb-wrap .eval-gauge-ticks line{ stroke:#e5e7eb; }
  .seo-gmb-wrap .eval-gauge-labels text{ fill:#f9fafb; }
  .seo-gmb-wrap .eval-gauge-needle{ stroke:#f9fafb; }
  .seo-gmb-wrap .eval-gauge-knob{ fill:#f9fafb; }
  .seo-gmb-wrap .eval-gauge-knob-inner{ fill:#111827; }
}


.perf-chart{ width:100%; height:220px; }

.seo-gmb-wrap .eval-gauge-chart{ width:100%; max-width:420px; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:center; }
.eval-gauge-chart > *{ margin-left:auto !important; margin-right:auto !important; }
.eval-gauge-chart svg, .eval-gauge-chart table{ margin-left:auto !important; margin-right:auto !important; }

/* Media: feature items (cover/profile) meta beside image */
.seo-gmb-wrap .media-item.media-feature{ align-items:center; }
.seo-gmb-wrap .media-item.media-feature .media-meta{ flex-direction:column; align-items:flex-start; gap:6px; }

/* Keywords/perf tables: allow horizontal scroll on small screens */
.seo-gmb-wrap .table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; }


/* Mobilon egymás alatt (biztos) */
@media (max-width: 768px){
  .perf-grid{ grid-template-columns: 1fr !important; }
}


/* --- Gauge centering fixes (Google Charts) --- */
.seo-gmb-wrap .eval-gauge-wrap.eval-gauge-center{
  display:flex;
  justify-content:center;
  align-items:center;
}
.seo-gmb-wrap #evalGaugeChart{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.seo-gmb-wrap #evalGaugeChart > div{
  margin:0 auto !important;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100% !important;
}
.seo-gmb-wrap #evalGaugeChart svg{
  margin:0 auto !important;
  display:block;
}

/* Darker "warning" yellow to match gauge */
.seo-gmb-wrap .eval-warnings li{ color:#e0a800; font-weight:400; }
.seo-gmb-wrap .badge.bg-warning{
  background-color:#ffc107 !important; /* keep bootstrap warning */
  color:#212529 !important;
}


/* Ensure Google Charts containers are responsive */
.seo-gmb-wrap .perf-chart,
.seo-gmb-wrap .perf-canvas-wrap{
  width:100%;
  max-width:100%;
}
.seo-gmb-wrap .perf-chart > div,
.seo-gmb-wrap .perf-chart svg{
  max-width:100% !important;
}

.seo-gmb-wrap .gmb-google-warning{
  margin-top:8px;
  margin-bottom:10px;
  padding:12px 14px;
  border:2px solid #c99700;
  border-radius:10px;
  background:#ffe066;
  color:#3b2f00;
  font-weight:700;
  font-size:1rem;
  line-height:1.4;
}

.seo-gmb-wrap .gmb-attr-row{
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.08);
}

.seo-gmb-wrap .gmb-attr-row:first-child{
  border-top:0;
}

.seo-gmb-wrap .gmb-attr-label{
  font-weight:600;
}

.seo-gmb-wrap .gmb-attr-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.seo-gmb-wrap .gmb-attr-value{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:600;
  white-space:nowrap;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid transparent;
}

.seo-gmb-wrap .gmb-attr-value-yes{
  color:#198754;
  background:rgba(25,135,84,.12);
  border-color:rgba(25,135,84,.35);
}

.seo-gmb-wrap .gmb-attr-value-no{
  color:#dc3545;
  background:rgba(220,53,69,.12);
  border-color:rgba(220,53,69,.35);
}

.seo-gmb-wrap .gmb-attr-icon{
  font-size:15px;
  line-height:1;
}

.seo-gmb-wrap .gmb-reply-editor{
  max-width: 560px;
}

.seo-gmb-wrap .gmb-reply-status{
  min-height: 1.1rem;
}