/* Widget Google */
.google-rating-widget{
  border:1px solid #e0e0e0;
  border-radius:10px;
  padding:10px 14px;
  max-width:230px;
  cursor:pointer;
  background:#fff;
  transition:.2s;
  font-size:.85em
}
.google-rating-widget:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-1px)
}
.rating-top{display:flex;align-items:center;gap:8px}
.rating-number{font-size:1.4em;font-weight:700}
.rating-stars{color:#fbbc04}
.rating-bottom{
  display:flex;
  justify-content:space-between;
  font-size:.85em;
  color:#666;
  margin-top:4px
}
.google-badge{color:#4285F4;font-weight:600}

/* Modal */
.modal-content{font-size:.9em}
.modal-dialog{max-width:900px}
.modal-body{max-height:70vh;overflow-y:auto}
.star{color:#fbbc04}
.user-icon{font-size:40px;color:#6c757d}
.avaliacao{border-bottom:1px solid #e0e0e0;padding:15px 0}
.resposta{
  background:#f8f9fa;
  padding:10px;
  border-left:4px solid #0d6efd;
  margin-top:8px
}

/* Animação Google */
.modal.fade .modal-dialog{
  transform:scale(.96);
  transition:.2s
}
.modal.show .modal-dialog{transform:scale(1)}
.titulo-com-avaliacao {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.titulo-com-avaliacao h1 {
    margin: 0;
    flex: 1;              /* ocupa todo o espaço */
}

/* empurra o botão para a direita */
.avaliacao-direita {
    margin-left: auto;    /* ?? ISSO resolve */
}

/* Mobile */
@media (max-width: 768px) {
    .titulo-com-avaliacao {
        flex-direction: column;
    }

    .avaliacao-direita {
        align-self: flex-end;
        margin-bottom: 8px;
    }
}
/* Versão compacta do widget no footer */
.footer-rating .google-rating-widget {
    transform: scale(0.9);
    transform-origin: left top;
    margin-top: 6px;
    box-shadow: none;
    border-color: rgba(255,255,255,0.15);
}

/* Ajuste de cores no fundo escuro */
.footer-rating .rating-number,
.footer-rating .rating-bottom {
    color: #000;
}

.footer-rating .google-badge {
    color: #9ecbff;
}

.footer-rating .google-rating-widget:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transform: scale(0.92);
}
.footer-rating .rating-number,
.footer-rating .rating-bottom {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.footer-rating .google-rating-widget {
    height: auto !important;
    overflow: visible !important;
}
