/**
 * dashboard-client.css
 * Espace client connecté (app-filter-btn, app-chef-card, etc.)
 * Dépend de : variables.css, base.css
 */

  /* ===== APP CLIENT CONNECTÉ ===== */
  .app-filter-btn {
    background: white;
    border: 1.5px solid var(--cream-dark);
    border-radius: 50px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-mid);
    cursor: pointer;
    white-space: nowrap;
    font-family: 'Inter', 'DM Sans', sans-serif;
    transition: all 0.2s;
    flex-shrink: 0;
  }
  .app-filter-btn.active,
  .app-filter-btn:hover { background: var(--terracotta); border-color: var(--terracotta); color: white; }
  .filters-scroll::-webkit-scrollbar { display: none; }

  /* Chef card app style */
  .app-chef-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    gap: 0;
    box-shadow: 0 2px 12px rgba(61,35,20,0.07);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1.5px solid var(--cream-dark);
  }
  .app-chef-card:active { transform: scale(0.98); }
  .app-chef-card.verified-card { border-color: rgba(196,98,45,0.3); box-shadow: 0 4px 16px rgba(196,98,45,0.1); }
  .app-chef-card-img { width: 110px; min-width: 110px; height: 110px; object-fit: cover; }
  .app-chef-card-body { padding: 12px 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
  .app-chef-card-name { font-size: 14px; font-weight: 700; color: var(--text-dark); margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
  .app-chef-card-loc { font-size: 12px; color: var(--text-light); margin-bottom: 6px; }
  .app-chef-card-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
  .app-chef-card-footer { display: flex; align-items: center; justify-content: space-between; }
  .verified-badge-small { background: rgba(46,125,82,0.1); color: #2e7d32; border-radius: 50px; padding: 2px 8px; font-size: 10px; font-weight: 700; }

  /* Favori horizontal */
  .app-fav-bubble { display: flex; flex-direction: column; align-items: center; gap: 6px; flex-shrink: 0; cursor: pointer; }
  .app-fav-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2.5px solid var(--terracotta); }
  .app-fav-name { font-size: 11px; color: var(--text-mid); font-weight: 600; max-width: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }