/* ------------------------------------------------------------------
   The Google rating badge. Everything it shows is in the markup - the old
   one fetched its contents from a plugin that no longer exists and so sat
   empty. Bottom LEFT on purpose: the chat launcher owns bottom right.
   ------------------------------------------------------------------ */
.edc-gbadge {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 12px;
  background: #FFFFFF;
  border: 1px solid rgba(49, 33, 82, .14);
  border-top: 4px solid var(--edc-cream, #F5E6CE);
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(20, 12, 38, .16);
  text-decoration: none;
  font: 400 13px/1.25 Outfit, Helvetica, Arial, sans-serif;
  color: #312152;
  transition: box-shadow .2s, transform .2s;
}
.edc-gbadge:hover,
.edc-gbadge:focus-visible {
  box-shadow: 0 10px 26px rgba(20, 12, 38, .24);
  transform: translateY(-1px);
}
.edc-gbadge__g { width: 28px; height: 28px; display: block; flex: none; }
.edc-gbadge__text { display: flex; flex-direction: column; gap: 2px; }
.edc-gbadge__top { display: flex; align-items: center; gap: 6px; }
.edc-gbadge__top b { font-size: 17px; font-weight: 700; letter-spacing: .2px; }
.edc-gbadge__stars { color: var(--edc-star, #E7711B); font-size: 13px; letter-spacing: 1px; }
.edc-gbadge__sub { color: #5B5B66; font-size: 11.5px; }

/* On a phone the badge would sit on top of the content, so it shrinks and
   loses the wording, keeping the rating and the tap target. */
@media (max-width: 600px) {
  .edc-gbadge { left: 12px; bottom: 12px; padding: 9px 13px 9px 10px; }
  .edc-gbadge__sub { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .edc-gbadge { transition: none; }
  .edc-gbadge:hover { transform: none; }
}