/* Bắt đầu trên web: logo TRÁI TIM của app (thay mặt trời cũ) ở thanh menu, trang đăng nhập, đăng ký và lời chào.
   Màu san hô ấm, tròn trịa dễ thương; giữ nguyên bảng màu cam / kem của web. */

/* Trang đăng nhập: trái tim mờ nằm sau chữ "Yêu", căn giữa đúng chữ đó, không đẩy chữ đi đâu (vẽ bằng ::before). */
.fa-yeu-logo { position: relative; display: inline-block; isolation: isolate; }
.fa-yeu-logo::before { content: ""; position: absolute; left: 50%; top: 54%; width: 1.9em; height: 1.9em;
  transform: translate(-50%, -50%); z-index: -1; pointer-events: none; opacity: .16;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23F0644E' d='M50 92C16 68-2 44 8 24C18 3 44 3 50 24C56 3 82 3 92 24C102 44 84 68 50 92Z'/%3E%3C/svg%3E") center / contain no-repeat; }
html[data-theme="dark"] .fa-yeu-logo::before { opacity: .22; }
@media (max-width: 575px) { .fa-yeu-logo::before { width: 1.75em; height: 1.75em; } }

/* Thanh menu: trái tim mờ sau chữ "Yêu" của tên app */
.fa-brand-yeu .bi-heart-fill { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;
  font-size: 1.75em; line-height: 1; color: var(--fa-coral, #F0644E); opacity: .22; pointer-events: none; }

/* Trang đăng nhập / đăng ký: biểu tượng tròn ở đầu trang */
.fa-hero-icon .bi-heart-fill { animation: fa-tim-dap 1.8s ease-in-out infinite; }
.fa-logo .bi-heart-fill.lon { position: static; color: var(--fa-coral, #F0644E); font-size: 1.9rem; line-height: 1;
  filter: drop-shadow(0 2px 6px rgba(240, 100, 78, .45)); animation: fa-tim-dap 1.8s ease-in-out infinite; }

/* Lời chào lần đầu: trái tim trắng đập nhẹ giữa vòng cam */
.fw-sun .bi-heart-fill.lon { position: static; width: auto; height: auto; background: none; color: #fff; font-size: 2.1rem; }

@keyframes fa-tim-dap { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.12); } 30% { transform: scale(1); } 45% { transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .fa-hero-icon .bi-heart-fill, .fa-logo .bi-heart-fill.lon { animation: none; } }