/* Barre haute Inkantation - charte Clic2Sign */
.ink-tb{
	position:fixed; top:0; left:0; right:0; z-index:99998;
	background:
		radial-gradient(circle at 12% 50%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 30%),
		linear-gradient(90deg, var(--tb-f1,#2A4A3F) 0%, var(--tb-f2,#35594C) 100%);
	color:var(--tb-tx,#fff);
	box-shadow:0 8px 26px rgba(42,74,63,.28);
	border-bottom:1px solid color-mix(in srgb, var(--tb-ac,#B8935A) 30%, transparent);
	font-family:inherit;
}
.ink-tb[hidden]{display:none}
body.admin-bar .ink-tb{top:32px}
@media (max-width:782px){body.admin-bar .ink-tb{top:46px}}

.ink-tb-wrap{max-width:1440px; margin:0 auto; padding:11px 18px;
	display:flex; align-items:center; justify-content:space-between; gap:16px}
.ink-tb-left{display:flex; align-items:center; gap:14px; min-width:0; flex-wrap:wrap}

.ink-tb-points{display:inline-flex; align-items:center; gap:8px;
	padding:8px 14px; border-radius:999px;
	background:color-mix(in srgb, var(--tb-ac,#B8935A) 22%, transparent); border:1px solid color-mix(in srgb, var(--tb-ac,#B8935A) 55%, transparent);
	color:#fff; text-decoration:none; font-size:13px; font-weight:700;
	white-space:nowrap; flex-shrink:0; transition:background .25s ease, transform .25s ease}
.ink-tb-points:hover{background:color-mix(in srgb, var(--tb-ac,#B8935A) 35%, transparent); transform:translateY(-1px); color:#fff; text-decoration:none}
.ink-tb-num{color:color-mix(in srgb, var(--tb-ac,#B8935A) 45%, #fff); font-weight:800; font-size:15px}
.ink-tb-arrow{opacity:.75; font-size:12px}

.ink-tb-sep{width:1px; height:30px; background:rgba(255,255,255,.18); flex-shrink:0}

.ink-tb-logo-link{display:inline-flex; align-items:center; justify-content:center;
	text-decoration:none; flex-shrink:0}
.ink-tb-logo{width:46px; height:46px; display:block; object-fit:contain;
	border-radius:14px; background:rgba(255,255,255,.12); padding:3px;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 4px 14px rgba(0,0,0,.14)}

.ink-tb-badge{display:inline-flex; align-items:center; justify-content:center;
	padding:6px 10px; font-size:11px; font-weight:800; letter-spacing:.08em;
	text-transform:uppercase; border-radius:999px;
	background:color-mix(in srgb, var(--tb-ac,#B8935A) 25%, transparent); color:#fff;
	border:1px solid color-mix(in srgb, var(--tb-ac,#B8935A) 45%, transparent); white-space:nowrap}

.ink-tb-text{margin:0; font-size:14px; line-height:1.5; color:var(--tb-tx,#fff); opacity:.96;
	font-weight:500; letter-spacing:.01em}
.ink-tb-text strong{color:#fff; font-weight:800}
.ink-tb-text .hl{color:color-mix(in srgb, var(--tb-ac,#B8935A) 55%, #fff); font-weight:800}

.ink-tb-right{display:flex; align-items:center; gap:10px; flex-shrink:0}
.ink-tb-btn{display:inline-flex; align-items:center; justify-content:center;
	padding:11px 18px; border-radius:999px;
	background:linear-gradient(90deg, var(--tb-ac,#B8935A) 0%, color-mix(in srgb, var(--tb-ac,#B8935A) 80%, #fff) 100%);
	color:#2A2118; font-size:13px; font-weight:800;
	text-decoration:none; white-space:nowrap;
	transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
	box-shadow:0 8px 22px rgba(184,147,90,.35)}
.ink-tb-btn:hover{transform:translateY(-1px); filter:brightness(1.06);
	color:#2A2118; text-decoration:none; box-shadow:0 10px 26px color-mix(in srgb, var(--tb-ac,#B8935A) 45%, transparent)}

.ink-tb-close{width:36px; height:36px; border:0; border-radius:999px;
	background:rgba(255,255,255,.14); color:#fff; cursor:pointer;
	font-size:18px; line-height:1; padding:0;
	transition:background .25s ease, transform .25s ease}
.ink-tb-close:hover{background:rgba(255,255,255,.22); transform:rotate(90deg)}
.ink-tb-close:focus-visible{outline:2px solid #fff; outline-offset:2px}

#ink-topbar-spacer{width:100%}
#ink-topbar-spacer[hidden]{display:none}

@media (max-width:1100px){
	.ink-tb-wrap{padding:10px 14px}
	.ink-tb-text{font-size:13px}
}
@media (max-width:768px){
	.ink-tb-wrap{flex-direction:column; align-items:stretch; gap:10px; padding:12px 14px}
	.ink-tb-left{align-items:center; gap:10px}
	.ink-tb-sep{display:none}
	.ink-tb-right{width:100%; justify-content:space-between}
	.ink-tb-btn{flex:1; text-align:center}
	.ink-tb-logo{width:40px; height:40px}
	.ink-tb-points{width:100%; justify-content:center; order:-1}
	.ink-tb-arrow{display:none}
}
@media (prefers-reduced-motion:reduce){
	.ink-tb-points,.ink-tb-btn,.ink-tb-close{transition:none}
}

/* Aperçu dans l'administration : la barre est présentée dans le flux
   de la page au lieu d'être fixée en haut de l'écran. */
.ink-tb--demo{position:static; border-radius:10px; overflow:hidden; box-shadow:none;
	border:1px solid #dcdcde; margin:0}
.ink-tb-apercu{max-width:1100px; margin:0 0 8px}