/* =====================================================
   ALINE CARMINATTI — Avaliações do Google (Featurable)
   Deixa o widget na paleta do site.

   Regra de ouro deste arquivo: usar só nomes de classe
   EXATOS do Featurable. Seletores do tipo [class*="..."]
   pegam também os elementos internos e acabam desenhando
   bordas duplicadas — por isso são evitados aqui.
   As cores vêm das variáveis do estilo.css.
   ===================================================== */

/* ---------- Invólucros: nada de fundo branco extra ---------- */
.widget__container,
.widget__body,
.grid__container {
  background: transparent !important;
  box-shadow: none !important;
}

/* ---------- Barra de resumo: o cartão de fora ---------- */
.summary-bar,
.summary-bar--light {
  background: var(--branco, #FFFFFF) !important;
  border: 1px solid var(--linha, rgba(59, 42, 34, .14)) !important;
  border-radius: var(--r, 2px) !important;
  box-shadow: none !important;
}

/* O miolo da barra não desenha nada — só organiza */
.summary-bar__container,
.summary-bar__content,
.summary-bar__left,
.summary-bar__right {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* A nota, o "Excelente" e o "com base em N avaliações" ficam
   com a tipografia original do widget — combinam melhor com o
   selo do Google, que fica ao lado. */

/* ---------- Botão "Escreva uma avaliação" ---------- */
.summary-bar__btn,
.summary-bar__btn--light {
  background: var(--cafe, #3B2A22) !important;
  background-image: none !important;
  color: var(--creme, #FBF8F4) !important;
  border: 1px solid var(--cafe, #3B2A22) !important;
  border-radius: var(--r, 2px) !important;
  font-family: var(--sans, Arial, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 400 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: .9rem 1.7rem !important;
  box-shadow: none !important;
  transition: background .35s, border-color .35s !important;
}
.summary-bar__btn:hover,
.summary-bar__btn--light:hover {
  background: var(--dourado, #B08D57) !important;
  border-color: var(--dourado, #B08D57) !important;
  color: #FFFFFF !important;
}

/* ---------- Estrelas ---------- */
.star-rating__fill {
  color: var(--dourado, #B08D57) !important;
  fill: var(--dourado, #B08D57) !important;
}
.star-rating__empty {
  color: var(--nude-2, #E6D2C2) !important;
  fill: var(--nude-2, #E6D2C2) !important;
}

/* ---------- Cartão de cada avaliação ---------- */
.review,
.review--light {
  background: var(--branco, #FFFFFF) !important;
  border: 1px solid var(--linha, rgba(59, 42, 34, .14)) !important;
  border-radius: var(--r, 2px) !important;
  box-shadow: none !important;
}

/* Invólucros do cartão não desenham nada */
.grid__review,
.review__container,
.review__body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Textos: aqui o [class*=] é seguro, são regras só de tipografia */
[class*="review__text--"] {
  font-family: var(--sans, Arial, sans-serif) !important;
  font-weight: 300 !important;
  color: var(--tinta, #2C211B) !important;
  font-size: .96rem !important;
  line-height: 1.72 !important;
}

/* Nome de quem avaliou: mesma fonte do comentário, só que
   um pouco mais forte, para diferenciar sem destoar. */
[class*="review__reviewer-name--"] {
  font-family: var(--sans, Arial, sans-serif) !important;
  font-weight: 500 !important;
  color: var(--cafe, #3B2A22) !important;
  font-size: .95rem !important;
  letter-spacing: .01em !important;
}

[class*="review__date--"] {
  font-family: var(--sans, Arial, sans-serif) !important;
  color: var(--suave, #8A7566) !important;
  font-size: .78rem !important;
  letter-spacing: .04em !important;
  font-weight: 300 !important;
}

/* Foto de quem avaliou — só arredonda, sem borda */
[class*="review__reviewer-img--"] {
  border-radius: 50% !important;
}

[class*="review__read-more--"] {
  font-family: var(--sans, Arial, sans-serif) !important;
  color: var(--dourado-esc, #8E6E3F) !important;
  font-size: .72rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
[class*="review__read-more--"]:hover {
  color: var(--cafe, #3B2A22) !important;
}

.review__footer {
  border-top: 1px solid rgba(59, 42, 34, .08) !important;
  padding-top: 1rem !important;
}

/* ---------- Botão "carregar mais" ---------- */
.more__button,
.more__button--light {
  background: transparent !important;
  color: var(--cafe, #3B2A22) !important;
  border: 1px solid var(--cafe, #3B2A22) !important;
  border-radius: var(--r, 2px) !important;
  font-family: var(--sans, Arial, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 400 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: .95rem 2rem !important;
  box-shadow: none !important;
}
.more__button:hover,
.more__button--light:hover {
  background: var(--cafe, #3B2A22) !important;
  color: var(--creme, #FBF8F4) !important;
}

/* =====================================================
   As setas do carrossel ficam como vêm de fábrica.
   Elas são montadas com nomes de classe que mudam a cada
   versão do widget; mexer nelas "no chute" foi o que criou
   aquele quadradinho dentro do círculo.

   O "G" do Google e o selo do Featurable também ficam
   como estão: o Google exige a marca dele sem alteração,
   e o selo faz parte do plano gratuito do Featurable.
   ===================================================== */