/* Shared Plandorabox logo: pixel "P." mark + stacked "plandora / box" wordmark.
   Loaded after each page's own stylesheet so it overrides the old ⚡ + text logo. */
.brand-icon, .logo-icon { display: inline-flex; align-items: center; font-size: 0; line-height: 0; flex-shrink: 0; }
.brand-icon img, .logo-icon img { width: 32px; height: 32px; display: block; }

.brand-name, .logo-text {
  display: inline-flex; flex-direction: column; justify-content: center;
  font-family: 'Comfortaa', sans-serif; font-weight: 700; font-size: 1.08rem;
  line-height: 0.92; letter-spacing: -0.02em; color: var(--text); white-space: nowrap;
  -webkit-text-stroke: 0.45px currentColor; /* Comfortaa 700 is light; thicken toward the logo artwork */
}
.brand-name span, .logo-text span { display: block; }

.logo-icon img { width: 30px; height: 30px; }
.logo-text { font-size: 1rem; }

/* Footer/nav variants keep the same proportions */
.site-footer .brand-icon img { width: 28px; height: 28px; }

/* The app top bar hides the wordmark on phones; keep that behaviour */
@media (max-width: 768px) {
  .logo-text { display: none; }
}