/* links.css — Version: 1.4.0
   Връзките вътре в текста, за целия сайт.

   Връзката в изречение трябва да личи, без да се посочва: подчертаването е
   постоянно, два пиксела, в розово-малиновото на сайта — същото, което
   носят главните бутони. Движението идва само при посочване.

   Правилото е обърнато нарочно. По-рано тук стоеше списък от седем класа
   и всяко ново четиво трябваше да се добавя на ръка. Сега обхватът са
   текстовите джаджи на Elementor — там е почти всичко за четене — а
   изключенията са изброени поименно. Нов текстов блок влиза сам.

   Линията е фон, не `text-decoration`. Две причини: само фонът може да се
   чертае и изтрива по дължина, и само той се пренася правилно, когато
   дълга връзка се счупи на два реда. */

/* ── обхватът ─────────────────────────────────────────────────────────
   `theme-post-content` е тялото на записа, `text-editor` — текстовите
   блокове в страниците. Заглавия, бутони и списъци с връзки не влизат:
   там връзката е самият елемент, не част от изречение. */
.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a,
.mk-in-copy a,
.mk-faq-body a {
	color: #69528E !important;
	text-decoration: none !important;
	padding-bottom: 1px !important;
	background-image: linear-gradient( #FF1A4B, #FF1A4B );
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-position: 0% 100%;
	transition: color .2s ease;
}

/* Стойностите на фона нарочно са без `!important`: иначе биеха кадрите на
   собствената си анимация и нищо не помръдваше. */
.elementor-widget-text-editor a:hover,
.elementor-widget-theme-post-content a:hover,
.mk-in-copy a:hover,
.mk-faq-body a:hover {
	color: #FF1A4B !important;
	animation: mk-link-sweep 2s ease-in-out infinite;
}

/* Две секунди: движението трае 1,56, останалите 0,44 са покой. Докато
   мишката стои върху връзката, цикълът се повтаря; махне ли се, спира.

   Цикълът беше пет секунди с пауза от 3,44. Паузата е свита така, че линията
   да тръгва отново почти веднага след като се е скрила — движението се чете
   като непрекъснато, но остава кратък дъх между две минавания.

   Линията се свива към десния си ръб и израства отново от левия — движение
   в една посока, не връщане по същия път. Опората се мести в кадъра, в
   който ширината е нула, затова смяната не се вижда.

   Процентите са същите моменти в по-кратък цикъл: 0,78 s до скриване,
   0,795 s за смяната на опората, 1,56 s до пълна линия. */
@keyframes mk-link-sweep {
	0%     { background-size: 100% 2px; background-position: 100% 100%; }
	39%    { background-size: 0% 2px;   background-position: 100% 100%; }
	39.75% { background-size: 0% 2px;   background-position: 0% 100%; }
	78%    { background-size: 100% 2px; background-position: 0% 100%; }
	100%   { background-size: 100% 2px; background-position: 0% 100%; }
}

/* ── изключение 1: зони ───────────────────────────────────────────────
   Хедър, футер и страничната колона отпадат изцяло. Към тях вървят
   зоните, в които текстовата джаджа не е четиво, а част от елемент:
   карти, призиви, заглавни блокове, банери и ленти. Разпознават се по
   името на класа — темата ги именува последователно.

   `hero` е без тире отпред нарочно: блокът се казва `hero-left` и
   `hero-right`, не `mk-hero`, и шаблонът с тире не го хващаше.

   `:not(body)` стои на всеки шаблонен селектор, защото `<body>` събира
   чужди класове. CookieYes слага `cli-barmodal-open`, докато прозорецът за
   съгласие е отворен — в него има „-bar" и `[class*="-bar"] a` хващаше
   всяка връзка на страницата. Докато посетителят не приемеше бисквитките,
   подчертаването на връзките в текста го нямаше никъде в сайта. Поправката е
   да се изключи `body`, не да се маха зоната: ленти с връзки има. */
.elementor-location-header a,
.elementor-location-footer a,
[class*="-side"]:not(body) a,
[class*="-card"]:not(body) a,
[class*="-cta"]:not(body) a,
[class*="hero"]:not(body) a,
[class*="-head"]:not(body) a,
[class*="-bar"]:not(body) a,
[class*="-chip"]:not(body) a,
.mk-nav a,
.mk-ln-cards a,
.mk-arch-exc a,
.mk-side-body a,
/* ── изключение 2: бутоните ───────────────────────────────────────────
   Бутонът е елемент, не част от изречение — подчертаване под надписа му
   няма смисъл. Класът стои на самата връзка, затова тези селектори са
   без низходящ `a`, за разлика от зоните отгоре. */
a.elementor-button,
.elementor-button-wrapper a,
a.btn,
a[class*="-btn"],
a[class*="-more"],
a[class*="-back"],
[class*="-btn"]:not(body) a,
[class*="-more"]:not(body) a,
[class*="-back"]:not(body) a {
	background-image: none !important;
	animation: none !important;
}

/* Тук стоеше и `padding-bottom: 0 !important`. Целта му беше да отнеме
   единия пиксел резерва, който правилото горе дава под подчертаването.
   Вършеше обаче друго: селекторите са от вида `[class*="-head"] a`, тоест
   (0,1,1) с `!important`, а собственото правило на елемента обикновено е
   (0,1,0). Губеше елементът и долният му падинг ставаше нула, не единица.

   Така текстът лягаше на долния ръб, а отгоре оставаше цялото поле. Засягаше
   чиповете под името на лекаря (`padding: 9px 13px` → 9/0), бутона
   „Запишете се за срещата" (`.mk-ev-cta`, 9/0), болницата в страничната лента
   (8/0) и картите на триото (16/0). Всяко от тях се кърпеше поотделно;
   кръпките паднаха заедно с причината.

   Един пиксел резерва остава на връзките в изключенията, които седят вътре в
   текстова джаджа. Не се вижда. */

.elementor-location-header a:hover,
.elementor-location-footer a:hover,
[class*="-side"]:not(body) a:hover,
[class*="-card"]:not(body) a:hover,
[class*="-cta"]:not(body) a:hover,
[class*="hero"]:not(body) a:hover,
[class*="-head"]:not(body) a:hover,
[class*="-bar"]:not(body) a:hover,
[class*="-chip"]:not(body) a:hover,
.mk-nav a:hover,
.mk-ln-cards a:hover,
a.elementor-button:hover,
.elementor-button-wrapper a:hover,
a.btn:hover,
a[class*="-btn"]:hover,
a[class*="-more"]:hover,
a[class*="-back"]:hover,
[class*="-btn"]:not(body) a:hover,
[class*="-more"]:not(body) a:hover,
[class*="-back"]:not(body) a:hover { animation: none !important; }

/* Тук стоеше `.mk-nav .submenu a { padding-bottom: 11px !important; }` —
   кръпка срещу същото нулиране. Падащото меню си взема 11-те пиксела от
   `header-menu.css:87`, както е редно, щом причината е махната. */

/* Тук стоеше блок `@media ( prefers-reduced-motion: reduce )`, който гасеше
   анимацията с `animation: none !important`. Падна, защото вършеше точно
   обратното на замисленото: Firefox на тази машина докладва „reduce", макар
   анимациите в Windows да са включени, и подчертаването стоеше неподвижно
   навсякъде. Линията оставаше на място — базовото правило е непокътнато —
   затова дефектът изглеждаше като изчезнала анимация, а не като изключена.

   Обхождане на всички таблици върху реална страница показа, че този блок е
   единственото правило в сайта, което докосва `animation` на връзка в текста.
   Нищо друго не се меси.

   Превюто, по което е приета анимацията, няма такъв блок. Темата вече също. */