/* Aasfor Live · обща „ жива “ визия за сайтовете на Aasfor [ Вторник :: 29. Септември 2026 ]
   Редактира се САМО в aasfor-sites/shared/ ; всеки сайт пази свое копие [ нула външни ресурси ].
   Само CSS — без скрипт, минава и при строг CSP. Включва се с класове :
     .live-logo — малка разтапяща се капка зад логото
     .live-mark — мек жив ореол зад голямото лого в началото
     .live-cta  — главният бутон : органична форма, която се разтапя, и малка капка [ цветовете остават на сайта ]
     .live-grad — към .live-cta : виолетово-магентен преливащ се градиент с бял текст
     .live-pill — малък жив бутон в менюто
     .live-card — карта, която се повдига и кантът ѝ проблясва при посочване
     <html class="live-calm"> — двойно по-бавно и без капки [ спокойните сайтове ]
   Теми : neon | dark · light · contrast | bw. Спира при prefers-reduced-motion. */
@property --live-a{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--live-1:#6335df;--live-2:#b429bb;--live-3:#7befef;--live-4:#d83cda;--live-ink:#fff;--live-t:1;--live-drip:#8f2cc9;--live-shadow:rgba(20,6,50,.45)}
.live-calm{--live-t:2}

.live-logo{position:relative;isolation:isolate}
.live-logo::before{content:"";position:absolute;z-index:-1;left:-12%;top:-18%;width:64%;aspect-ratio:1.2;background:linear-gradient(120deg,var(--live-1),var(--live-2),var(--live-4),var(--live-1));background-size:300% 300%;filter:blur(16px);opacity:.7;border-radius:46% 54% 38% 62%/52% 38% 62% 48%;animation:live-blob calc(14s*var(--live-t)) ease-in-out infinite alternate,live-flow calc(10s*var(--live-t)) ease-in-out infinite alternate;pointer-events:none}

.live-mark{position:relative;isolation:isolate}
.live-mark::after{content:"";position:absolute;z-index:-1;left:-5%;top:6%;width:min(80%,580px);height:90%;background:conic-gradient(from var(--live-a),var(--live-3),var(--live-4),var(--live-1),var(--live-2),var(--live-3));filter:blur(48px);opacity:.36;border-radius:46% 54% 38% 62%/52% 38% 62% 48%;animation:live-blob calc(17s*var(--live-t)) ease-in-out infinite alternate,live-turn calc(24s*var(--live-t)) linear infinite;pointer-events:none}

.live-cta.live-cta{position:relative;border-radius:26px 38px 30px 42px/38px 26px 42px 30px;box-shadow:0 18px 40px -16px var(--live-shadow),inset 0 1px 0 rgba(255,255,255,.3);animation:live-melt calc(12s*var(--live-t)) ease-in-out infinite alternate,live-flow calc(9s*var(--live-t)) ease-in-out infinite alternate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.live-grad.live-grad{--live-shadow:rgba(99,53,223,.7);--live-drip:#8f2cc9;background:linear-gradient(115deg,var(--live-1),#8f2cc9 45%,var(--live-2) 70%,#5a23c4);background-size:240% 240%;color:var(--live-ink);border-color:transparent}
.live-cta::after{content:"";position:absolute;left:62%;top:calc(100% - 3px);width:10px;height:13px;background:var(--live-drip);border-radius:0 0 50% 50%/0 0 74% 74%;transform-origin:top center;animation:live-drip calc(7s*var(--live-t)) ease-in-out infinite;pointer-events:none}
.live-cta.live-cta:hover,.live-cta.live-cta:focus-visible{transform:translateY(-3px);box-shadow:0 26px 50px -18px var(--live-shadow),inset 0 1px 0 rgba(255,255,255,.3)}

.live-pill.live-pill{background:linear-gradient(110deg,var(--live-1),var(--live-2),var(--live-4),var(--live-1));background-size:300% 100%;color:var(--live-ink);border-color:transparent;animation:live-flow calc(8s*var(--live-t)) ease-in-out infinite alternate}

.live-card{position:relative;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.live-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--live-a),transparent 0 55%,var(--live-3),var(--live-4),transparent 88%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;animation:live-turn calc(5s*var(--live-t)) linear infinite paused;pointer-events:none}
.live-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px -30px rgba(99,53,223,.6)}
.live-card:hover::after{opacity:1;animation-play-state:running}

@keyframes live-blob{0%{border-radius:46% 54% 38% 62%/52% 38% 62% 48%}50%{border-radius:62% 38% 56% 44%/38% 60% 40% 62%}100%{border-radius:38% 62% 44% 56%/60% 44% 56% 40%}}
@keyframes live-melt{0%{border-radius:26px 38px 30px 42px/38px 26px 42px 30px}50%{border-radius:40px 24px 44px 28px/26px 40px 28px 44px}100%{border-radius:32px 44px 24px 36px/44px 30px 36px 26px}}
@keyframes live-flow{0%{background-position:0% 40%}100%{background-position:100% 60%}}
@keyframes live-turn{to{--live-a:360deg}}
@keyframes live-drip{0%,100%{transform:scaleY(1)}55%{transform:scaleY(1.5)}70%{transform:scaleY(1.08)}}

[data-theme=light] .live-logo::before{opacity:.28}
[data-theme=light] .live-mark::after{opacity:.22}
[data-theme=contrast] .live-logo::before,[data-theme=bw] .live-logo::before,[data-theme=contrast] .live-mark::after,[data-theme=bw] .live-mark::after,[data-theme=contrast] .live-card::after,[data-theme=bw] .live-card::after{display:none}
[data-theme=contrast] .live-cta.live-cta,[data-theme=bw] .live-cta.live-cta{box-shadow:none}
[data-theme=contrast] .live-grad.live-grad,[data-theme=bw] .live-grad.live-grad{--live-drip:#000;background:#000;color:#fff;border-color:#000}
[data-theme=contrast] .live-pill.live-pill,[data-theme=bw] .live-pill.live-pill{background:#000;color:#fff;border-color:#000;animation:none}
.live-calm .live-cta::after{display:none}
@media (prefers-reduced-motion:reduce){.live-logo::before,.live-mark::after,.live-cta.live-cta,.live-cta::after,.live-pill.live-pill,.live-card::after{animation:none!important}.live-cta.live-cta,.live-card{transition:none}}
/* адаптери за сайтове със собствени цветове на бутоните в светлата и черно-бялата тема */
html[data-site=ise]:is([data-theme=light],[data-theme=contrast]) .live-cta.live-cta{--live-drip:var(--appearance-accent)}
/* www.aasfor.com : бутоните са в акцента на сайта [ циан / петрол / бяло ], ореолите — в циан */
html[data-site=corporate] .live-cta.live-cta{--live-drip:var(--appearance-accent);--live-shadow:rgba(47,184,201,.35)}
html[data-site=corporate]{--live-1:#2fb8c9;--live-2:#7befef;--live-4:#5fd6e0}
html[data-site=corporate][data-theme=light]{--live-1:#095e65;--live-2:#2b8a8f;--live-4:#4fa9ad}
html[data-site=corporate][data-theme=light] .live-cta.live-cta{--live-shadow:rgba(9,94,101,.35)}

/* „ Aasfor. “ — знакът на разработчика [ Събота 10. Октомври 2026 ] : името в цвета на текста + квадратна начертана точка 0,155 em в цвета на марката. Еднакво на всички сайтове ; правилото е в aasfor-sites/tools/brand_mark.py */
:where(html){--aa-dot:#A21CAF}
:where([data-theme=neon],[data-theme=dark]){--aa-dot:#E879F9}
:where([data-theme=bw],[data-theme=contrast]){--aa-dot:currentColor}
.aa-m-d.aa-m-d.aa-m-d{display:inline-block;width:max(.155em,3px);height:max(.155em,3px);margin:0 0 0 .05em;padding:0;border:0;border-radius:0;overflow:hidden;text-indent:1em;white-space:nowrap;font-style:normal;letter-spacing:0;vertical-align:baseline;color:transparent;-webkit-text-fill-color:transparent;background:var(--aa-dot,currentColor)}