/* Демо панелі й екскурсія (admin-demo.php, assets/admin-tour.js) */
.demo-bar { position: sticky; top: 0; z-index: 1040; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 14px; color: #fff; background: linear-gradient(100deg, #1b1f4b, #2b1f63 60%, #143a5c); border-bottom: 3px solid #141414; font-size: .9rem; }
.demo-note { opacity: .85; }
.demo-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.demo-group small { opacity: .8; margin-inline-end: 2px; }
.demo-chip { padding: 3px 10px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 99px; background: transparent; color: #fff; font-weight: 700; font-size: .82rem; text-decoration: none; cursor: pointer; }
.demo-chip.on { background: #ffd23f; border-color: #141414; color: #141414; }
.demo-cta { margin-inline-start: auto; padding: 6px 14px; border: 2px solid #141414; border-radius: 12px; background: #ff5b5b; color: #fff; font-weight: 900; text-decoration: none; box-shadow: 2px 2px 0 #141414; }
.lang-row { display: flex; gap: 4px; margin-bottom: 6px; }
.tour-root { position: fixed; inset: 0; z-index: 2000; }
.tour-spot { position: absolute; border: 3px solid #ffd23f; border-radius: 12px; box-shadow: 0 0 0 200vmax rgba(10, 12, 30, .62); transition: all .25s ease; pointer-events: none; }
.tour-spot[hidden] { display: block; left: 50%; top: 50%; width: 0; height: 0; border: 0; }
.tour-card { position: absolute; box-sizing: border-box; padding: 14px 16px; border: 3px solid #141414; border-radius: 16px; background: #fff; color: #141414; box-shadow: 5px 5px 0 #141414; transition: left .25s ease, top .25s ease; }
.tour-card h3 { margin: 4px 0; font-size: 1.1rem; }
.tour-card p { margin: 0 0 10px; }
.tour-n { font-weight: 800; color: #6b6b6b; }
.tour-acts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.tour-x { position: absolute; top: 8px; inset-inline-end: 8px; width: 28px; height: 28px; border: 2px solid #141414; border-radius: 50%; background: #fff; font-weight: 900; cursor: pointer; }
@media (max-width: 720px) { .demo-note { display: none; } .demo-cta { margin-inline-start: 0; } }
.tour-card h3, .tour-card p, .tour-card .tour-x { color: #141414; }
.tour-card .btn:not(.pri) { color: #141414; border-color: #141414; background: #fff; }