/* ============================================================
   WOUGGO V2 — profil.css
   ============================================================ */
body { background:#FFF7ED; overflow-x:hidden; }

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar { position:fixed;top:0;left:0;width:60px;height:100vh;background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;align-items:center;padding:1rem 0;z-index:200; }
.sidebar__logo { margin-bottom:1.25rem; }
.sidebar__links { flex:1;display:flex;flex-direction:column;align-items:center;gap:4px; }
.sidebar__bottom { margin-top:auto; }
.sidebar__item { width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;cursor:pointer;color:#9CA3AF;transition:background .15s,color .15s; }
.sidebar__item:hover,.sidebar__item.active { background:#FFF7ED;color:#F97316; }
.sidebar__item svg { width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
@media(max-width:768px){.sidebar{display:none;}}

/* ── Page ────────────────────────────────────────────────── */
.page-wrap { margin-left:60px;min-height:100vh;background:#FFF7ED; }
.profil-body { max-width:800px;margin:0 auto; }
@media(max-width:768px){.page-wrap{margin-left:0;padding-bottom:64px;}}

/* ── Header ──────────────────────────────────────────────── */
.profil-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:.875rem 1.25rem;
  background:#fff;border-bottom:1px solid #E5E7EB;
  position:sticky;top:0;z-index:100;
}
.profil-back { display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#FFF7ED;color:#532822;text-decoration:none;transition:background .15s; }
.profil-back:hover { background:#F0E8DF; }
.profil-header__title { font-size:1.0625rem;font-weight:700;color:#532822; }
.profil-signout { width:36px;height:36px;border:none;background:#FFF7ED;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#7A5C58;transition:all .15s; }
.profil-signout:hover { background:#F0E8DF;color:#EF4444; }

/* ── Body ────────────────────────────────────────────────── */
.profil-body { padding:1.25rem; }

/* ── État non connecté ───────────────────────────────────── */
.profil-guest { display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:3rem 1rem; }
.profil-guest__icon { font-size:64px; }
.profil-guest__title { font-size:1.375rem;font-weight:700;color:#532822; }
.profil-guest__sub { font-size:.9375rem;color:#7A5C58;line-height:1.5;max-width:300px; }

/* ── Hero profil ─────────────────────────────────────────── */
.profil-hero { display:flex;align-items:center;gap:1rem;background:#fff;border-radius:16px;border:1px solid #EDE8E2;padding:1.25rem;margin-bottom:1rem; }
.profil-avatar { width:64px;height:64px;border-radius:50%;background:#F97316;color:#fff;font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.profil-infos { flex:1;min-width:0; }
.profil-nom { font-size:1.125rem;font-weight:700;color:#532822;margin-bottom:.25rem; }
.profil-email { font-size:.8125rem;color:#7A5C58;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.profil-badges { display:flex;flex-wrap:wrap;gap:.375rem; }
.badge-pro { padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff; }
.badge-starter  { background:#6B7280; }
.badge-verifie  { background:#10B981; }
.badge-business { background:#F59E0B; }
.badge-admin    { background:#532822; }

/* ── Onglets ─────────────────────────────────────────────── */
.profil-tabs { display:flex;gap:0;background:#fff;border-radius:12px;border:1px solid #EDE8E2;padding:4px;margin-bottom:1rem;overflow:hidden; }
.profil-tab { flex:1;padding:.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;background:transparent;color:#7A5C58;transition:all .15s; }
.profil-tab.active { background:#F97316;color:#fff;font-weight:700; }

/* ── Tab content ─────────────────────────────────────────── */
.tab-content { display:none; }
.tab-content.active { display:block; }
.tab-loading { padding:2rem;text-align:center;color:#9CA3AF;font-size:.875rem; }

/* ── Empty state ─────────────────────────────────────────── */
.empty-tab { display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2.5rem 1rem; }
.empty-tab__icon { font-size:48px; }
.empty-tab__title { font-size:1rem;font-weight:700;color:#532822; }
.empty-tab__sub { font-size:.875rem;color:#7A5C58;line-height:1.5; }

/* ── Favoris ─────────────────────────────────────────────── */
.favoris-grid { display:flex;flex-direction:column;gap:.625rem; }
.fav-card { display:flex;align-items:center;gap:.875rem;background:#fff;border-radius:12px;border:1px solid #EDE8E2;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;padding-right:3rem; }
.fav-card:hover { transform:translateY(-1px);box-shadow:0 4px 16px rgba(83,40,34,.08); }
.fav-card__img { width:72px;height:72px;flex-shrink:0;overflow:hidden;background:#F0EDE8; }
.fav-card__img img { width:100%;height:100%;object-fit:cover; }
.fav-card__ph { width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px; }
.fav-card__body { flex:1;min-width:0;padding:.75rem 0; }
.fav-card__nom { font-size:.9375rem;font-weight:700;color:#532822;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fav-card__meta { font-size:.8125rem;color:#7A5C58;margin-bottom:.125rem; }
.fav-card__prix { font-size:.8125rem;color:#F97316;font-weight:600; }
.fav-card__remove { position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#FEF2F2;border:none;cursor:pointer;color:#EF4444;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .15s; }
.fav-card__remove:hover { background:#EF4444;color:#fff; }

/* ── Avis ────────────────────────────────────────────────── */
.avis-item { background:#fff;border-radius:12px;border:1px solid #EDE8E2;padding:1rem;margin-bottom:.625rem; }
.avis-item__header { display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem; }
.avis-item__lieu { font-size:.9375rem;font-weight:700;color:#532822;text-decoration:none; }
.avis-item__lieu:hover { color:#F97316; }
.avis-item__note { font-size:.875rem; }
.avis-item__comment { font-size:.875rem;color:#7A5C58;line-height:1.5;margin-bottom:.375rem; }
.avis-item__date { font-size:.75rem;color:#9CA3AF; }

/* ── Compte ──────────────────────────────────────────────── */
.compte-section { background:#fff;border-radius:12px;border:1px solid #EDE8E2;padding:1.25rem;margin-bottom:.875rem;display:flex;flex-direction:column;gap:.875rem; }
.compte-section--danger { border-color:#FECACA;background:#FEF2F2; }
.compte-title { font-size:1rem;font-weight:700;color:#532822; }
.compte-title--danger { color:#DC2626; }
.compte-sub { font-size:.875rem;color:#7A5C58; }

/* ── Alerts ──────────────────────────────────────────────── */
.pro-alert { padding:.75rem 1rem;border-radius:10px;font-size:.875rem;line-height:1.5; }
.pro-alert.hidden { display:none; }
.pro-alert--error   { background:#FEF2F2;color:#DC2626;border:1px solid #FECACA; }
.pro-alert--success { background:#F0FDF4;color:#16A34A;border:1px solid #BBF7D0; }

/* ── Boutons ─────────────────────────────────────────────── */
.btn { display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.625rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap; }
.btn-primary { background:#F97316;color:#fff; }
.btn-primary:hover { background:#EA6A00;transform:translateY(-1px); }
.btn-ghost { background:transparent;color:#7A5C58;border:1.5px solid #E0D8D0; }
.btn-ghost:hover { background:#F0EDE8; }
.btn-danger { background:#FEF2F2;color:#DC2626;border:1.5px solid #FECACA; }
.btn-danger:hover { background:#DC2626;color:#fff; }
.btn-lg { min-height:52px;font-size:1rem; }
.btn-sm { min-height:36px;padding:.375rem .875rem;font-size:.8125rem; }

/* ── Forms ───────────────────────────────────────────────── */
.form-group { display:flex;flex-direction:column;gap:.375rem; }
.form-label { font-size:.875rem;font-weight:600;color:#532822; }
.form-input { width:100%;height:48px;padding:0 1rem;border:1.5px solid #E0D8D0;border-radius:10px;font-size:.9375rem;font-family:inherit;color:#532822;background:#fff;outline:none;transition:border-color .15s; }
.form-input:focus { border-color:#F97316; }

/* ── Bottom nav ──────────────────────────────────────────── */
.bottom-nav { display:none; }
@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #E5E7EB;align-items:center;justify-content:space-around;z-index:200;padding-bottom:env(safe-area-inset-bottom);}}
.bottom-nav__item { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;color:#9CA3AF;text-decoration:none;cursor:pointer;transition:color .15s; }
.bottom-nav__item.active { color:#F97316; }
.bottom-nav__label { font-size:10px;font-weight:500; }
.bnav-icon { width:24px;height:24px;display:flex;align-items:center;justify-content:center; }
.bnav-icon svg { width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.bottom-nav__item.active .bnav-icon svg { stroke:#F97316; }
.bnav-center { position:relative; }
.bnav-fab { width:52px;height:52px;background:#F97316;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-16px;box-shadow:0 4px 16px rgba(249,115,22,.4); }
.bnav-fab svg { width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round; }