/**
 * Coquille app partagée : quand l'utilisateur est connecté, les pages publiques
 * de contenu (découvrir, boutique, vitrine) adoptent la même barre latérale que
 * le fil, pour une navigation continue. Injectée par appshell.js (classe
 * body.app-shelled). Réutilise les styles .profile-sidebar de profile.css.
 */
body.app-shelled {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: 100vh;
  background: var(--bg-primary);
}
body.app-shelled > .app-content {
  flex: 1;
  min-width: 0;
}
/* L'en-tête marketing du haut est remplacé par la sidebar */
body.app-shelled .app-content > .header { display: none; }
/* Connectée : inutile de proposer « Ouvrir ma vitrine » */
body.app-shelled .explore-signup { display: none; }
/* Avatar photo dans la sidebar */
body.app-shelled .profile-sidebar-avatar.has-photo-avatar { background-size: cover; background-position: center; color: transparent; }

@media (max-width: 768px) {
  body.app-shelled { display: block; }
  body.app-shelled > .app-content { padding-bottom: 96px; }
}