/* ===================== Iniciais do restaurante sem foto (shared/initials.js) =====================
 * Recebe as mesmas classes do <img> que substitui, então herda tamanho, borda e cantos de cada lugar. */
.gf-initials {
  display: inline-grid; place-items: center; flex: none; box-sizing: border-box; overflow: hidden;
  background: var(--brand-soft, #fdecee); color: var(--brand, #e63946);
  font-weight: 700; line-height: 1; letter-spacing: .02em; text-align: center; user-select: none;
}
.gf-initials[hidden] { display: none; }

/* Tamanho da letra em cada lugar */
.m-logo.gf-initials { font-size: 26px; }
@media (min-width: 768px) { .m-logo.gf-initials { font-size: 32px; } }
@media (max-width: 767px) { .m-logo.gf-initials { font-size: 22px; } }
@media (max-width: 360px) { .m-logo.gf-initials { font-size: 19px; } }
.m-appbar .gf-initials { width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--line); font-size: 11px; }
.adm-shop .gf-initials { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--line); font-size: 14px; }
