/* Лентата с интеграции: логата са бутони (assets/js/integracii.js), панелът под лентата показва готовите сценарии. */
.wai-marquee:hover .wai-marquee__track, .wai-marquee:focus-within .wai-marquee__track, .wai-marquee.is-open .wai-marquee__track { animation-play-state: paused; }
.wai-marquee__item { font-family: var(--wp--preset--font-family--heading); font-size: 1.15rem; color: var(--wp--preset--color--muted); white-space: nowrap;
	background: none; border: 0; padding: .35rem .2rem; cursor: pointer; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.wai-marquee__item:hover, .wai-marquee__item:focus-visible, .wai-marquee__item.is-on { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--accent); }
.wai-marquee__item:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; border-radius: 4px; }
html[data-theme="light"] .wai-marquee__item.is-on, html[data-theme="light"] .wai-marquee__item:hover { border-bottom-color: var(--wp--custom--light--primary-strong); }

.wai-integr { position: relative; max-width: 760px; margin: 1.25rem auto 0; padding: 1.1rem 3rem 1.1rem 1.25rem; border-radius: 18px;
	border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); animation: wai-integr-in .25s ease; }
.wai-integr[hidden] { display: none; }
.wai-integr__h { margin: 0 0 .6rem; font-weight: 700; }
.wai-integr__list { list-style: none; margin: 0 0 .75rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.wai-integr__list a { display: inline-block; padding: .45rem .9rem; border-radius: 999px; border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--contrast); text-decoration: none; font-size: .92rem; }
.wai-integr__list a:hover, .wai-integr__list a:focus-visible { border-color: var(--wp--preset--color--accent); }
html[data-theme="light"] .wai-integr__list a:hover { border-color: var(--wp--custom--light--primary-strong); }
.wai-integr__more { font-size: .9rem; }
.wai-integr__x { position: absolute; top: .6rem; right: .7rem; width: 2rem; height: 2rem; border-radius: 50%; border: 0; background: none;
	color: var(--wp--preset--color--muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.wai-integr__x:hover, .wai-integr__x:focus-visible { color: var(--wp--preset--color--contrast); }
@keyframes wai-integr-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wai-integr { animation: none; } }
