/* ============================================================================
   footer.css — tiklive.eu « LA RÉGIE » — propriétaire : agent:nav (§5.2)
   4 colonnes 1.6 / 1 / 1 / 1.4 (1 colonne mobile, padding-bottom 96 px pour la barre sticky .sbar),
   h3 de colonne, liens 44 px, ligne © + « Développé en France » + .ver, sélecteur de langue partagé (.tl-lang, nav.css).
   Aucun .rv ici : la dernière ligne de page n'est jamais révélée par TL.reveal (rootMargin -10 %).
   ========================================================================== */

.ft{position:relative;z-index:var(--z-page);margin-top:0;padding:var(--sp-5) 0 var(--sp-4);background:var(--bg-2);border-top:1px solid var(--line)}
/* rail gradué en tête, même vocabulaire que les .sep */
.ft::before{content:'';position:absolute;left:0;right:0;top:-5px;height:4px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 8px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
@media (max-width:1023.98px){.ft{padding-bottom:96px}}

.ft-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:600px){.ft-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.ft-grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:var(--sp-4) var(--sp-3)}}
@media (min-width:600px) and (max-width:1023.98px){.ft-brand{grid-column:1 / -1}}

/* ── Marque ─────────────────────────────────────────────────────────────────── */
.ft-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--txt);border-radius:var(--r-btn)}
.ft-logo img{width:40px;height:40px;flex:none}
.ft-logo .word{font:800 22px/1 var(--disp);letter-spacing:-.03em;font-variation-settings:"wdth" 100}
.ft-tag{margin-top:var(--sp-2);max-width:38ch;font-size:15px;line-height:1.6;color:var(--dim)}
.ft-facts{margin-top:var(--sp-2);font:500 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--dim-2);font-variant-numeric:tabular-nums}

/* ── Colonnes ───────────────────────────────────────────────────────────────── */
.ft-col h3{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0 0 var(--sp-1);font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2)}
.ft-col h3::before{content:'';width:18px;height:1px;background:currentColor;flex:none}
.ft-col ul{display:flex;flex-direction:column}
.ft-col li{border-top:1px solid var(--line)}
.ft-col li:first-child{border-top:0}
.ft-col li a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;font:600 15px/1.6 var(--body);color:var(--dim);transition:color var(--d-fast) var(--ease)}
.ft-col li a:hover{color:var(--txt)}
.ft-col li a .ico{width:16px;height:16px;color:var(--rose)}
.ft-col li a.ft-dl{color:var(--txt)}
.ft-col li a.ft-dl:hover .lbl{text-decoration:underline;text-underline-offset:4px}
.ft-col--discord p{font-size:15px;line-height:1.6;color:var(--dim);max-width:34ch}
.ft-col--discord .btn-g{margin-top:var(--sp-2);gap:8px;height:44px}
.ft-col--discord .btn-g .ico{width:16px;height:16px}

/* ── Ligne basse ────────────────────────────────────────────────────────────── */
.ft-bottom{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line)}
@media (min-width:768px){.ft-bottom{flex-direction:row;align-items:center;justify-content:space-between}}
.ft-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font:500 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--dim-2);font-variant-numeric:tabular-nums}
.ft-sep{color:var(--line-3)}
.ft-copy .ver{color:var(--dim);cursor:default;user-select:none;-webkit-user-select:none;padding:8px 0}
.ft-upd{color:var(--dim-2)}
@media (max-width:479.98px){.ft-sep--wide,.ft-upd{display:none}}
.ft-lang{margin-left:-8px}
.ft-lang .tl-code{display:inline}
@media (min-width:768px){.ft-lang{margin-left:0;margin-right:-8px}}