/* Marketplace - CSS commun (usage futur centralisé) */
:root {
  --bg-body: #fcfcfc;
  --bg-card: #ffffff;
  --text-primary: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --primary: #0d6efd;
  --header-bg: #fff;
  --footer-bg: #f1f3f5;
  --bs-body-color: #707070;
}
[data-theme="dark"] {
  --bg-body: #1a1d21;
  --bg-card: #25282c;
  --text-primary: #e9ecef;
  --text-muted: #adb5bd;
  --border-color: #495057;
  --header-bg: #25282c;
  --footer-bg: #1a1d21;
}
body { background: var(--bg-body); color: var(--text-primary); min-height: 100vh; }
.a_link_ { text-decoration: none; background-color: #efd321; border-radius: 8px; color: #000000; padding: 3px 9px 7px; border: #ffffff 1px solid; }
.bg-card, .card { background: var(--bg-card); border-color: var(--border-color); }
.text-muted { color: var(--text-muted) !important; }
.btn-back { margin-bottom: 1rem; }
/* Feed type TikTok - défilement vertical mobile */
.feed-container { max-height: 100vh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.feed-item { min-height: 85vh; display: flex; flex-direction: column; justify-content: center; padding: 1rem; }
.feed-item img { max-height: 60vh; object-fit: contain; cursor: pointer; }
/* Boutons WhatsApp */
.whatsapp-btn { background: #25D366; color: #fff; border: none; }
.whatsapp-btn:hover { background: #20bd5a; color: #fff; }
/* Premium badge */
.badge-premium { background: linear-gradient(135deg, #ffc107, #ff9800); color: #000; }
/* Upload preview */
.upload-preview { max-width: 200px; max-height: 200px; object-fit: cover; border-radius: 0.25rem; }
/* Sticky header */
.header-sticky { position: sticky; top: 0; z-index: 1030; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
[data-theme="dark"] .header-sticky { box-shadow: 0 1px 3px rgba(0,0,0,.3); }
/* Footer minimal */
.site-footer { background: var(--footer-bg); padding: 0.75rem; margin-top: 2rem; text-align: center; font-size: 0.875rem; }
/* Pagination / listes */
.list-actions .btn { margin: 0 0.2rem; }
/* Formulaire */
.form-control, .form-select { background: var(--bg-card); color: var(--text-primary); border-color: var(--border-color); }
.form-control:focus, .form-select:focus { background: var(--bg-card); color: var(--text-primary); border-color: var(--primary); }
/* Image placeholder */
.img-placeholder { background: var(--border-color); min-height: 120px; display: flex; align-items: center; justify-content: center; color: var(--text-muted); }
::placeholder { color: #6b6b6b !important; }
.whatsapp_btn { color: #2c2c2c !important; }
.whatsapp_btn:hover { color: #ffffff !important; }
.marketplace_accueil_button:hover { color: #ffffff !important; }
.header_sticky, .site_footer { border-radius: 7px;  }
#qrcode { width: 30%; height: 30%; }

/* ====================== */
@media (max-width: 768px) { 
  .feed-item { min-height: 80vh; } 
  #qrcode { width: 60%; height: 60%; }
}