/* ============================================================================
   Lieux — surcouche de marque GayBiTrans
   ============================================================================
   Chargé APRÈS /public/css/lieux.css, qui est partagé avec parkingay et porte
   la palette violette de celui-ci.

   Ce fichier ne contient QUE des écarts de couleur — pas une seule règle de
   mise en page. Ainsi toute évolution de structure faite côté parkingay
   profite encore à gaybitrans, et parkingay reste strictement intouché.

   Pourquoi un fichier séparé plutôt qu'un bloc conditionnel dans lieux.css :
   pour que parkingay reste strictement intouché.

   Pourquoi ici et non dans sites/gaybitrans/, où la règle n°2 du CLAUDE.md
   voudrait le voir : le .htaccess racine (l. 277) ne sert sous /sites/{tenant}/
   qu'une liste blanche de fichiers — theme.css, favicons, sw.js, robots,
   sitemap, images/, fonts/. Une feuille de plus y renverrait 404 tant que
   cette liste n'est pas élargie aux *.css. À déplacer le jour où elle le sera.

   Palette reprise de sites/gaybitrans/theme.css, source de vérité de la marque.
   ============================================================================ */

:root {
  /* --- Fonds et texte --- */
  --bg:       #08080a;   /* theme.css --bg      */
  --bg-alt:   #0f0f12;   /* palier intermédiaire, absent du thème */
  --surface:  #141417;   /* theme.css --surface */
  --border:   #2a2a30;   /* theme.css --line    */
  --text:     #f4f3ef;   /* theme.css --text    */
  --text-dim: #8d8a83;   /* theme.css --text-dim */

  /* --- Couleur d'action : l'ambre de la marque --- */
  --accent:        #ffce1f;  /* theme.css --accent        */
  --accent-strong: #ffd95c;  /* theme.css --accent-strong */

  /* --- Bi-tons des types de lieux ---
     Chez parkingay : ambre = drague, violet = venue. Ici l'ambre est déjà la
     couleur d'action de la marque : on inverse pour garder deux teintes
     franchement distinctes, toutes deux issues de l'identité gaybitrans
     (violet identitaire = drague, ambre = venue). */
  --type-drague:        #b78bff;                    /* theme.css --trans */
  --type-drague-bg:     rgba(183, 139, 255, 0.08);
  --type-drague-border: rgba(183, 139, 255, 0.40);
  --type-venue:         var(--accent);
  --type-venue-bg:      rgba(255, 206, 31, 0.08);
  --type-venue-border:  rgba(255, 206, 31, 0.40);
}

/* ---------------------------------------------------------------------------
   Contraste — sur aplat ambre le texte doit être SOMBRE, pas blanc.
   lieux.css pose color:#fff sur ces deux règles, illisible sur #ffce1f.
   (Même consigne que dans sites/gaybitrans/config.php pour les emails.)
   --------------------------------------------------------------------------- */
.lieux-page .btn-primary                    { color: #08080a; }
.lieux-filter-bar .pill[aria-pressed="true"] { color: #08080a; }

/* ---------------------------------------------------------------------------
   Violets écrits en dur dans lieux.css — hors variables, donc à reprendre
   règle par règle. Chaque sélecteur ci-dessous existe à l'identique dans le
   fichier partagé : seule la couleur est redéfinie, le reste cascade.
   --------------------------------------------------------------------------- */
.lieux-page .glow-top {
  background: radial-gradient(circle, rgba(255, 206, 31, 0.20), transparent 70%);
}
.lieux-page .glow-bottom {
  background: radial-gradient(circle, rgba(183, 139, 255, 0.12), transparent 70%);
}

.lieux-page .nav-user {
  background: rgba(255, 206, 31, 0.08);
  border: 1px solid rgba(255, 206, 31, 0.25);
}
.lieux-page .nav-user:hover {
  background: rgba(255, 206, 31, 0.15);
  border-color: rgba(255, 206, 31, 0.50);
}
.lieux-page .nav-avatar {
  background: rgba(255, 206, 31, 0.20);
}

.lieu-card:hover,
.lieu-card:focus-visible {
  border-color: rgba(255, 206, 31, 0.40);
}
.lieu-card-img {
  background: linear-gradient(135deg, #241f14, #141417);
}

.ville-link:hover {
  border-color: rgba(255, 206, 31, 0.40);
}

.cta-strip {
  border: 1px dashed rgba(255, 206, 31, 0.40);
  background: rgba(255, 206, 31, 0.04);
}

.lieux-page .btn-ghost:hover {
  border-color: rgba(255, 206, 31, 0.40);
}

.lieu-detail-photo-placeholder {
  background: linear-gradient(135deg, #241f14, #141417);
}

.lieu-comments-paywall {
  background: rgba(255, 206, 31, 0.04);
  border: 1px dashed rgba(255, 206, 31, 0.30);
}