/* google-reviews.css — brand red/red-dark, logo Google z /google-reviews.png */

/* Theme (czyta Twoje zmienne globalne, ma fallbacki) */
#google-reviews{
  --gr-gap:16px; --gr-radius:5px; --gr-pad:16px; --gr-shadow:0 6px 20px rgba(0,0,0,.08);

  --c-red-dark:var(--red-dark,#880017);
  --c-red:var(--red,#c8102e);
  --c-white:var(--white,#efefef);
  --c-grey:var(--grey,#e7e7e7);
  --c-dark-grey:var(--dark-grey,#333333);

  --gr-text:var(--c-dark-grey);
  --gr-subtext:#4b5563;

  --gr-star-fill:var(--c-red);
  --gr-star-empty:#d1d5db;

  /* buttons */
  --gr-ghost-fg:var(--c-dark-grey);
  --gr-ghost-bg:#fff;
  --gr-ghost-bord:var(--c-grey);
  --gr-ghost-hov:var(--c-grey);

  --gr-btn-radius:5px;
  --gr-btn-bg:var(--c-red);
  --gr-btn-fg:var(--c-white);
  --gr-btn-border:var(--c-red);
  --gr-btn-bg-hov:var(--c-red-dark);
}

/* Card */
#google-reviews .gr-card{
  display:grid; grid-template-columns:1fr auto; gap:var(--gr-gap); align-items:center;
  border:1px solid rgba(0,0,0,.06); border-radius:var(--gr-radius); padding:var(--gr-pad);
  box-shadow:var(--gr-shadow); background:#fff; color:var(--gr-text);
}
#google-reviews .gr-left{ display:grid; gap:6px; align-items:center; }

/* Score line: G 5.0/5 */
#google-reviews .gr-score{
  display:inline-flex; align-items:baseline; gap:12px;
  font:700 28px/1.1 system-ui, sans-serif;
}
#google-reviews .gr-score::before{
  content:""; display:inline-block; width:20px; height:20px;
  background:url("/google-reviews.png") no-repeat center / contain;
  transform:translateY(0px);
}
#google-reviews .gr-score-value{ margin-right:2px; }
#google-reviews .gr-score-max{ color:#6b7280; font-weight:600; margin-left: -12px; }
#google-reviews .gr-count{ color:var(--gr-subtext); font-weight:500; }

/* Stars */
#google-reviews .gr-stars{
  --gr-percent:0%;
  display:inline-block; font-size:22px; letter-spacing:2px; line-height:1;
  background:linear-gradient(90deg, var(--gr-star-fill) var(--gr-percent), var(--gr-star-empty) var(--gr-percent));
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
#google-reviews .gr-stars.is-empty{
  background:none; -webkit-background-clip:initial; background-clip:initial;
  color:var(--gr-star-empty); -webkit-text-fill-color:var(--gr-star-empty);
}

/* Buttons */
#google-reviews .gr-right{ display:flex; gap:10px; flex-wrap:wrap; }
#google-reviews .gr-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:var(--gr-btn-radius);
  font:700 14px/1 system-ui,sans-serif; text-decoration:none;
  border:1px solid var(--gr-ghost-bord); background:var(--gr-ghost-bg); color:var(--gr-ghost-fg);
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
#google-reviews .gr-btn:hover{ background:var(--gr-ghost-hov); }
#google-reviews .gr-btn--primary{ background:var(--gr-btn-bg); color:var(--gr-btn-fg); border-color:var(--gr-btn-border); }
#google-reviews .gr-btn--primary:hover{ background:var(--gr-btn-bg-hov); border-color:var(--gr-btn-bg-hov); }
#google-reviews .gr-btn:focus{ outline:none; box-shadow:0 0 0 2px #fff, 0 0 0 4px rgba(200,16,46,.35); }

/* Dark variant */
#google-reviews.gr-on-dark .gr-card{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); color:#fff; }
#google-reviews.gr-on-dark{
  --gr-star-fill:#fff; --gr-star-empty:rgba(255,255,255,.35);
  --gr-ghost-fg:#fff; --gr-ghost-bg:transparent; --gr-ghost-bord:rgba(255,255,255,.35); --gr-ghost-hov:rgba(255,255,255,.1);
  --gr-btn-bg:#fff; --gr-btn-fg:var(--c-dark-grey); --gr-btn-border:#fff; --gr-btn-bg-hov:#f1f5f9;
}

/* RWD */
@media (max-width:640px){ #google-reviews .gr-card{ grid-template-columns:1fr; } }