/* singles.css — Version: 1.73.0 Единичните страници в разделите „За нас“ и „За пациента“ — услуга, награда, новина. Същата рамка като архивите: 1300px съдържание, 72/28 с дясна колона, заглавен блок отгоре. Различава се само тялото — то е текст за четене, затова е в четимо поле и с по-едър ред. */ .mk-sg-sec > .elementor-container { max-width: 1300px !important; } .mk-sg-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; } /* ── заглавният блок ────────────────────────────────────────────────── Като на основните страници: центриран, на пълна ширина. Връщането назад стои центрирано веднага под заглавието и е в тона на малкия надпис. */ .mk-sg-head > .elementor-element-populated { max-width: 860px !important; margin: 0 auto !important; } .mk-sg-back { margin: 16px 0 0 !important; } .mk-sg-back .elementor-button { display: inline-flex !important; align-items: center !important; background: #FDF2E8 !important; color: #F37B1F !important; border: 1px solid #F8D9BC !important; border-radius: 999px !important; /* Дясната подложка е с 1px по-голяма: `letter-spacing` оставя интервал след последната буква и без компенсация текстът изглежда изместен наляво. */ justify-content: center !important; gap: 7px !important; padding: 6px 16px 6px 15px !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .04em !important; text-transform: uppercase !important; transition: background-color .18s ease, border-color .18s ease !important; } .mk-sg-back .elementor-button::before { content: "←" !important; margin: 0 !important; font-size: 14px !important; letter-spacing: 0 !important; line-height: 1 !important; } .mk-sg-back .elementor-button:hover { background: #F37B1F !important; border-color: #F37B1F !important; color: #fff !important; } .mk-sg-eyebrow { margin: 0 !important; } .mk-sg-eyebrow .elementor-heading-title { margin: 0 !important; } .mk-sg-title .elementor-heading-title { font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #362A4B !important; margin: 14px 0 0 !important; } /* Пациентските истории ползват заглавния блок на секциите (`mk-sec-head`), а там правилото е писано за H2 и заглавието им лепнеше за надписа. */ .elementor-location-single .mk-sec-head h1.elementor-heading-title { margin: 14px 0 0 !important; } /* ── изображението ────────────────────────────────────────────────────── */ .mk-sg-img { margin: 0 0 28px !important; } .mk-sg-img img { width: 100% !important; max-height: 420px !important; object-fit: cover !important; object-position: center !important; display: block !important; border-radius: 0 !important; } /* ── тялото ───────────────────────────────────────────────────────────── */ .mk-sg-body { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; } .mk-sg-body p { margin: 0 0 18px !important; } .mk-sg-body h2 { font-size: 24px !important; font-weight: 800 !important; color: #362A4B !important; line-height: 1.3 !important; margin: 32px 0 12px !important; } .mk-sg-body h3 { font-size: 19px !important; font-weight: 700 !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-sg-body ul, .mk-sg-body ol { margin: 0 0 18px 0 !important; padding-left: 0 !important; list-style: none !important; } .mk-sg-body ol { counter-reset: mk-sg-li !important; } .mk-sg-body li { position: relative !important; padding-left: 26px !important; margin: 0 0 10px !important; line-height: 1.7 !important; } .mk-sg-body ul > li::before { content: "" !important; position: absolute !important; left: 4px !important; top: 11px !important; width: 7px !important; height: 7px !important; background: #69528E !important; transform: rotate(45deg) !important; } .mk-sg-body ol > li::before { counter-increment: mk-sg-li !important; content: counter(mk-sg-li) "." !important; position: absolute !important; left: 0 !important; top: 0 !important; font-weight: 700 !important; color: #69528E !important; } .mk-sg-body img { max-width: 100% !important; height: auto !important; margin: 10px 0 !important; } .mk-sg-body a { color: #69528E !important; } .mk-sg-body blockquote { border-left: 3px solid #69528E !important; background: #F8F5FB !important; margin: 22px 0 !important; padding: 18px 22px !important; font-style: normal !important; } .mk-sg-body blockquote p:last-child { margin-bottom: 0 !important; } .mk-sg-body table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 18px !important; } .mk-sg-body th, .mk-sg-body td { border: 1px solid #EEE6F5 !important; padding: 10px 12px !important; text-align: left !important; } .mk-sg-body th { background: #F8F5FB !important; font-weight: 700 !important; color: #362A4B !important; } /* Таблиците в тялото на запис. Досега рамките им живееха във вградени `style=` атрибути, писани в редактора — лилаво #614D82 и ширини от рода на 303.483px, останали от влачене с мишката. Вградените паднаха; видът идва оттук и е същият, който носят таблиците в услугите и в страниците. */ .elementor-widget-theme-post-content table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 18px !important; } .elementor-widget-theme-post-content th, .elementor-widget-theme-post-content td { border: 1px solid #EEE6F5 !important; padding: 10px 12px !important; text-align: left !important; vertical-align: top !important; } .elementor-widget-theme-post-content th { background: #F8F5FB !important; font-weight: 700 !important; color: #362A4B !important; } /* ── телефон ──────────────────────────────────────────────────────────── */ @media (max-width: 767px) { .mk-sg-title .elementor-heading-title { font-size: 26px !important; } .mk-sg-img img { max-height: 240px !important; } } /* Снимката в тялото също е банер, не кадър в естествен ръст. При услугите тя стои в самия текст, затова правилото за `.mk-sg-img` не я хващаше и излизаше висока колкото оригинала. */ .single-themkservices .mk-sg-body img { width: 100% !important; max-height: 340px !important; object-fit: cover !important; /* Изрязва се отдолу: там стои налепеното лого и трябва да падне извън кадъра. */ object-position: center top !important; display: block !important; margin: 0 0 18px !important; } @media (max-width: 767px) { .single-themkservices .mk-sg-body img { max-height: 190px !important; } } /* ── специалист ─────────────────────────────────────────────────────────── Същата рамка като при услугите и наградите: 1300px, заглавен блок отгоре, 72/28 с дясна колона. Разликата е визитката — портрет и кратки данни — която стои над текста. Трите цветни фона на стария вид (бежово, розово, лилаво) отпадат: на останалите единични страници разделите се делят с отстояние и тънка линия, не с цвят. */ .mk-dr-sec > .elementor-container { max-width: 1300px !important; } .mk-dr-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; } /* ── заглавният блок: визитка ───────────────────────────────────────────── Портретът в кръг отляво, текстът до него, подравнен вляво. Кадърът е фиксиран в горния си край: всичките 326 снимки са 300x350 с лице в горната трета, затова `object-position: center top` го оставя цял, а маската реже само раменете. */ /* Хедърът ляга по левия ръб на съдържанието — визитката започва там, където започва и биографията под нея, не центрирана в по-тясно поле. */ .mk-dr-head > .elementor-element-populated { max-width: none !important; margin: 0 !important; padding: 0 !important; } .mk-dr-visit > .elementor-container { max-width: none !important; margin-left: 0 !important; justify-content: flex-start !important; } /* Както при останалите визитки с медальон: текстът тръгва от върха, за да е въздухът над надписа същият, какъвто е на страниците без кръг. */ /* Рамката е част от кадъра, както рамката на картина е част от картината. Затова разстоянието до текста се мери от външния ѝ ръб и е само `gap` — 26 оставяха текста да опира в медальона. */ .mk-dr-visit > .elementor-container { align-items: flex-start !important; flex-wrap: nowrap !important; gap: 32px !important; } /* Цветът на рамката е един от четирите фона на разделите отдолу и се сменя на всяко зареждане — на страницата не се появява нов цвят, а кръгът спира да виси в празното. Колоната се мери по кръга, не по число. По-рано тук стоеше 162 — сборът на снимката и рамката, пресметнат веднъж на ръка и записан на три места. Разминеше ли се с кадъра, нищо не избутваше: излишъкът излизаше извън колоната и лягаше върху името. Сега кадърът определя ширината, а разстоянието до текста идва единствено от `gap`. */ .mk-dr-avatar-col { flex: 0 0 auto !important; width: auto !important; max-width: none !important; } .mk-dr-avatar-col > .elementor-element-populated { padding: 0 !important; } .mk-dr-avatar, .mk-dr-avatar .elementor-widget-container, .mk-dr-avatar figure { margin: 0 !important; line-height: 0 !important; } .mk-dr-avatar img { box-sizing: content-box !important; width: 130px !important; height: 130px !important; object-fit: cover !important; object-position: center top !important; /* Цветът идва от `mk-doctor-single.php` — избира се на всяко зареждане измежду четирите фона на разделите. */ border: 16px solid var( --mk-dr-stroke, #FFFAF6 ) !important; border-radius: 50% !important; display: block !important; background: #F4EFF8 !important; } .mk-dr-headtext { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } .mk-dr-headtext > .elementor-element-populated { padding: 0 !important; } .mk-dr-eyebrow { margin: 0 !important; } .mk-dr-eyebrow .elementor-heading-title { margin: 0 !important; text-align: left !important; } .mk-dr-title .elementor-heading-title { /* 34px — както H1 на всички единични страници. */ font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #362A4B !important; margin: 14px 0 0 !important; text-align: left !important; } .mk-dr-lat .elementor-heading-title { font-size: 15px !important; font-weight: 400 !important; color: #8C7CA6 !important; margin: 5px 0 0 !important; text-align: left !important; } /* Бутонът „Специалисти" стои на един ред с веждата, отляво на нея: връщането назад е първото нещо в реда, преди надписа. Flex е на самата колона, но уиджетите не са нейни деца — между тях стои `.elementor-widget-wrap`, която Elementor оставя блокова. В блоков контейнер блоково дете с `width: auto` заема целия ред, затова ширина по съдържание сама не стига: преносът се отваря тук, на обвивката. Следващите три уиджета остават на 100% и всеки тръгва на нов ред сам. */ .mk-dr-headtext > .elementor-widget-wrap { display: flex !important; flex-wrap: wrap !important; align-items: center !important; } /* Селекторът носи четири класа нарочно: по-горе в този файл `.mk-dr-sec .elementor-widget-wrap > .elementor-widget` закотвя всички уиджети на 100%, също с `!important`, и при равен `!important` печели по-специфичното. С два класа ширината тук оставаше 1112px. */ .mk-dr-sec .mk-dr-headtext > .elementor-widget-wrap > .mk-sg-back, .mk-dr-sec .mk-dr-headtext > .elementor-widget-wrap > .mk-dr-eyebrow { width: auto !important; flex: 0 0 auto !important; align-self: center !important; } .mk-dr-headtext .mk-sg-back { margin: 0 16px 0 0 !important; } .mk-dr-headtext .mk-sg-back .elementor-button-wrapper { text-align: left !important; } /* ── болницата и специалността под името ───────────────────────────────── Дотук стояха в дясната колона, която на телефон пада под цялото тяло. Тук са без надписи: под името контекстът е самото име. Видът е този на редовете в колоната — бяло поле с бледа рамка, което при посочване потъмнява и се измества с 3px. Болницата е по-плътна от специалността: тя е мястото, специалността е качеството. */ .mk-dh-meta { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 16px 0 0 !important; } .mk-dh-chip { display: inline-block !important; padding: 9px 13px !important; font-size: 14px !important; line-height: 1.2 !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-dh-chip:hover { border-color: #69528E !important; transform: translateX(3px) !important; } .mk-dh-chip--hosp { font-weight: 600 !important; color: #69528E !important; } .mk-dh-chip--spec { font-weight: 400 !important; color: #4E3D6B !important; } /* ── телефон: визитката се изправя ────────────────────────────────────── */ @media (max-width: 767px) { .mk-dr-visit > .elementor-container { flex-direction: column !important; align-items: center !important; gap: 16px !important; } .mk-dr-eyebrow .elementor-heading-title, .mk-dr-title .elementor-heading-title, .mk-dr-lat .elementor-heading-title { text-align: center !important; } .mk-dr-headtext .mk-sg-back .elementor-button-wrapper { text-align: center !important; } .mk-dr-title .elementor-heading-title { font-size: 26px !important; } /* Визитката е центрирана: двата уиджета се връщат на свой ред, а връзките под името се събират в средата. */ .mk-dr-sec .mk-dr-headtext > .elementor-widget-wrap > .mk-sg-back, .mk-dr-sec .mk-dr-headtext > .elementor-widget-wrap > .mk-dr-eyebrow { width: 100% !important; } .mk-dr-headtext > .elementor-widget-wrap { justify-content: center !important; } .mk-dr-headtext .mk-sg-back { margin: 0 0 10px !important; } .mk-dh-meta { justify-content: center !important; } } /* ── работната позиция в дясната колона ───────────────────────────────── Джаджата рисува решетка; тук тя е един бутон на цялата ширина. */ .mk-dr-hosp { margin: 0 0 6px !important; } .mk-dr-hosp .dce-posts, .mk-dr-hosp .dce-posts-wrapper, .mk-dr-hosp .dce-post-item, .mk-dr-hosp .dce-post-block, .mk-dr-hosp .dce-item-area, .mk-dr-hosp .dce-item, .mk-dr-hosp .dce-content-area, .mk-dr-hosp .dce-item_title, .mk-dr-hosp h3.dce-post-title, .mk-dr-hosp .dce-post-content { display: block !important; width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .mk-dr-hosp .dce-image-area { display: none !important; } /* Бутонът е по съдържание — пълната ширина го прави лента, не бутон. */ .mk-dr-hosp a { display: inline-block !important; padding: 11px 14px !important; font-size: 14px !important; font-weight: 600 !important; color: #69528E !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-dr-hosp a:hover { border-color: #69528E !important; transform: translateX(3px) !important; } /* ── разделите ──────────────────────────────────────────────────────────── Всеки раздел е блок със свой фон. Цветът е нарочен: биография, клинични сфери и членства са различни по вид четиво и се делят по-ясно с поле, отколкото с линия. Тоновете са същите като преди: #FFFAF6 топло, #F0EAF5 лилаво, #FFF1F4 розово. */ /* Главната колона носи подложка от 10px и измества блоковете спрямо визитката горе. Измерено: 65 срещу 55. Отстоянието вдясно остава — то дели тялото от страничната колона. */ .mk-dr-sec > .elementor-container > .mk-dr-main > .elementor-element-populated { padding: 0 30px 0 0 !important; } .mk-dr-box { margin: 0 0 20px !important; } .mk-dr-box > .elementor-container { max-width: none !important; } .mk-dr-box > .elementor-container > .elementor-column > .elementor-element-populated { padding: 26px 30px 22px !important; } .mk-dr-auto-box > .elementor-container { background: #FFFAF6 !important; } .mk-dr-clin-box > .elementor-container { background: #F0EAF5 !important; } .mk-dr-memb-box > .elementor-container { background: #FFF1F4 !important; } .mk-dr-extra-box > .elementor-container { background: #F7F7FA !important; } .mk-dr-h2 .elementor-heading-title { /* Второто ниво в тялото е 24px/800 на всички единични страници. */ font-size: 24px !important; font-weight: 800 !important; color: #362A4B !important; line-height: 1.3 !important; margin: 0 0 16px !important; } /* ── текстът в раздела ──────────────────────────────────────────────────── Редакцията е писала със собствени заглавия — 397 срещания на `h4`, с три изписвания на едно и също. Данните не се пипат; тук те стават едно ниво под заглавието на блока и получават еднакъв вид. */ .mk-dr-body { /* Същото като в останалите единични страници: 16px/1.78, #4A4458. */ font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 !important; } .mk-dr-body > *:last-child { margin-bottom: 0 !important; } .mk-dr-body p { margin: 0 0 14px !important; } .mk-dr-body h2, .mk-dr-body h3, .mk-dr-body h4, .mk-dr-body h5, .mk-dr-body h6 { /* Третото ниво е 19px/700/#362A4B на всички единични страници. Тук то е заглавието, което редакцията е сложила вътре в текста. */ font-size: 19px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-dr-body > h2:first-child, .mk-dr-body > h3:first-child, .mk-dr-body > h4:first-child, .mk-dr-body > h5:first-child { margin-top: 0 !important; } /* Болдът сам в абзаца е заглавие по смисъл — чете се като такова. */ .mk-dr-body p > strong:only-child { display: block !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-dr-body ul, .mk-dr-body ol { margin: 0 0 18px !important; padding-left: 0 !important; list-style: none !important; } .mk-dr-body ol { counter-reset: mk-dr-li !important; } .mk-dr-body li { position: relative !important; padding-left: 18px !important; margin: 0 0 8px !important; line-height: 1.7 !important; } .mk-dr-body li:last-child { margin-bottom: 0 !important; } /* Точка, не ромб: редовете са много и ромбът утежнява списъка. */ .mk-dr-body ul > li::before { content: "" !important; position: absolute !important; left: 2px !important; top: 10px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #B9A6D1 !important; } .mk-dr-body ol > li::before { counter-increment: mk-dr-li !important; content: counter(mk-dr-li) "." !important; position: absolute !important; left: 0 !important; top: 0 !important; font-weight: 700 !important; color: #B9A6D1 !important; font-size: 13px !important; } .mk-dr-body a { color: #69528E !important; } .mk-dr-body strong { color: #362A4B !important; } /* 67 от полетата носят изображение вътре в текста. */ .mk-dr-body img { max-width: 100% !important; height: auto !important; margin: 12px 0 !important; display: block !important; } /* Клиничните сфери са кратки редове — на две колони се четат наведнъж. */ .mk-dr-cols ul { columns: 2 !important; column-gap: 30px !important; } .mk-dr-cols li { break-inside: avoid !important; } /* ── дясната колона ───────────────────────────────────────────────────── */ /* Тук стоеше блокът „Работни направления" с класа `mk-dr-dirs`. Полето зад него - `doctor_working_directions` - не съществуваше в нито една група и нямаше нито един ред; блокът рисуваше празна обвивка. От 30.10.2026 на негово място е „Болница", с `[mk_doctor_hospital]`, който връща чисти връзки - затова отпаднаха и правилата срещу маркировката на Dynamic Content. */ .mk-dr-hosp a { display: block !important; font-size: 14px !important; color: #4E3D6B !important; text-decoration: none !important; padding: 8px 12px !important; margin-bottom: 6px !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-dr-hosp a:hover { border-color: #69528E !important; transform: translateX(3px) !important; } /* ── телефон ──────────────────────────────────────────────────────────── */ @media (max-width: 767px) { .mk-dr-title .elementor-heading-title { font-size: 26px !important; } .mk-dr-photo-col > .elementor-element-populated { padding: 0 0 18px 0 !important; } .mk-dr-cols ul { columns: 1 !important; } /* `padding-top` беше за горната линия, която вече я няма. */ .mk-dr-h2 .elementor-heading-title { font-size: 20px !important; } } /* Етикетът пред стойността — тих, за да личи самата стойност. */ .mk-dr-fact-label { display: inline-block !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .02em !important; text-transform: uppercase !important; color: #9C8DB0 !important; margin-right: 6px !important; } /* Две трети към една трета. Elementor записва за главната колона `width: 100%` и я оставя да заеме остатъка, което при вътрешните полета дава 75/25 вместо исканото. Затова ширините се задават тук. */ .mk-dr-sec > .elementor-container > .mk-dr-main { width: 66.666% !important; } .mk-dr-sec > .elementor-container > .mk-arch-side { width: 33.333% !important; } @media (max-width: 1024px) { .mk-dr-sec > .elementor-container > .mk-dr-main, .mk-dr-sec > .elementor-container > .mk-arch-side { width: 100% !important; } /* Отстоянието вдясно дели тялото от страничната колона. Щом колоните се стифират, то няма какво да дели и остава мъртво място — измерено 30px при 390 и при 768. `.mk-pg-sec` и `.mk-hl-sec` го нулират по-долу; тук и при историите липсваше. */ .mk-dr-sec > .elementor-container > .mk-dr-main > .elementor-element-populated { padding: 0 !important; } } /* ── пациентска история ─────────────────────────────────────────────────── Същата рамка като при лекаря и услугите: заглавен блок, 2/3 към 1/3. Разказът стои в блок с топлия тон на биографията — чете се като разказ от първо лице, не като статия. Под разказа стоят визитките на триото и формата за запитване; вдясно остават другите истории и двата призива. */ .mk-ts-sec > .elementor-container { max-width: 1300px !important; } .mk-ts-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; } .mk-ts-sec > .elementor-container > .mk-ts-main { width: 66.666% !important; } .mk-ts-sec > .elementor-container > .mk-arch-side { width: 33.333% !important; } .mk-ts-sec > .elementor-container > .mk-ts-main > .elementor-element-populated { padding: 0 30px 0 0 !important; } @media (max-width: 1024px) { .mk-ts-sec > .elementor-container > .mk-ts-main, .mk-ts-sec > .elementor-container > .mk-arch-side { width: 100% !important; } .mk-ts-sec > .elementor-container > .mk-ts-main > .elementor-element-populated { padding: 0 !important; } } /* ── заглавният блок ──────────────────────────────────────────────────── */ .mk-ts-head > .elementor-element-populated { max-width: 860px !important; margin: 0 auto !important; } .mk-ts-eyebrow { margin: 0 !important; } .mk-ts-eyebrow .elementor-heading-title { margin: 0 !important; } .mk-ts-title .elementor-heading-title { font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #362A4B !important; margin: 14px 0 0 !important; } /* ── разказът ─────────────────────────────────────────────────────────── */ /* Разказът лежи направо, без фон — вж. бележката при `.mk-pg-box`. */ .mk-ts-box { margin: 0 0 20px !important; } .mk-ts-box > .elementor-container { background: none !important; max-width: none !important; } .mk-ts-box > .elementor-container > .elementor-column > .elementor-element-populated { padding: 0 !important; } .mk-ts-body { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 !important; } .mk-ts-body > *:last-child { margin-bottom: 0 !important; } .mk-ts-body p { margin: 0 0 16px !important; } .mk-ts-body h2, .mk-ts-body h3, .mk-ts-body h4 { font-size: 19px !important; font-weight: 700 !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-ts-body ul, .mk-ts-body ol { margin: 0 0 18px !important; padding-left: 0 !important; list-style: none !important; } .mk-ts-body li { position: relative !important; padding-left: 18px !important; margin: 0 0 8px !important; font-size: 16px !important; line-height: 26px !important; } .mk-ts-body ul > li::before { content: "" !important; position: absolute !important; left: 2px !important; top: 11px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #B9A6D1 !important; } .mk-ts-body a { color: #69528E !important; } .mk-ts-body strong { color: #362A4B !important; } /* 168 от 217 носят изображение вътре в текста — то се вписва в полето. */ .mk-ts-body img { max-width: 100% !important; height: auto !important; margin: 14px 0 !important; display: block !important; } /* Подписът е последният ред: инициали, възраст, лекар или болница. Отделя се с линия и тих тон — той е източникът, не част от разказа. */ .mk-ts-body .mk-ts-sign { margin: 22px 0 0 !important; padding-top: 16px !important; border-top: 1px solid #EEE6F5 !important; font-size: 14.5px !important; font-style: normal !important; color: #8C7CA6 !important; } .mk-ts-body .mk-ts-sign em { font-style: normal !important; } /* Лечението, лекарят и болницата слязоха под разказа като визитките на триото (`.mk-ln-card`) — затова чиповете и правилата по джаджата на DCE в дясната колона паднаха на 31.10.2026. */ @media (max-width: 767px) { .mk-ts-title .elementor-heading-title { font-size: 26px !important; } } /* ── направление, болница, събитие ──────────────────────────────────────── Трите споделят една рамка — заглавен блок, 2/3 към 1/3 — и се различават само по това, което стои вдясно и, при събитията, по плаката горе. Мерките са същите като на останалите единични страници. */ .mk-pg-sec > .elementor-container { max-width: 1300px !important; } .mk-pg-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; } .mk-pg-sec > .elementor-container > .mk-pg-main { width: 66.666% !important; } .mk-pg-sec > .elementor-container > .mk-arch-side { width: 33.333% !important; } .mk-pg-sec > .elementor-container > .mk-pg-main > .elementor-element-populated { padding: 0 30px 0 0 !important; } @media (max-width: 1024px) { .mk-pg-sec > .elementor-container > .mk-pg-main, .mk-pg-sec > .elementor-container > .mk-arch-side { width: 100% !important; } .mk-pg-sec > .elementor-container > .mk-pg-main > .elementor-element-populated { padding: 0 !important; } } /* ── заглавният блок ──────────────────────────────────────────────────── */ /* Центрирането стои на блока, не на отделните джаджи. Шаблонът на ЧЗВ беше пресглобен без настройките за подравняване на всяка джаджа и заглавието и бутонът увиснаха вляво, докато надписът над тях стоеше в средата. */ .mk-pg-head > .elementor-element-populated { max-width: 860px !important; margin: 0 auto !important; text-align: center !important; } /* Отстъпите са като при наградите и услугите (`mk-sg-title`): 14 над заглавието, нищо под него — въздухът до бутона идва от самия бутон. `pages.css` се зарежда след този файл и при равна специфичност печелеше с `margin: 0 0 18px`, затова селекторът тук е с едно ниво повече. */ .mk-pg-head .mk-pg-title .elementor-heading-title { text-align: center !important; margin: 14px 0 0 !important; } .mk-pg-head .mk-sg-back .elementor-button-wrapper { text-align: center !important; } .mk-pg-eyebrow { margin: 0 !important; } .mk-pg-eyebrow .elementor-heading-title, .mk-pg-eyebrow .elementor-shortcode { margin: 0 !important; text-align: center !important; } .mk-pg-title .elementor-heading-title { font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #362A4B !important; margin: 14px 0 0 !important; } /* ── съдържанието ───────────────────────────────────────────────────────── Без фон. Цветните блокове са само при специалистите — там те делят три различни по вид четива (биография, клинични сфери, членства). Тук текстът е един и няма какво да се дели, затова лежи направо, както при услугите. */ .mk-pg-box { margin: 0 0 20px !important; } .mk-pg-box > .elementor-container { max-width: none !important; background: none !important; } .mk-pg-box > .elementor-container > .elementor-column > .elementor-element-populated { padding: 0 !important; } .mk-pg-body { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 !important; } .mk-pg-body > *:last-child { margin-bottom: 0 !important; } .mk-pg-body p { margin: 0 0 16px !important; } .mk-pg-body h2 { font-size: 24px !important; font-weight: 800 !important; color: #362A4B !important; line-height: 1.3 !important; margin: 32px 0 12px !important; } .mk-pg-body h3, .mk-pg-body h4, .mk-pg-body h5 { font-size: 19px !important; font-weight: 700 !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-pg-body > h2:first-child, .mk-pg-body > h3:first-child, .mk-pg-body > h4:first-child { margin-top: 0 !important; } .mk-pg-body ul, .mk-pg-body ol { margin: 0 0 18px !important; padding-left: 0 !important; list-style: none !important; } .mk-pg-body ol { counter-reset: mk-pg-li !important; } .mk-pg-body li { position: relative !important; padding-left: 18px !important; margin: 0 0 8px !important; font-size: 16px !important; line-height: 26px !important; } .mk-pg-body ul > li::before { content: "" !important; position: absolute !important; left: 2px !important; top: 11px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #B9A6D1 !important; } .mk-pg-body ol > li::before { counter-increment: mk-pg-li !important; content: counter(mk-pg-li) "." !important; position: absolute !important; left: 0 !important; top: 0 !important; font-weight: 700 !important; color: #B9A6D1 !important; } .mk-pg-body a { color: #69528E !important; } .mk-pg-body strong { color: #362A4B !important; } .mk-pg-body img { max-width: 100% !important; height: auto !important; margin: 14px 0 !important; display: block !important; } .mk-pg-body table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 18px !important; } .mk-pg-body th, .mk-pg-body td { border: 1px solid #EEE6F5 !important; padding: 10px 12px !important; text-align: left !important; } .mk-pg-body th { background: #fff !important; font-weight: 700 !important; color: #362A4B !important; } /* ── плакатът на събитието ──────────────────────────────────────────────── Плакатът не е банер — той носи самата покана, затова остава в естествен ръст и стои до данните, а не над текста. */ .mk-pg-evcard { margin: 0 0 24px !important; background: #fff !important; border: 1px solid #EEE6F5 !important; } .mk-pg-evcard > .elementor-container { align-items: stretch !important; max-width: none !important; } .mk-pg-poster-col > .elementor-element-populated { padding: 0 !important; } .mk-pg-poster, .mk-pg-poster .elementor-widget-container, .mk-pg-poster figure { margin: 0 !important; line-height: 0 !important; } .mk-pg-poster img { width: 100% !important; height: auto !important; display: block !important; border-radius: 0 !important; } .mk-pg-evfacts > .elementor-element-populated { padding: 26px 28px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .mk-pg-evrow { display: flex !important; align-items: baseline !important; gap: 10px !important; margin: 0 0 12px !important; } .mk-pg-evlabel { flex: 0 0 58px !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #9C8DB0 !important; } .mk-pg-evvalue { font-size: 16px !important; font-weight: 600 !important; color: #362A4B !important; } .mk-pg-evnote { margin: 6px 0 14px !important; font-size: 14px !important; line-height: 1.5 !important; color: #7B6B93 !important; } .mk-pg-evnote--off { color: #C2415C !important; font-weight: 600 !important; } .mk-pg-evbook { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin-top: 4px !important; } .mk-pg-evphone { font-size: 19px !important; font-weight: 800 !important; color: #362A4B !important; text-decoration: none !important; letter-spacing: .01em !important; } .mk-pg-evbtn { display: inline-block !important; padding: 11px 22px !important; border-radius: 3px !important; background: #69528E !important; color: #fff !important; font-size: 14.5px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .18s ease !important; } .mk-pg-evbtn:hover { background: #55407A !important; } .mk-pg-evbtn--ghost { background: #fff !important; color: #69528E !important; border: 1px solid #E7DFF0 !important; } .mk-pg-evbtn--ghost:hover { background: #F6F1FA !important; border-color: #69528E !important; } /* ── дясната колона ───────────────────────────────────────────────────── */ /* Общият родител на чиповете е `.elementor-shortcode`, не обвивката на джаджата — затова разстоянието между тях стоеше на грешно ниво и те се допираха. */ .mk-pg-chips, .mk-pg-chips .elementor-shortcode { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .mk-pg-chips a { display: inline-block !important; padding: 7px 12px !important; font-size: 14px !important; color: #69528E !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease !important; } .mk-pg-chips a:hover { border-color: #69528E !important; } .mk-pg-links { display: block !important; } .mk-pg-links a { display: block !important; padding: 9px 12px !important; margin: 0 0 6px !important; font-size: 14px !important; color: #4E3D6B !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-pg-links a:hover { border-color: #69528E !important; transform: translateX(3px) !important; } /* Връзките през DCE: решетка със снимка — остава само името. `dce-item-area` стои и на текстовата област, и на тази със снимката, затова скриването върви след общото правило. */ .mk-pg-rel .dce-posts, .mk-pg-rel .dce-posts-wrapper, .mk-pg-rel .dce-post-item, .mk-pg-rel .dce-post-block, .mk-pg-rel .dce-item, .mk-pg-rel .dce-content-area, .mk-pg-rel .dce-item_title, .mk-pg-rel h3.dce-post-title { display: block !important; width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .mk-pg-rel .dce-image-area, .mk-pg-rel .dce-item_image { display: none !important; } .mk-pg-rel h3.dce-post-title { margin: 0 0 6px !important; font-size: 14px !important; } /* Същият вид като `.mk-pg-links a` отгоре: в страничната колона двата блока стоят един до друг и различното тегло и междуредие си личаха. */ .mk-pg-rel h3.dce-post-title a { display: block !important; padding: 9px 12px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #4E3D6B !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-pg-rel h3.dce-post-title a:hover { border-color: #69528E !important; transform: translateX(3px) !important; } @media (max-width: 767px) { .mk-pg-title .elementor-heading-title { font-size: 26px !important; } .mk-pg-evcard > .elementor-container { flex-direction: column !important; } .mk-pg-evfacts > .elementor-element-populated { padding: 20px !important; } } /* ── за здравето ────────────────────────────────────────────────────────── Рубриката има своя заглавка: `upper_banner` е широк кадър с логото ѝ и не е същото като featured, който е превю за архива. Затова банерът остава и стои на цяла ширина, над заглавния блок. Останалото е по общия ред: 2/3 към 1/3, връзки вдясно. */ /* Банерът на рубриката стои в тялото, над текста. */ .mk-hl-banner { margin: 0 0 26px !important; } .mk-hl-banner .elementor-widget-container, .mk-hl-banner figure { margin: 0 !important; line-height: 0 !important; } .mk-hl-banner img { width: 100% !important; height: auto !important; display: block !important; max-height: 260px !important; object-fit: cover !important; object-position: center !important; } .mk-hl-sec > .elementor-container { max-width: 1300px !important; } .mk-hl-sec .elementor-widget-wrap > .elementor-widget { width: 100% !important; } .mk-hl-sec > .elementor-container > .mk-hl-main { width: 66.666% !important; } .mk-hl-sec > .elementor-container > .mk-arch-side { width: 33.333% !important; } .mk-hl-sec > .elementor-container > .mk-hl-main > .elementor-element-populated { padding: 0 30px 0 0 !important; } @media (max-width: 1024px) { .mk-hl-sec > .elementor-container > .mk-hl-main, .mk-hl-sec > .elementor-container > .mk-arch-side { width: 100% !important; } .mk-hl-sec > .elementor-container > .mk-hl-main > .elementor-element-populated { padding: 0 !important; } } /* ── заглавният блок: визитка ───────────────────────────────────────────── По образеца на специалистите — кръгъл кадър отляво, текстът до него, подравнен вляво. Кръгът взема **превюто** (featured); широкият банер на рубриката е друго поле и слиза в тялото. */ .mk-hl-head > .elementor-element-populated { max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Текстът тръгва от върха, не от средата на медальона. При центриране началото му зависеше от това колко е висок кръгът и колко реда е заглавието: 94px въздух при едноредово име, 74 при двуредово, докато страниците без медальон бяха на 70. */ .mk-hl-visit > .elementor-container { align-items: flex-start !important; flex-wrap: nowrap !important; gap: 32px !important; max-width: none !important; margin-left: 0 !important; justify-content: flex-start !important; } /* Колоната се мери по кадъра — същото както при специалистите. */ .mk-hl-avatar-col { flex: 0 0 auto !important; width: auto !important; max-width: none !important; } .mk-hl-avatar-col > .elementor-element-populated { padding: 0 !important; } .mk-hl-avatar, .mk-hl-avatar .elementor-widget-container, .mk-hl-avatar figure { margin: 0 !important; line-height: 0 !important; } .mk-hl-avatar img { box-sizing: content-box !important; width: 130px !important; height: 130px !important; object-fit: cover !important; object-position: center !important; border: 16px solid var( --mk-hl-stroke, #F8F5FB ) !important; border-radius: 50% !important; display: block !important; background: #F4EFF8 !important; } .mk-hl-headtext { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } .mk-hl-headtext > .elementor-element-populated { padding: 0 !important; } .mk-hl-eyebrow { margin: 0 !important; } .mk-hl-eyebrow .elementor-heading-title { margin: 0 !important; text-align: left !important; } .mk-hl-title .elementor-heading-title { font-size: 34px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #362A4B !important; margin: 14px 0 0 !important; text-align: left !important; } .mk-hl-headtext .mk-sg-back { margin: 16px 0 0 !important; } .mk-hl-headtext .mk-sg-back .elementor-button-wrapper { text-align: left !important; } @media (max-width: 767px) { .mk-hl-visit > .elementor-container { flex-direction: column !important; align-items: center !important; gap: 16px !important; } .mk-hl-eyebrow .elementor-heading-title, .mk-hl-title .elementor-heading-title { text-align: center !important; } .mk-hl-headtext .mk-sg-back .elementor-button-wrapper { text-align: center !important; } } /* ── тялото ───────────────────────────────────────────────────────────── */ .mk-hl-body { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 0 30px !important; } .mk-hl-body p { margin: 0 0 16px !important; } .mk-hl-body h2 { font-size: 19px !important; font-weight: 800 !important; color: #362A4B !important; line-height: 1.3 !important; margin: 32px 0 12px !important; } .mk-hl-body h3, .mk-hl-body h4, .mk-hl-body h5 { font-size: 19px !important; font-weight: 700 !important; color: #362A4B !important; line-height: 1.35 !important; margin: 26px 0 10px !important; } .mk-hl-body > h2:first-child, .mk-hl-body > h3:first-child, .mk-hl-body > h4:first-child { margin-top: 0 !important; } .mk-hl-body ul, .mk-hl-body ol { margin: 0 0 18px !important; padding-left: 0 !important; list-style: none !important; } .mk-hl-body ol { counter-reset: mk-hl-li !important; } .mk-hl-body li { position: relative !important; padding-left: 18px !important; margin: 0 0 8px !important; font-size: 16px !important; line-height: 26px !important; } .mk-hl-body ul > li::before { content: "" !important; position: absolute !important; left: 2px !important; top: 11px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #B9A6D1 !important; } .mk-hl-body ol > li::before { counter-increment: mk-hl-li !important; content: counter(mk-hl-li) "." !important; position: absolute !important; left: 0 !important; top: 0 !important; font-weight: 700 !important; color: #B9A6D1 !important; } .mk-hl-body a { color: #69528E !important; } .mk-hl-body strong { color: #362A4B !important; } .mk-hl-body img { max-width: 100% !important; height: auto !important; margin: 14px 0 !important; display: block !important; } /* ── призивът и формата ─────────────────────────────────────────────────── Текстът въвежда формата, затова двете са един блок. Той е единственото цветно поле на страницата — това е действие, не четиво. */ .mk-hl-formbox { margin: 10px 0 0 !important; } .mk-hl-formbox > .elementor-container { background: #F8F5FB !important; max-width: none !important; } .mk-hl-formbox > .elementor-container > .elementor-column > .elementor-element-populated { padding: 26px 30px !important; } .mk-hl-appendix, .mk-hl-appendix p { font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; margin: 0 0 16px !important; } .mk-hl-appendix p:last-child { margin-bottom: 0 !important; } /* ── дясната колона ───────────────────────────────────────────────────── */ .mk-hl-rel .dce-posts, .mk-hl-rel .dce-posts-wrapper, .mk-hl-rel .dce-post-item, .mk-hl-rel .dce-post-block, .mk-hl-rel .dce-item, .mk-hl-rel .dce-content-area, .mk-hl-rel .dce-item_title, .mk-hl-rel h3.dce-post-title { display: block !important; width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .mk-hl-rel .dce-image-area, .mk-hl-rel .dce-item_image { display: none !important; } .mk-hl-rel h3.dce-post-title { margin: 0 0 6px !important; font-size: 14px !important; } .mk-hl-rel h3.dce-post-title a { display: block !important; padding: 10px 12px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #4E3D6B !important; text-decoration: none !important; background: #fff !important; border: 1px solid #EEE6F5 !important; transition: border-color .18s ease, transform .18s ease !important; } .mk-hl-rel h3.dce-post-title a:hover { border-color: #69528E !important; transform: translateX(3px) !important; } /* Източниците водят навън — стрелката го казва, без да се пише. */ .mk-hl-srclist a { display: block !important; padding: 9px 12px 9px 0 !important; font-size: 13px !important; line-height: 1.45 !important; color: #69528E !important; text-decoration: none !important; border-bottom: 1px solid #EEE6F5 !important; } .mk-hl-srclist a:last-child { border-bottom: 0 !important; } .mk-hl-srclist a::after { content: " ↗" !important; color: #9C8DB0 !important; } .mk-hl-srclist a:hover { color: #362A4B !important; } @media (max-width: 767px) { .mk-hl-title .elementor-heading-title { font-size: 26px !important; } .mk-hl-banner img { max-height: 180px !important; } .mk-hl-formbox > .elementor-container > .elementor-column > .elementor-element-populated { padding: 20px !important; } } /* ── сферата „Изследвания" ─────────────────────────────────────────────── Изследванията и лабораториите се различават от останалите раздели по кадъра в заглавния блок: той е **квадрат**, не кръг. Разликата е нарочна — опаковка на тест или сграда на лаборатория не се четат добре в кръг, а и разделът се разпознава веднага. Леченията ползват същия кадър: техните превюта са хоризонтални и в кръг от тях оставаше само средата. */ .single-themktests .mk-hl-avatar img, .single-themklabs .mk-hl-avatar img, .single-themkdirections .mk-hl-avatar img, .single-mk_beforeafter .mk-hl-avatar img, /* Въпросите вземат същия кадър: превютата им са хоризонтални снимки и в кръг от тях оставаше само средата. */ .single-faq .mk-hl-avatar img { border-radius: 3px !important; object-position: center !important; } /* ── портфолио на лаборатория ───────────────────────────────────────────── Модул в тялото: списък с всички изследвания и собствено поле за търсене. При голяма лаборатория списъкът е дълъг, затова не стои в страничната колона и затова има филтър — пише се част от името и редовете се стесняват веднага, без презареждане. */ .mk-lt-module { margin: 0 0 24px !important; border: 1px solid #EEE6F5 !important; background: #fff !important; } .mk-lt-tools { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 20px !important; border-bottom: 1px solid #EEE6F5 !important; background: #F8F5FB !important; } .mk-lt-filter { flex: 1 1 auto !important; height: 40px !important; padding: 0 14px !important; font-size: 14.5px !important; color: #4E3D6B !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 3px !important; outline: none !important; box-shadow: none !important; } .mk-lt-filter::placeholder { color: #9C8DB0 !important; } .mk-lt-filter:focus { border-color: #C9B8DC !important; } /* Броячът казва колко реда са останали след филтъра. */ .mk-lt-count { flex: 0 0 auto !important; min-width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 9px !important; font-size: 13px !important; font-weight: 700 !important; color: #69528E !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 999px !important; } /* Отстоянието е от ръба на картата, не от ръба на текста: знакът пред реда също е съдържание и трябва да е вътре в полето. */ .mk-lt-module .mk-lt-portfolio { list-style: none !important; margin: 0 !important; padding: 20px 26px !important; columns: 2 !important; column-gap: 30px !important; } .mk-lt-module .mk-lt-portfolio > li { break-inside: avoid !important; position: relative !important; padding: 0 0 0 20px !important; margin: 0 0 10px !important; line-height: 1.6 !important; } .mk-lt-module .mk-lt-portfolio > li[hidden] { display: none !important; } /* Селекторът носи и класа на модула: списъкът живее в `.mk-hl-body`, чието правило за точки е по-специфично и иначе печели. Триъгълник вместо точка: списъкът е каталог, по който се върви навътре, а не просто изброяване. */ .mk-lt-module .mk-lt-portfolio > li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 8px !important; width: 0 !important; height: 0 !important; /* Правилото за точки от тялото оставя фон и закръгление; върху тях триъгълникът се чете като кръг, затова се изчистват изрично. */ background: transparent !important; border-radius: 0 !important; border-style: solid !important; border-width: 4px 0 4px 6px !important; border-color: transparent transparent transparent #B9A6D1 !important; transition: border-left-color .16s ease, transform .16s ease !important; } .mk-lt-module .mk-lt-portfolio > li:hover::before { border-left-color: #69528E !important; transform: translateX(2px) !important; } .mk-lt-module .mk-lt-portfolio a { font-size: 15px !important; color: #4E3D6B !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: border-color .16s ease, color .16s ease !important; } .mk-lt-module .mk-lt-portfolio a:hover { color: #69528E !important; border-bottom-color: #C9B8DC !important; } .mk-lt-none { margin: 0 !important; padding: 0 20px 20px !important; font-size: 14.5px !important; color: #8C7CA6 !important; } .mk-lt-empty { color: #8C7CA6 !important; } @media (max-width: 767px) { .mk-lt-module .mk-lt-portfolio { columns: 1 !important; } .mk-lt-tools { padding: 14px !important; } .mk-lt-module .mk-lt-portfolio { padding: 14px !important; } } /* ── лечение: болници и специалисти ────────────────────────────────────── Два списъка в тялото на страницата на лечението, по конструкцията на портфолиото по-горе: кутия с рамка, лента с търсене и брояч, списък в две колони с триъгълен знак. Нарочно със собствени класове и собствени правила, не с онези на лабораторията: промяна по единия модул не бива да мърда другия. Двата списъка са в тялото, защото при „Онкология“ са 62 болници и 56 специалисти — в страничната лента това е по-дълго от самата статия. */ .mk-tb-module { margin: 0 0 28px !important; } .mk-tb-title { margin: 0 0 14px !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #362A4B !important; } .mk-tb-box { border: 1px solid #EEE6F5 !important; background: #fff !important; } .mk-tb-tools { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 20px !important; border-bottom: 1px solid #EEE6F5 !important; background: #F8F5FB !important; } .mk-tb-filter { flex: 1 1 auto !important; height: 40px !important; padding: 0 14px !important; font-size: 14.5px !important; color: #4E3D6B !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 3px !important; outline: none !important; box-shadow: none !important; } .mk-tb-filter::placeholder { color: #9C8DB0 !important; } .mk-tb-filter:focus { border-color: #C9B8DC !important; } /* Броячът казва колко реда са останали след филтъра. */ .mk-tb-count { flex: 0 0 auto !important; min-width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 9px !important; font-size: 13px !important; font-weight: 700 !important; color: #69528E !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 999px !important; } /* Решетка, не `columns`: при ограничена височина колонният поток прелива настрани и дава хоризонтален скрол вместо вертикален. Решетката пълни ред по ред и се превърта надолу, както се очаква от списък с търсачка. */ .mk-tb-module .mk-tb-list { list-style: none !important; margin: 0 !important; padding: 20px 26px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 30px !important; align-content: start !important; max-height: 400px !important; overflow-y: auto !important; overscroll-behavior: contain !important; } .mk-tb-module .mk-tb-list > li { position: relative !important; padding: 0 0 0 20px !important; margin: 0 0 10px !important; line-height: 1.6 !important; } /* Лентата за превъртане в тона на модула, не системната сива. */ .mk-tb-module .mk-tb-list { scrollbar-width: thin !important; scrollbar-color: #C9B8DC #F8F5FB !important; } .mk-tb-module .mk-tb-list::-webkit-scrollbar { width: 10px !important; } .mk-tb-module .mk-tb-list::-webkit-scrollbar-track { background: #F8F5FB !important; } .mk-tb-module .mk-tb-list::-webkit-scrollbar-thumb { background: #C9B8DC !important; border-radius: 999px !important; border: 3px solid #F8F5FB !important; } .mk-tb-module .mk-tb-list::-webkit-scrollbar-thumb:hover { background: #A68FC4 !important; } .mk-tb-module .mk-tb-list > li[hidden] { display: none !important; } /* Селекторът носи и класа на модула: списъкът живее в тялото на статията, чието правило за точки е по-специфично и иначе печели. Правилото оставя фон и закръгление, затова те се изчистват изрично — иначе триъгълникът се чете като кръг. */ .mk-tb-module .mk-tb-list > li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 8px !important; width: 0 !important; height: 0 !important; background: transparent !important; border-radius: 0 !important; border-style: solid !important; border-width: 4px 0 4px 6px !important; border-color: transparent transparent transparent #B9A6D1 !important; transition: border-left-color .16s ease, transform .16s ease !important; } .mk-tb-module .mk-tb-list > li:hover::before { border-left-color: #69528E !important; transform: translateX(2px) !important; } .mk-tb-module .mk-tb-list a { font-size: 15px !important; color: #4E3D6B !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: border-color .16s ease, color .16s ease !important; } .mk-tb-module .mk-tb-list a:hover { color: #69528E !important; border-bottom-color: #C9B8DC !important; } .mk-tb-none { margin: 0 !important; padding: 0 20px 20px !important; font-size: 14.5px !important; color: #8C7CA6 !important; } @media (max-width: 767px) { .mk-tb-module .mk-tb-list { grid-template-columns: 1fr !important; max-height: 200px !important; padding: 14px !important; } .mk-tb-tools { padding: 14px !important; } .mk-tb-title { font-size: 19px !important; } } /* ── болница: лечения ──────────────────────────────────────────────────── Списъкът в тялото на страницата на болницата, по конструкцията на лечението: кутия с рамка, лента с търсене и брояч, списък в две колони с триъгълен знак. Нарочно със собствени класове и собствени правила, не с онези на лечението: промяна по единия модул не бива да мърда другия. Списъкът е в тялото, защото „Чорлу Ватан“ е с 24 лечения, а лентата отдясно е тясна. */ /* Кутията с леченията стои под решетката със специалистите — отстъпът е нейният, защото тя е вторият дял, а не първият на страницата. */ .mk-hb-module { margin: 44px 0 28px !important; } .mk-hb-title { margin: 0 0 14px !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #362A4B !important; } .mk-hb-box { border: 1px solid #EEE6F5 !important; background: #fff !important; } .mk-hb-tools { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 20px !important; border-bottom: 1px solid #EEE6F5 !important; background: #F8F5FB !important; } .mk-hb-filter { flex: 1 1 auto !important; height: 40px !important; padding: 0 14px !important; font-size: 14.5px !important; color: #4E3D6B !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 3px !important; outline: none !important; box-shadow: none !important; } .mk-hb-filter::placeholder { color: #9C8DB0 !important; } .mk-hb-filter:focus { border-color: #C9B8DC !important; } /* Броячът казва колко реда са останали след филтъра. */ .mk-hb-count { flex: 0 0 auto !important; min-width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 9px !important; font-size: 13px !important; font-weight: 700 !important; color: #69528E !important; background: #fff !important; border: 1px solid #E7DFF0 !important; border-radius: 999px !important; } /* Решетка, не `columns`: при ограничена височина колонният поток прелива настрани и дава хоризонтален скрол вместо вертикален. */ .mk-hb-module .mk-hb-list { list-style: none !important; margin: 0 !important; padding: 20px 26px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 30px !important; align-content: start !important; max-height: 400px !important; overflow-y: auto !important; overscroll-behavior: contain !important; } .mk-hb-module .mk-hb-list > li { position: relative !important; padding: 0 0 0 20px !important; margin: 0 0 10px !important; line-height: 1.6 !important; } /* Лентата за превъртане в тона на модула, не системната сива. */ .mk-hb-module .mk-hb-list { scrollbar-width: thin !important; scrollbar-color: #C9B8DC #F8F5FB !important; } .mk-hb-module .mk-hb-list::-webkit-scrollbar { width: 10px !important; } .mk-hb-module .mk-hb-list::-webkit-scrollbar-track { background: #F8F5FB !important; } .mk-hb-module .mk-hb-list::-webkit-scrollbar-thumb { background: #C9B8DC !important; border-radius: 999px !important; border: 3px solid #F8F5FB !important; } .mk-hb-module .mk-hb-list::-webkit-scrollbar-thumb:hover { background: #A68FC4 !important; } .mk-hb-module .mk-hb-list > li[hidden] { display: none !important; } /* Селекторът носи и класа на модула: списъкът живее в тялото на статията, чието правило за точки е по-специфично и иначе печели. */ .mk-hb-module .mk-hb-list > li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 8px !important; width: 0 !important; height: 0 !important; background: none !important; border-radius: 0 !important; border-style: solid !important; border-width: 4px 0 4px 6px !important; border-color: transparent transparent transparent #B9A6D1 !important; transition: border-left-color .16s ease, transform .16s ease !important; } .mk-hb-module .mk-hb-list > li:hover::before { border-left-color: #69528E !important; transform: translateX(2px) !important; } .mk-hb-module .mk-hb-list a { font-size: 15px !important; color: #4E3D6B !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: border-color .16s ease, color .16s ease !important; } .mk-hb-module .mk-hb-list a:hover { color: #69528E !important; border-bottom-color: #C9B8DC !important; } .mk-hb-none { margin: 0 !important; padding: 0 20px 20px !important; font-size: 14.5px !important; color: #8C7CA6 !important; } /* Заглавието над решетката със специалистите. Кутията с леченията рисува своето заглавие сама; това идва от уиджет, затова се изравнява тук. */ /* Прелистването на специалистите носи котва `#specialists` към това заглавие. Менюто се залепва горе с височина 90px и без резерв заглавието застава под него. Горният отстъп отделя дяла от формата над него: формата е в кутия с фон и без въздух заглавието изглежда част от нея. */ .mk-hb-h { margin: 44px 0 14px !important; scroll-margin-top: 104px !important; } .mk-hb-h .elementor-heading-title { font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #362A4B !important; } /* Решетката с картите е в тялото, не в архив: три в ред, две на таблет, една на телефон. Разстоянието е като между кутиите по-горе. */ .mk-hb-docs { margin: 0 0 28px !important; } @media (max-width: 767px) { .mk-hb-module .mk-hb-list { grid-template-columns: 1fr !important; max-height: 200px !important; padding: 14px !important; } .mk-hb-tools { padding: 14px !important; } .mk-hb-title { font-size: 19px !important; } .mk-hb-h .elementor-heading-title { font-size: 19px !important; } .mk-hb-h { margin-top: 32px !important; scroll-margin-top: 76px !important; } .mk-hb-module { margin-top: 32px !important; } } /* ── филиалите на болничната верига ────────────────────────────────── Отделен модул с класове `mk-hbr-`: промяна по леченията не бива да мърда филиалите, нито обратното. Стои в дясната лента, не в тялото — списъкът е навигация между сестрински записи, а не съдържание на страницата. Затова е една колона: лентата е тясна, а „Аджъбадем“ има шестнайсет филиала. */ /* Отстъпът отгоре е 34px като на съседните заглавия в лентата (`.mk-arch-side .mk-side-title:not(:first-child)`), за да не изпада от ритъма ѝ. */ .mk-hbr-module { margin: 34px 0 0 !important; } .mk-hbr-title { margin: 0 0 12px !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #362A4B !important; } .mk-hbr-box { border: 1px solid #EEE6F5 !important; background: #fff !important; } .mk-hbr-module .mk-hbr-list { list-style: none !important; margin: 0 !important; padding: 14px 18px !important; /* Шестнайсет филиала изтласкват всичко под лентата, затова се превърта. */ max-height: 340px !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; scrollbar-color: #C9B8DC #F8F5FB !important; } .mk-hbr-module .mk-hbr-list::-webkit-scrollbar { width: 10px !important; } .mk-hbr-module .mk-hbr-list::-webkit-scrollbar-track { background: #F8F5FB !important; } .mk-hbr-module .mk-hbr-list::-webkit-scrollbar-thumb { background: #C9B8DC !important; border-radius: 999px !important; border: 3px solid #F8F5FB !important; } .mk-hbr-module .mk-hbr-list::-webkit-scrollbar-thumb:hover { background: #A68FC4 !important; } .mk-hbr-module .mk-hbr-list > li { position: relative !important; padding: 0 0 0 18px !important; margin: 0 0 9px !important; line-height: 1.5 !important; } .mk-hbr-module .mk-hbr-list > li:last-child { margin-bottom: 0 !important; } /* Селекторът носи и класа на модула: списъкът може да попадне в тяло на статия, чието правило за точки е по-специфично и иначе печели. */ .mk-hbr-module .mk-hbr-list > li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 7px !important; width: 0 !important; height: 0 !important; background: none !important; border-radius: 0 !important; border-style: solid !important; border-width: 4px 0 4px 6px !important; border-color: transparent transparent transparent #B9A6D1 !important; transition: border-left-color .16s ease, transform .16s ease !important; } .mk-hbr-module .mk-hbr-list > li:hover::before { border-left-color: #69528E !important; transform: translateX(2px) !important; } .mk-hbr-module .mk-hbr-list a { font-size: 14.5px !important; color: #4E3D6B !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: border-color .16s ease, color .16s ease !important; } .mk-hbr-module .mk-hbr-list a:hover { color: #69528E !important; border-bottom-color: #C9B8DC !important; } /* Връзката нагоре стои на страницата на филиала. Лекарите са закачени за групата, затова читателят трябва да има един ход дотам. */ .mk-hbr-parent { margin: 0 0 18px !important; font-size: 14.5px !important; color: #8C7CA6 !important; } .mk-hbr-parent a { color: #69528E !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid #C9B8DC !important; } .mk-hbr-parent a:hover { border-bottom-color: #69528E !important; } @media (max-width: 767px) { .mk-hbr-module { margin-top: 32px !important; } .mk-hbr-title { font-size: 17px !important; } .mk-hbr-module .mk-hbr-list { max-height: 240px !important; padding: 14px !important; } } /* ── таблици с панели в изследванията ──────────────────────────────── Панелите на изследванията идват като изображения от производителя — таблици с десетки имена на гени. На ширината на четимото поле те са дребни, затова всяка е връзка към пълния размер: щракването я отваря в лайтбокса. Рамката и подписът казват, че е справка, не илюстрация. */ .mk-hl-body .mk-tbl { margin: 22px 0 !important; padding: 0 !important; } .mk-hl-body .mk-tbl a { display: block !important; border: 1px solid #EEE6F5 !important; border-bottom: 0 !important; /* курсорът подсказва, че има какво да се отвори */ cursor: zoom-in !important; } .mk-hl-body .mk-tbl img { margin: 0 !important; width: 100% !important; } .mk-hl-body .mk-tbl figcaption { margin: 0 !important; padding: 10px 14px !important; background: #F8F5FB !important; border: 1px solid #EEE6F5 !important; font-size: 14px !important; line-height: 1.5 !important; color: #6B6480 !important; } /* ── „Къде се прави" в тялото ──────────────────────────────────────── Блокът слезе от дясната колона, защото на телефон тя пада под тялото, а при дългите изследвания това значи няколко екрана скрол до единствената практическа информация на страницата. Тук стои в началото, в рамка, която го отделя от четивото, без да спори със заглавието. */ .mk-hl-main .mk-lt-labs-h { margin: 0 0 10px !important; } .mk-hl-main .mk-lt-labs-h .elementor-heading-title { font-size: 14px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #6B6480 !important; } .mk-hl-main .mk-lt-labs { margin: 0 0 26px !important; padding: 18px 20px !important; background: #F8F5FB !important; border: 1px solid #EEE6F5 !important; } /* Рамката се свива по бутоните: при една лаборатория поле през цялата ширина изглежда като празнота, а при няколко расте заедно с тях. Селекторът е дълъг нарочно — `.mk-hl-sec .elementor-widget-wrap > .elementor-widget { width: 100% }` по-горе печели по специфичност и разтяга джаджата. */ .mk-hl-sec .elementor-widget-wrap > .elementor-widget.mk-lt-labs { width: fit-content !important; max-width: 100% !important; } /* Бутоните: в страничната колона бяха тесни редове един под друг. Тук се нареждат по ширината и са плътни — това е връзката, по която тръгва посетителят, не бележка под линия. */ .mk-hl-main .mk-lt-labs .mk-pg-links { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .mk-hl-main .mk-lt-labs .mk-pg-links a { display: inline-block !important; width: auto !important; margin: 0 !important; /* Размерът е този от страничната колона — смени се само цветът. */ padding: 9px 14px !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; background: #69528E !important; border: 1px solid #69528E !important; border-radius: 2px !important; transition: background .18s ease, border-color .18s ease !important; } .mk-hl-main .mk-lt-labs .mk-pg-links a:hover { background: #513E70 !important; border-color: #513E70 !important; transform: none !important; } @media (max-width: 767px) { .mk-hl-main .mk-lt-labs { padding: 14px 16px !important; } } /* ── единичните страници тръгват от една линия ────────────────────── Измерено при 1440px преди това: 72px при болници, направления и събития; 84 при лекари, бебета и въпроси; 58 при историите. Три различни начала на един и същ вид страница. Общата мярка е 58 — това е 72 минус една пета, както поиска операторът, и съвпада с историите, които вече бяха толкова. */ /* Секцията е пряко дете на `.elementor-location-single`, не на вложен контейнер — оттам и първият неуспешен селектор. */ .elementor-location-single > .elementor-section:first-of-type { padding-top: 0 !important; } .elementor-location-single > .elementor-section:first-of-type > .elementor-container > .elementor-column > .elementor-element-populated { padding-top: 70px !important; } /* ── един вертикален ритъм в цялата единична страница ─────────────── Над заглавния блок навсякъде беше 58px, под него — 38, 48, 81, 84, 93, 110, 144 и 145, според това с какво продължава страницата и какви отстъпи носят вътрешните ѝ джаджи. Вместо да се гони всеки случай поотделно, полето се задава на едно място: всяка секция носи 58 отгоре и нищо отдолу, последната затваря с 58. Така заглавният блок стои в еднакъв въздух от двете страни при всички типове. */ .elementor-location-single > .elementor-section { padding-top: 0 !important; padding-bottom: 0 !important; } .elementor-location-single > .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated { padding-top: 70px !important; padding-bottom: 0 !important; } .elementor-location-single > .elementor-section:last-of-type > .elementor-container > .elementor-column > .elementor-element-populated { padding-bottom: 70px !important; } /* Три типа държаха повече въздух под заглавието, защото съдържанието им е във вложена секция, а тя носи свое поле: бебета 84, специалисти 93, методи 110. Тук първата вложена секция в дяла тръгва без него. */ .elementor-location-single > .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-section:first-child { padding-top: 0 !important; margin-top: 0 !important; } /* Решетката с карти на 404 е изключение: нулирането долу ѝ отнемаше полето вътре в самите карти („20px 22px“ оставаше само отляво и отдясно) и текстът лепваше за горния им кант. */ .elementor-location-single > .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-section:first-child:not( .mk-404-grid ) > .elementor-container > .elementor-column > .elementor-element-populated { padding-top: 0 !important; } /* Изключение: кутия с фон. Нулирането горе е за вложена секция, която само държи съдържание — при цветните кутии обаче полето е част от вида им и без него текстът лепне за ръба. Виждаше се при специалистите: първият блок („Биография“) беше на 0, а следващите три на 26. */ .elementor-location-single > .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated > .elementor-section:first-child.mk-dr-box > .elementor-container > .elementor-column > .elementor-element-populated { padding-top: 26px !important; } /* В заглавния блок се намират и празни джаджи (динамичен таг без стойност), които не се виждат, но носят своя отстъп отдолу: при методите 52px, при бебетата 26, при специалистите 9. Затова отстъпът пада за **всички** джаджи в блока, не само за последната видима. */ .elementor-location-single > .elementor-section:first-of-type .elementor-widget { margin-bottom: 0 !important; } .elementor-location-single > .elementor-section:first-of-type .elementor-widget > .elementor-widget-container { margin-bottom: 0 !important; } /* Празна джаджа със свой ред: динамичен таг без стойност изписва нищо, но кутията му остава висока колкото реда — 29px при методите, 19 при специалистите. Не се вижда, а бута следващия дял надолу. */ .elementor-location-single > .elementor-section:first-of-type .elementor-widget:has(.elementor-heading-title:empty), .elementor-location-single > .elementor-section:first-of-type .elementor-widget:has(.elementor-widget-container:empty) { display: none !important; } /* ── Процедура: единичната страница ─────────────────────────────────────── Типът мина последен през редизайна. Заглавният блок е като при методите — кръгъл кадър отляво, текстът до него. Тялото е от пет ACF полета, които преди стояха едно под друго без йерархия: подзаглавие, банер, описание и три списъка — какво влиза в цената, какво не влиза и какво се иска от пациента. Двата списъка получават свой знак, за да се четат от разстояние. */ .mk-sp-sub { margin: 0 0 20px !important; } .mk-sp-sub p { font-size: 18px !important; line-height: 1.65 !important; color: #69528E !important; font-weight: 600 !important; margin: 0 !important; } .mk-sp-banner { margin: 0 0 26px !important; } .mk-hl-sec .mk-hl-main .mk-sp-banner img { width: 100% !important; height: 300px !important; object-fit: cover !important; display: block !important; } .mk-hl-main .mk-sp-h .elementor-heading-title { font-size: 19px !important; font-weight: 800 !important; color: #362A4B !important; line-height: 1.3 !important; margin: 34px 0 12px !important; } /* Списъците: отметка за включеното, тире за невключеното. Знакът стои в полето отляво, затова текстът не се мести спрямо обикновения списък. */ /* Селекторите носят и `.mk-hl-body`, и `ul >`: правилото за обикновения списък (`.mk-hl-body ul > li::before`) е с два типа в себе си и при по-къс селектор печели то — знакът оставаше кръгче. */ .mk-sp-list ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .mk-hl-body.mk-sp-list ul > li { position: relative !important; padding-left: 26px !important; margin: 0 0 10px !important; font-size: 16px !important; line-height: 26px !important; } .mk-hl-body.mk-sp-list ul > li::before { content: "•" !important; position: absolute !important; left: 4px !important; top: 0 !important; color: #B9A6D1 !important; font-weight: 700 !important; font-size: 15px !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0 !important; } .mk-hl-body.mk-sp-list--yes ul > li::before { content: "✓" !important; color: #4C9A6A !important; } .mk-hl-body.mk-sp-list--no ul > li::before { content: "—" !important; color: #C0607A !important; } /* Формата накрая: в кутия, за да се отдели от четивото над нея. */ .mk-sp-form { background: #F8F5FB !important; margin: 36px 0 0 !important; } .mk-sp-form > .elementor-container { max-width: none !important; } .mk-sp-form > .elementor-container > .elementor-column > .elementor-element-populated { padding: 24px 26px !important; } .mk-sp-form .mk-sp-form-h .elementor-heading-title { margin: 0 0 14px !important; font-size: 19px !important; font-weight: 800 !important; color: #69528E !important; } .mk-sp-form .gform_wrapper { margin: 0 !important; } /* ── Запитване накрая на метод, услуга и лаборатория ────────────────────── Същата кутия като при процедурите (`.mk-sp-form`), но с въвеждащ абзац между заглавието и формата. Трите шаблона — „MK Единична — метод", „— услуга" и „— лаборатория" — ползват един и същ клас, защото видът е еднакъв; различава се само текстът, който живее в шаблона, не тук. */ .mk-inq { background: #F8F5FB !important; margin: 36px 0 0 !important; } .mk-inq > .elementor-container { max-width: none !important; } .mk-inq > .elementor-container > .elementor-column > .elementor-element-populated { padding: 24px 26px !important; } .mk-inq .mk-inq-h .elementor-heading-title { margin: 0 0 10px !important; font-size: 19px !important; font-weight: 800 !important; color: #69528E !important; } .mk-inq .mk-inq-t { margin: 0 0 18px !important; font-size: 16px !important; line-height: 26px !important; color: #4A4458 !important; } .mk-inq .mk-inq-t p:last-child { margin-bottom: 0 !important; } .mk-inq .gform_wrapper { margin: 0 !important; } @media (max-width: 767px) { .mk-hl-sec .mk-hl-main .mk-sp-banner img { height: 200px !important; } .mk-hl-main .mk-sp-h .elementor-heading-title { font-size: 19px !important; } } /* ── Процедура: цветните кутии на трите списъка ─────────────────────────── Старият шаблон държеше фона в настройките на секцията: бледозелено за включеното, бледорозово за невключеното, бледооранжево за изискванията. Цветовете се връщат както бяха; размерите на шрифта и знаците на списъците остават от новата подредба. */ .mk-sp-block { margin: 0 0 16px !important; } .mk-sp-block > .elementor-container { max-width: none !important; } .mk-sp-block > .elementor-container > .elementor-column > .elementor-element-populated { padding: 18px 22px !important; } .mk-sp-block--yes { background: #F3FAF5 !important; } .mk-sp-block--no { background: #FFE8EE !important; } .mk-sp-block--req { background: #FFF7EF !important; } /* Вътре в кутията заглавието няма нужда от горния въздух — кутията го дава. */ .mk-sp-block .mk-sp-h .elementor-heading-title { margin-top: 0 !important; } .mk-sp-block .elementor-widget:last-child { margin-bottom: 0 !important; } .mk-sp-block .mk-sp-list ul { padding: 0 !important; } .mk-hl-body.mk-sp-list ul > li:last-child { margin-bottom: 0 !important; } /* Знакът на изискванията беше в тона на кутията. */ .mk-hl-body.mk-sp-list--req ul > li::before { content: "!" !important; color: #DF935C !important; } /* ── Един ритъм на четивото във всички единични страници ────────────────── Темата държи `p { line-height: 1.7 }` на самия елемент, а то бие междуредието, наследено от тялото — затова абзаците излизаха на 27, макар контейнерът да е на 26. Тук мярката се задава изрично за абзаца и за реда от списък във всеки от петте вида тяло. Стълбицата, по която се равнява целият сайт: текст (p, li) 16 / 26 заглавие в тялото 19 име на карта, подзаглавие 17 h1 34 надпис над заглавието 15 бутон за връщане 12.5 заглавие в дясната колона 18 връзка и име вдясно 14 текст на подканата 13 */ .mk-pg-body p, .mk-pg-body li, .mk-hl-body p, .mk-hl-body li, .mk-sg-body p, .mk-sg-body li, .mk-ts-body p, .mk-ts-body li, .mk-dr-body p, .mk-dr-body li, .mk-faq-body p, .mk-faq-body li { font-size: 16px !important; line-height: 26px !important; } /* Същото и за полетата на процедурата, които се пълнят от ACF. */ .mk-sp-desc p, .mk-sp-desc li, .mk-sp-list li, .mk-hl-appendix p, .mk-hl-appendix li { font-size: 16px !important; line-height: 26px !important; } /* Имената в релационните блокове на дясната колона се равняват по стълбицата: 14, както всяка връзка там. Без изрично правило `h3` взема наследения ръст на заглавие и излиза 18.7. */ .mk-ts-doc h3.dce-post-title, .mk-ts-hosp h3.dce-post-title, .mk-pg-rel h3.dce-post-title, .mk-hl-rel h3.dce-post-title { font-size: 14px !important; } /* ── Събитие: заглавен блок ─────────────────────────────────────────────── Плакатът стои горе, в квадрат — кръгът реже плаката, а той е лист с текст, не портрет. Ширината му е 140px: плакатът се показваше на 200 в тялото, слезе с 30%, после се връщаше нагоре на няколко стъпки по искане на оператора. Надписът над заглавието **е** лейбълът за състояние: същият текст, който без това казваше „Отменено събитие“, носи и цвета. Отделна плочка вдясно не е нужна — иначе едно и също се пише два пъти. Цветовете са от предишната версия на сайта (`style.css`: `upfront-css`, `past-css`, `canceled-css`). */ /* Колоната се мери по плаката — същото както при медальоните. */ .mk-ev-poster-col { flex: 0 0 auto !important; width: auto !important; max-width: none !important; } .mk-ev-poster-col > .elementor-element-populated { padding: 0 !important; } .mk-ev-poster, .mk-ev-poster .elementor-widget-container, .mk-ev-poster figure { margin: 0 !important; line-height: 0 !important; } .mk-hl-sec .mk-hl-main .mk-ev-poster img, .mk-ev-poster img { width: 284px !important; height: 284px !important; object-fit: cover !important; object-position: center top !important; display: block !important; border-radius: 3px !important; border: 0 !important; background: #F4EFF8 !important; } /* Редът е подравнен по горния ръб: плакатът е по-висок от надписа и ако се центрира, текстът увисва в средата му. */ .mk-ev-visit > .elementor-container { align-items: flex-start !important; } /* ── надписът като лейбъл ─────────────────────────────────────────────── */ .mk-ev-head .mk-hl-eyebrow { margin: 0 0 4px !important; } .mk-ev-head .mk-hl-eyebrow .mk-ev-state { display: inline-block; padding: 6px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; white-space: nowrap; } .mk-ev-state--soon { background: #15A033; color: #fff; } .mk-ev-state--past { background: #CFCFCF; color: #535353; } .mk-ev-state--off { background: #F82C08; color: #fff; } /* ── датата и мястото под заглавието ──────────────────────────────────── */ .mk-ev-when-row { margin: 10px 0 0 !important; } .mk-ev-when { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 15px; color: #4A4458; } .mk-ev-when-date, .mk-ev-when-place { display: inline-flex; align-items: center; gap: 7px; } .mk-ev-when-date::before, .mk-ev-when-place::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #F37B1F; } .mk-ev-when-date { font-weight: 700; color: #362A4B; } .mk-ev-head .mk-hl-headtext .mk-sg-back { margin-top: 14px !important; } @media (max-width: 767px) { .mk-ev-poster-col { flex: 0 0 auto !important; width: 100% !important; max-width: none !important; } .mk-ev-poster img { width: 160px !important; height: 160px !important; margin: 0 auto !important; } } /* Поканата стои на реда с датата и мястото, до тях. Видът е на главния бутон на сайта, за да личи, че това е следващата стъпка. */ .mk-ev-cta { display: inline-block; margin-left: 6px; padding: 9px 18px; background: #FF1A4B; color: #fff !important; font-size: 14px; font-weight: 700; letter-spacing: .02em; text-decoration: none !important; border-radius: 3px; transition: background-color .18s ease; } .mk-ev-cta:hover { background: #E01040; } /* ── визитките на избраното ─────────────────────────────────────────────── Избере ли редакторът лечение, болница или специалист, под текста излиза визитка — превю, надпис, име, допълнителен текст от екзърпа, а цялата карта е връзка. Конструкцията е същата като на визитката на лекаря в „Преди и след" (`.mk-ba-doc` в `beforeafter.css`). Тук е отделен клас, не споделен: в „Преди и след" картата е една и винаги е на лекар, а тук са до няколко и трите вида се различават по цвят. Споделен клас значеше, че промяна по едното мърда другото. Цветът е единствената разлика между трите: фонът е почти бял с лек оттенък, надписът носи цвета. Лечението е в лилавото на сайта, болницата в синьо, специалистът в оранжевото, с което вече излиза в „Преди и след". */ .mk-ln-cards { margin: 30px 0 !important; } .mk-ln-card { display: flex !important; align-items: center !important; gap: 18px !important; margin: 0 0 14px !important; padding: 16px 18px !important; text-decoration: none !important; background: #F8F5FB !important; border: 1px solid #EEE6F5 !important; border-left: 3px solid #69528E !important; border-radius: 4px !important; transition: border-color .16s ease, box-shadow .16s ease !important; } .mk-ln-card:last-child { margin-bottom: 0 !important; } .mk-ln-card:hover, .mk-ln-card:focus-visible { border-color: #C9BBD8 !important; box-shadow: 0 6px 18px rgba(54, 42, 75, .10) !important; } /* Превюто е кръг, както при визитката на лекаря — размерът, рамката и отрязването са нейните стойности, за да не се разминават двете карти на страница, където стоят една под друга. */ /* Обвивката носи кръга заедно с рамката: при `content-box` 96 + 2×6 прави 108, затова и трите мерки по-долу са пълният външен размер, не вътрешният. С 96 изображението стърчеше по 6 пиксела от всяка страна и картите на лекарите изглеждаха разместени една спрямо друга. */ .mk-ln-card-img { flex: 0 0 108px !important; width: 108px !important; height: 108px !important; } .mk-ln-card-img img { display: block !important; width: 96px !important; height: 96px !important; object-fit: cover !important; object-position: 50% 20% !important; border-radius: 50% !important; border: 6px solid #fff !important; box-sizing: content-box !important; } .mk-ln-card-body { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; } .mk-ln-card-eyebrow { font-size: 12px !important; font-weight: 700 !important; letter-spacing: .6px !important; text-transform: uppercase !important; color: #69528E !important; } .mk-ln-card-name { font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #362A4B !important; } .mk-ln-card-text { font-size: 14px !important; line-height: 1.6 !important; color: #6B5D82 !important; } /* Специалностите на лекаря, на мястото на откъса — от 30.10.2026. Същите стойности като `.mk-ba-doc-spec` в „Преди и след", откъдето дойде редът. */ .mk-ln-card-spec { font-size: 14px !important; line-height: 1.6 !important; color: #6B5D82 !important; } .mk-ln-card-more { margin-top: 6px !important; font-size: 13.5px !important; font-weight: 600 !important; color: #FF1A4B !important; } /* Трите вида: само фонът и цветът на надписа. */ .mk-ln-card--hosp { background: #F4F8FB !important; border-left-color: #3C7A9E !important; } .mk-ln-card--hosp .mk-ln-card-eyebrow { color: #2F6E8F !important; } .mk-ln-card--doc { background: #FDF8F3 !important; border-left-color: #F37B1F !important; } .mk-ln-card--doc .mk-ln-card-eyebrow { color: #F37B1F !important; } @media (max-width: 767px) { .mk-ln-card { gap: 14px !important; padding: 14px !important; } .mk-ln-card-img { flex-basis: 80px !important; width: 80px !important; height: 80px !important; } .mk-ln-card-img img { width: 72px !important; height: 72px !important; border-width: 4px !important; } .mk-ln-card-name { font-size: 16px !important; } } /* ── визитките в дясната лента ──────────────────────────────────────────── В лентата колоната е около 340 пиксела, а картата е хоризонтална: кръгът от 96 пиксела плюс рамката изяжда третината и за името остава ивица. Затова тук тя се изправя — превюто застава отгоре, текстът под него — и кръгът слиза на 72. Цветовете и редът остават същите. Класът идва от самата джаджа (`mk-ln-side`), не от родителя: така една и съща карта се рисува и в тялото, където ширина има. */ .mk-ln-side .mk-ln-cards { margin: 0 0 24px !important; } .mk-ln-side .mk-ln-card { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 14px 16px !important; } .mk-ln-side .mk-ln-card-img { flex-basis: 80px !important; width: 80px !important; height: 80px !important; } .mk-ln-side .mk-ln-card-img img { width: 72px !important; height: 72px !important; border-width: 4px !important; } .mk-ln-side .mk-ln-card-name { font-size: 16px !important; } .mk-ln-side .mk-ln-card-text, .mk-ln-side .mk-ln-card-spec { font-size: 13.5px !important; line-height: 1.55 !important; } .mk-ln-side .mk-ln-card-more { font-size: 13px !important; } /* ── Кадър с надпис в текста ────────────────────────────────────────────── Шорткодът `[caption]` на WordPress рисува `
` — числото идва от самата снимка и е вписано в елемента. В темата няма нито едно правило за `.wp-caption`, затова фигурата излизаше по-широка от колоната и чупеше подредбата. Личеше най-много при д-р Алпер Аксакал, чието CV носи кадър 800×800. Вписаният размер се бие само с `!important` — затова е тук. Носят го 14 записа: 7 специалисти, 3 събития, 2 бебета, 1 блог материал и 1 лечение. */ .wp-caption { width: auto !important; max-width: 100% !important; margin: 0 0 18px !important; } .wp-caption img { display: block !important; width: 100% !important; height: auto !important; } .wp-caption .wp-caption-text { margin: 8px 0 0 !important; font-size: 14px !important; line-height: 1.6 !important; color: #6B5D82 !important; }