/* zkry : mention « site de prospection » et protection anti-copie (ajouté automatiquement à la publication) */
html.zkry-protege, html.zkry-protege body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
html.zkry-protege input, html.zkry-protege textarea, html.zkry-protege select, html.zkry-protege [contenteditable="true"] { -webkit-user-select: text; user-select: text; }
html.zkry-protege img, html.zkry-protege video, html.zkry-protege svg, html.zkry-protege canvas { -webkit-user-drag: none; user-drag: none; }

/* Onglet vertical fixé sur le bord droit : visible sur toutes les pages sans gêner les menus ni les barres du bas */
.zkry-onglet {
  position: fixed; z-index: 2147483000; right: 0; top: 50%; transform: translateY(-50%);
  writing-mode: vertical-rl; display: flex; align-items: center; gap: 8px;
  padding: 14px 7px; background: #0d0d0f; color: #f4f4f5; border-radius: 8px 0 0 8px;
  font: 600 11px/1 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; letter-spacing: .12em; text-transform: uppercase;
  text-decoration: none; box-shadow: -2px 0 14px rgb(0 0 0 / .25); opacity: .92; transition: opacity .2s, padding .2s;
}
.zkry-onglet:hover, .zkry-onglet:focus-visible { opacity: 1; padding-right: 10px; color: #fff; }
.zkry-onglet b { font-weight: 800; letter-spacing: .08em; color: #fff; }
.zkry-onglet i { width: 6px; height: 6px; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 3px rgb(59 130 246 / .25); }
@media (max-width: 640px) { .zkry-onglet { padding: 10px 5px; font-size: 9.5px; gap: 6px; } }
@media print { .zkry-onglet { display: none; } }

/* Mention en bas de chaque page */
.zkry-mention {
  position: relative; z-index: 5; margin: 0; padding: 18px 20px calc(18px + env(safe-area-inset-bottom));
  background: #0d0d0f; color: #c9c9cf; text-align: center;
  font: 400 13px/1.55 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zkry-mention p { margin: 0 auto; max-width: 900px; }
.zkry-mention strong { color: #fff; font-weight: 700; }
.zkry-mention a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.zkry-mention small { display: block; margin-top: 4px; font-size: 11.5px; color: #8b8b93; }