/*
 * rencontres-sanslendemain — Dock (paradigme macOS-like avec FAB)
 * Préfixe rsl-dock — propre au site, anti cross-site fingerprint.
 * Palette : rouge bordeaux + or + noir velours, registre cabaret bohème.
 * Glyphes : SVG inline organiques (courbes, arcs) — disjoints des autres
 * sites jumeaux qui utilisent SVG géométrique (ffp) ou duotone (etp).
 */

:root {
  --rsl-dock-h: 64px;
  --rsl-safe: env(safe-area-inset-bottom, 0px);
  --rsl-dock-bg: #1a0606;
  --rsl-dock-fg: #d4a85e;
  --rsl-dock-fg-active: #f4e4bc;
  --rsl-dock-fab-bg: #8b1a1a;
  --rsl-dock-fab-bg-hover: #a82424;
}

body { padding-bottom: calc(var(--rsl-dock-h) + var(--rsl-safe) + 18px); }

.rsl-dock {
  position: fixed;
  left: 12px; right: 12px;
  bottom: calc(8px + var(--rsl-safe));
  height: var(--rsl-dock-h);
  background: var(--rsl-dock-bg);
  border-radius: 22px;
  box-shadow: 0 12px 32px -8px rgba(0,0,0,0.6),
              inset 0 1px 0 rgba(212, 168, 94, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 100;
  padding: 0 12px;
  font-family: 'Cormorant Garamond', Georgia, serif;
}

@media (min-width: 1100px) { .rsl-dock { display: none; } }

.rsl-dock__pill {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--rsl-dock-fg);
  text-decoration: none;
  border: 0;
  background: transparent;
  font-style: italic;
  font-size: 11px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color .15s, transform .15s;
}
.rsl-dock__pill:hover,
.rsl-dock__pill.is-current { color: var(--rsl-dock-fg-active); }
.rsl-dock__pill.is-current { transform: translateY(-2px); }

.rsl-dock__pill svg { width: 22px; height: 22px; fill: currentColor; }

/* FAB central : grand bouton rond surélevé (style cabaret) */
.rsl-dock__star {
  flex: 0 0 auto;
  width: 60px; height: 60px;
  margin: 0 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--rsl-dock-fab-bg-hover), var(--rsl-dock-fab-bg));
  color: #f4e4bc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 6px 20px -4px rgba(139,26,26,0.6),
              inset 0 1px 0 rgba(255,255,255,0.2);
  transform: translateY(-14px);
  border: 2px solid #d4a85e;
  transition: transform .15s, box-shadow .15s;
}
.rsl-dock__star:hover { transform: translateY(-18px) scale(1.05); }
.rsl-dock__star svg { width: 28px; height: 28px; fill: currentColor; }