/* * Основен стил на bgkanali — типография, хедър, футър, меню, breadcrumbs. * Токените (цветове/шрифтове/радиуси) идват от var(--bgk-*), дефинирани в style.css. */ /* * PLAN v5 (13.09.2026): акцентът върху тъмно = --bgk-accent-on-dark; * литералите = --bgk-accent-rgb. Палитрата е кралско синьо, вариант B — * стойностите ѝ са в style.css `:root` (задача 34.1), контекстните ѝ правила * са в раздела „PLAN v5 — кралско синьо, вариант B" в края на този файл * (34.2). Пробният файл `assets/css/paleta.css` е изтрит в 34.1. */ * { box-sizing: border-box; } body { margin: 0; background: var(--bgk-white); color: var(--bgk-ink); font-family: var(--bgk-font-body); font-size: 16.5px; line-height: 1.62; -webkit-font-smoothing: antialiased; } /* * TASKS.md 14.2 — жива диагноза: заглавия физически отрязани на 390px * (`scrollWidth > clientWidth`, напр. h1 „⚠ ВАЖНО - ПРОЧ…“ на * /kurti-chisti-izvozva-lp/) — текстът е ОТРЯЗАН, не пренесен. `overflow- * wrap:anywhere`/`hyphens:auto` тук, на голото заглавие, важи ВСЯКЪДЕ * (меню, hero, карти) без да разчита по-специфичните правила по-долу да го * повтарят — те не пипат тези две свойства, затова наследяват директно. */ h1, h2, h3, h4 { margin: 0; font-family: var(--bgk-font-display); font-weight: 500; text-transform: uppercase; letter-spacing: .005em; line-height: 1.1; overflow-wrap: anywhere; hyphens: auto; } /* * TASKS.md 3.12 — по-висока специфичност от GeneratePress-овото голо * `body{font-family}` (парент style.css + inline "generate-style-inline-css"), * което иначе печели при равна специфичност, ако се зареди по-късно (реда не е * гарантиран). `.bgk` идва от body_class(), виж inc/elementor-content-fix.php. */ body.bgk { font-family: var(--bgk-font-body) !important; } /* * TASKS.md 5.8 — жива диагноза: computed font-weight на h1/h2 беше 400 и * text-transform none — GeneratePress печели над голото `h1,h2,h3,h4` * правило по-горе (равна/по-висока специфичност, зарежда се по-късно). * Weight/transform са добавени тук, до font-family (СЪЩИЯТ !important * механизъм, вече доказано работещ за 3.12). * * TASKS.md 9.10 — жива диагноза 05.09: 700 (поискано изрично след 5.8) е * ПО-ТЕЖКО от design/variant-g.html `h1,h2,h3{font-weight:500;letter- * spacing:.005em;line-height:1.1}` — макетът е мерилото (Etap 5's правило * "до пиксел"), 500 е верният фикс, не 700 (тогавашният избор на 700 е * бил компромис, докато GeneratePress-овото 400 доминираше; вече не е * нужен — 500 бие GP чисто със СЪЩИЯ !important механизъм). */ body.bgk h1, body.bgk h2, body.bgk h3, body.bgk h4 { font-family: var(--bgk-font-display) !important; font-weight: 500 !important; letter-spacing: .005em; text-transform: uppercase !important; } /* * TASKS.md 22.7 — "Екипът на /za-nas/: ... име Oswald" — отменя 9.10-то * изключение (тогава екипната карта нарочно НЕ беше uppercase/Oswald, за да * не изглежда името като заглавие). Вече е СЪЩАТА карта като останалите * (`.bgk-card--portrait` е РЕАЛНИЯТ маркер в тоя кодекс за design/ * variant-g.html `.team`), затова h3-то ѝ вече не се изключва от общото * `body.bgk h1,h2,h3,h4{font-family:Oswald;font-weight:500;text-transform: * uppercase}` правило по-горе — просто няма отделно правило тук. */ a { color: inherit; } /* * TASKS.md 29.9(a) — жива диагноза 10.09 (нелогнато, 1280): GeneratePress вкарва * inline `a{text-decoration:underline}` („generate-style-inline-css“) и освобождава * само СВОИТЕ класове (`.entry-title a`, `.site-branding a`, `a.button`, * `.wp-block-button__link`, `.main-navigation a`) — затова ВСИЧКИ класове от макета * излизаха подчертани (14/14 линка в нава, `.crumbs a`, `.chip`, `.btn`, * `.card-link`, футърът; измерено `textDecorationLine: "underline"`). * Макетът (makets/final/base.css:14) няма НИТО ЕДНО подчертаване: * `a{color:inherit;text-decoration:none}`. `body.bgk` (класът от body_class(), виж * inc/elementor-content-fix.php) вдига специфичността над голото `a{…}` на GP без * да разчита на реда на зареждане — СЪЩИЯТ вече доказан механизъм като при * шрифтовете (3.12/5.8). Подчертаване остава САМО за линковете в текста на статия * (правилото `.bgk-content p a…` по-долу), както е в макета. */ body.bgk a { text-decoration: none; } /* * TASKS.md 29.9(b) — GeneratePress: `a:hover,a:focus,a:active{color:var(--contrast)}` * при `--contrast` = почти черно — на тъмния нав, героя, лентата и футъра линкът ставаше * почти черен (измерено `rgb(34,34,34)` при hover на nav/футър/чип линк). Базовият * hover е този на макета (base.css:15 `a:hover{color:var(--accent-dark)}`); * компонентите от макета имат СВОИ hover състояния — секцията „29.9“ в края на файла. * * `:where()` носи НУЛЕВА специфичност: правилото излиза (0,1,2) — точно колкото * да бие голото `a:hover` на GP (0,1,1) и да ЗАГУБИ от всяко правило по клас * (`a.bgk-btn--dark:hover`, `.chip:hover`, …), които вече бяха верни и остават * непипнати. */ body.bgk a:where(:hover, :focus, :active) { color: var(--bgk-accent-dark); } /* * TASKS.md 9.11 — предпазна мрежа: `strip_inline_font_styles()` (import-time, * BGK_Content_Cleanup) вече маха `font-family` от inline `style` на custom_html * блоковете (напр. "Специален бонус…", Arial 18px от стария сайт), но само за * СЛЕДВАЩ импорт — вече внесени страници продължават да носят стария inline * стил до "Пусни отначало". CSS-ът действа веднага, без чакане. */ .bgk-content [style*="font-family"] { font-family: inherit !important; } .bgk-wrap { max-width: var(--bgk-wrap); margin: 0 auto; padding: 0 26px; } /* * ── бутони, внесени от съдържанието (`.bgk-btn*`) ── * TASKS.md 29.2 — тези класове са ОБЩИ (внесени бутони в post_content, не * само хедъра) — оцеляват непроменени след премахването на СТАРИТЕ header- * специфични класове (топ лента/навигация/телефон бутон/лого — bgk префикс * там отпада изцяло). 29.2's нов `.nav`/`.btn`/`.btn-accent` от МАКЕТИ БАЗОВ * СЛОЙ поемат самия хедър. */ .bgk-btn { font-family: var(--bgk-font-display); text-transform: uppercase; letter-spacing: 1.2px; font-size: 15px; font-weight: 600; padding: 15px 30px; text-decoration: none; display: inline-block; border: 2px solid transparent; cursor: pointer; border-radius: var(--bgk-radius-button); transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease; } .bgk-btn:active { transform: translateY(1px); } /* TASKS.md 22.17 — focus-visible 2px #F5A623, offset 2px (клавиатурна навигация). */ .bgk-btn:focus-visible { outline: 2px solid var(--bgk-accent); outline-offset: 2px; } /* TASKS.md 22.17 — disabled .5 непрозрачност, без hover/клик. */ .bgk-btn:disabled, .bgk-btn[disabled], .bgk-btn.bgk-btn--disabled { opacity: .5; cursor: not-allowed; pointer-events: none; } /* TASKS.md 22.17 — трети бутон вид ("dark", огледален на .ff-btn-submit/22.12's черен бутон). */ .bgk-btn--dark, a.bgk-btn--dark { background: var(--bgk-ink); color: #fff; border-color: var(--bgk-ink); } .bgk-btn--dark:hover, a.bgk-btn--dark:hover { background: var(--bgk-bg-dark); border-color: var(--bgk-bg-dark); } /* * TASKS.md 22.2 — бутонът "Обадете се"/приетите "сини" CTA-та от вариант Г * стават кехлибарени (primary), с ТЪМЕН текст (design/reference-nastilki.html * `.btn-accent{color:#161308}`) — бяло върху кехлибарено е нечетимо. */ .bgk-btn--blue, a.bgk-btn--blue { background: var(--bgk-accent) !important; color: var(--bgk-accent-ink) !important; border-color: var(--bgk-accent) !important; } .bgk-btn--blue:hover, a.bgk-btn--blue:hover { background: var(--bgk-accent-dark) !important; } /* * TASKS.md 22.14 — "kicker = breadcrumbs (Oswald 13px #F5A623)": трошичките * стоят между хедъра и героя (header.php) — не физически ВЪТРЕ в първата * `.bgk-section`, но СЪЩИЯТ тъмен фон (var(--bgk-bg-dark), нула граница * между тях) прави лентата визуално продължение на героя отдолу, не отделна * светла лента (старото поведение). Юридическите страници нямат hero * (bgkanali_plain_page_body_class(), TASKS.md 4.6) — там лентата пада на * бял фон по подразбиране на `.bgk-content` (без специален случай тук). */ .bgk-breadcrumbs { background: var(--bgk-bg-dark); font-family: var(--bgk-font-display); font-weight: 600; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--bgk-accent-on-dark); /* PLAN v5 */ } .bgk-breadcrumbs .bgk-wrap { padding: 14px 26px 0; } .bgk-breadcrumbs a { color: var(--bgk-accent-on-dark); /* PLAN v5 */ text-decoration: none; } .bgk-breadcrumbs a:hover { text-decoration: underline; } .bgk-breadcrumbs [aria-current="page"] { color: var(--bgk-text-dim); } .bgk-breadcrumbs__sep { margin: 0 8px; color: var(--bgk-text-dim); } /* ===================================================================== * Етап 4 (TASKS.md 4.0) — „Запази структурата, приложи новия стил“. * Съдържанието (post_content) идва от импортера, вече групирано в * bgk-section → bgk-row → bgk-col (виж class-bgk-elementor-parser.php). * От тук нататък ЧИСТО CSS решава как да изглежда всяка позната групичка * съдържание (icon-box → карта като .svc, price-* → ведомост като .sched, * counter в редица → лента с числа като .band, blockquote → като .rev, * accordion →
като .sched ред) — БЕЗ да пипа кой текст/цена/ * секция съществува, само как изглежда. * ===================================================================== */ .bgk-content .bgk-section { padding: 88px 0; } /* * TASKS.md 22.6 — редуване на фоновете: заменя старото сляпо "nth-of-type * (even)" на вариант Г (не различаваше СЪДЪРЖАНИЕ, само позиция). Класовете * `.bgk-section--light/--white/--dark` се слагат render-time, * BGK_Card_Builder::apply_section_background_rhythm(), така че никои две * съседни секции да нямат еднакъв фон. */ .bgk-content .bgk-section--light { background-color: var(--bgk-bg-light); } .bgk-content .bgk-section--white { background-color: var(--bgk-white); } .bgk-content .bgk-section--dark { background-color: var(--bgk-bg-dark); color: var(--bgk-text-light); } .bgk-content .bgk-section--dark p { color: var(--bgk-text-dim); } .bgk-content .bgk-section--dark h1, .bgk-content .bgk-section--dark h2, .bgk-content .bgk-section--dark h3, .bgk-content .bgk-section--dark h4 { color: var(--bgk-white); } .bgk-content .bgk-section > * { max-width: var(--bgk-wrap); margin-left: auto; margin-right: auto; padding-left: 26px; padding-right: 26px; box-sizing: border-box; } .bgk-content .bgk-section > .bgk-row { max-width: var(--bgk-wrap); margin-left: auto; margin-right: auto; padding-left: 26px; padding-right: 26px; box-sizing: border-box; } .bgk-content h2 { font-size: clamp(23px, 2.9vw, 33px); max-width: 22ch; padding-bottom: 14px; margin-bottom: 30px; border-bottom: 2px solid var(--bgk-ink); } .bgk-content h3 { font-size: 18.5px; } /* * TASKS.md 25.5 — БАЗОВ СЛОЙ (PLAN.md „Г. Елемент 0"): типография и * вертикален ритъм за ВСЯКО внесено съдържание, на ДВЕ точки на влизане — * `.bgk-content` (page.php/single.php) И `.entry-content` (GeneratePress- * овия фолбек за шаблони без собствен клас — бъдещите archive.php/ * search.php/404.php от 25.6, index.php) — СЪЩАТА скала на двете, за да не * зависи изгледът на текста от това КОЙ шаблон го е показал. * `.bgk-content h2`/`h3` по-горе са по-старите, специфични правила * (border-bottom kicker и пр.) — тук е базата за h1/h4/p/списъци/таблица/ * цитат/снимка/фигура/hr, каквато `h2`/`h3` вече си имат отделно. */ .bgk-content h1, .entry-content h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; margin-bottom: 22px; } .bgk-content h4, .entry-content h4 { font-size: 16px; margin-bottom: 12px; } .bgk-content p, .entry-content p { font-size: 17px; line-height: 1.6; margin: 0 0 20px; } .bgk-content p:last-child, .entry-content p:last-child { margin-bottom: 0; } .bgk-content ul, .bgk-content ol, .entry-content ul, .entry-content ol { font-size: 17px; line-height: 1.6; margin: 0 0 20px; padding-left: 22px; } .bgk-content li, .entry-content li { margin-bottom: 8px; } .bgk-content blockquote, .entry-content blockquote { margin: 0 0 20px; padding: 18px 22px; background: var(--bgk-bg-light); border-left: 4px solid var(--bgk-accent); border-radius: var(--bgk-radius-container); font-style: italic; color: var(--bgk-ink-soft); } .bgk-content figure, .entry-content figure { margin: 0 0 20px; } .bgk-content figcaption, .entry-content figcaption { margin-top: 8px; font-size: 14px; color: var(--bgk-ink-soft); } .bgk-content hr, .entry-content hr { border: 0; border-top: 1px solid var(--bgk-line); margin: 32px 0; } /* * TASKS.md 25.5(б) — линкове в текста (не бутони/карти-линкове, вече със * собствен стил другаде — `:not()` списъкът ги изключва да не дублира * специфичността им). Подчертани, за да се различават от текста дори без * цвят (достъпност), с акцентния цвят по-тъмния вариант (четим на бяло). * * TASKS.md 29.9(a) — стеснено от „всеки `a` в съдържанието“ до „линк в АБЗАЦ * или точка от списък“: след 29.4-29.7 цялото съдържание е компоненти на * макета (`.card-link`, `.btn`, `.chip`, `.readmore`), а те са вътре в * `.bgk-content` и се хващаха от старото широко правило — оттам идваха черти * под „Заяви →“/„Прочети целия текст“. Макетът подчертава само текстовите * линкове в статия (`.article-body`), затова контекстът е `p`/`li`, а * `:not()` списъкът пази и компонентите, които все пак живеят в абзац. */ .bgk-content p a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link), .bgk-content li a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link), .entry-content p a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link), .entry-content li a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link), .article-body p a:not(.btn):not(.chip):not(.card-link):not(.readmore), .article-body li a:not(.btn):not(.chip):not(.card-link):not(.readmore) { color: var(--bgk-accent-dark); text-decoration: underline; text-underline-offset: 2px; } .bgk-content p a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link):hover, .bgk-content li a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link):hover, .entry-content p a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link):hover, .entry-content li a:not(.btn):not(.chip):not(.card-link):not(.readmore):not(.bgk-btn):not(.bgk-imported-button):not(.bgk-link):hover, .article-body p a:not(.btn):not(.chip):not(.card-link):not(.readmore):hover, .article-body li a:not(.btn):not(.chip):not(.card-link):not(.readmore):hover { color: var(--bgk-accent); } /* TASKS.md 25.5(г) — рядък гол HTML form/input във внесено съдържание наследява шрифта на темата, не браузърния UI шрифт. */ .bgk-content button, .bgk-content input, .bgk-content textarea, .bgk-content select, .entry-content button, .entry-content input, .entry-content textarea, .entry-content select { font-family: inherit; } /* TASKS.md 25.5(б) — клавиатурна навигация/маркиране на текст, глобално за ЦЕЛИЯ сайт (не само `.bgk-content`). */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--bgk-accent); outline-offset: 2px; } ::selection { background: var(--bgk-accent); color: var(--bgk-accent-ink); } /* * TASKS.md 29.3 — "героят е :first-of-type" (Етап 4/22.14) е СКОПЕНО до * `.bgk-hero--home` (само началната — извън обхвата на PLAN v4's макети, * "остава по одобрения ѝ вид от 08.09"). WordPress Pages (`page.php`, WP * core body клас `.page`) вече взимат истинския `.page-hero` partial * (inc/page-hero.php, `bgkanali_page_hero()`, извикан ПРЕДИ `.bgk-content`) * — първата секция на съдържанието им е обикновена секция, не втори "герой" * отдолу. Юридическите страници (`.bgk-plain-page`, също `.page`) автоматично * следват — старият `.bgk-plain-page ... :first-of-type` override отпада * като мъртъв код. * * TASKS.md 29.3/30 — блогът/архивите/търсенето/404 (single.php/archive.php/ * search.php/404.php/page-blog.php) НЕ са в обхвата на Етап 29 (TASKS.md's * собствена бележка "Следва (Етап 30)": "блог/статия/текстови/404/търсене" — * отделен макет, statia.html/blog.html, не построен тук) — пазят си СТАРАТА * `:first-of-type` декорация непроменена, само скопена до `body:not(.page)` * (WP core body клас, автоматичен, без ново theme-код условие), за да не се * дублира с `.page-hero` на страниците. Всяко свойство е ЗАПАЗЕНО буквално. */ body:not(.page) .bgk-content .bgk-section:first-of-type { background-color: var(--bgk-bg-dark); color: #fff; position: relative; min-height: 360px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } body:not(.page) .bgk-content .bgk-section:first-of-type::before { content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 120px; background-image: linear-gradient(to top right, var(--bgk-accent) 0, var(--bgk-accent) 4px, transparent 4px); pointer-events: none; } body:not(.page) .bgk-content .bgk-section:first-of-type h1, body:not(.page) .bgk-content .bgk-section:first-of-type h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.28; border-bottom: 0; padding-bottom: 0; margin-top: 16px; margin-bottom: 18px; } body:not(.page) .bgk-content .bgk-section:first-of-type p { color: var(--bgk-text-light); font-size: 17.5px; max-width: 60ch; } body:not(.page) .bgk-content .bgk-section:first-of-type a:not(.bgk-imported-button):not(.bgk-btn) { color: var(--bgk-accent-on-dark); /* PLAN v5 */ } .bgk-content .bgk-section.bgk-hero--home { background-color: var(--bgk-bg-dark); color: #fff; position: relative; min-height: 360px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .bgk-content section.section.bgk-hero--home { background-color: var(--bgk-bg-dark); color: #fff; position: relative; min-height: 360px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .bgk-content .bgk-section.bgk-hero--home::before { content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 120px; /* TASKS.md 29.3 — background-image, не шорхендовото свойство, за да не гони 22.A1's предпазна проверка на -hero--home правилата. */ background-image: linear-gradient(to top right, var(--bgk-accent) 0, var(--bgk-accent) 4px, transparent 4px); pointer-events: none; } .bgk-content section.section.bgk-hero--home::before { content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 120px; /* TASKS.md 29.3 — background-image, не шорхендовото свойство, за да не гони 22.A1's предпазна проверка на -hero--home правилата. */ background-image: linear-gradient(to top right, var(--bgk-accent) 0, var(--bgk-accent) 4px, transparent 4px); pointer-events: none; } .bgk-content .bgk-section.bgk-hero--home h1, .bgk-content .bgk-section.bgk-hero--home h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.28; border-bottom: 0; padding-bottom: 0; margin-top: 16px; margin-bottom: 18px; } .bgk-content section.section.bgk-hero--home h1, .bgk-content section.section.bgk-hero--home h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.28; border-bottom: 0; padding-bottom: 0; margin-top: 16px; margin-bottom: 18px; } .bgk-content .bgk-section.bgk-hero--home p { color: var(--bgk-text-light); font-size: 17.5px; max-width: 60ch; } .bgk-content section.section.bgk-hero--home p { color: var(--bgk-text-light); font-size: 17.5px; max-width: 60ch; } .bgk-content .bgk-section.bgk-hero--home a:not(.bgk-imported-button):not(.bgk-btn) { color: var(--bgk-accent-on-dark); /* PLAN v5 */ } .bgk-content section.section.bgk-hero--home a:not(.bgk-imported-button):not(.bgk-btn) { color: var(--bgk-accent-on-dark); /* PLAN v5 */ } /* Юридическите страници (TASKS.md 4.6): чист текст на 65ch, без карти/решетки. */ .bgk-plain-page .bgk-content { max-width: 65ch; margin: 0 auto; padding: 50px 26px; } .bgk-plain-page .bgk-content .bgk-section { padding: 0; background: none; max-width: none; } /* * TASKS.md 4.6 (Etap 4й, жива сонда) — /general-terms/ и /politika-za-biskvitki/ * НЯМАТ `_elementor_data` (не минават през импортера/чистачките) — `post_content` * им е СУРОВ, отпреди темата, HTML export с inline "font-family: Roboto, * sans-serif" и тъмно сиво мастило (hex 333333) на всеки ред. Инлайн стил * винаги бие ВСЯКА external селекторска специфичност (дори * `body.bgk h1{…!important}` по-горе) — единственият начин "юридическите — * чист текст... без украса" (шрифт от палитрата, не Roboto/сиво) да важи и * тук е `!important` на СЪЩИЯ елемент * (универсален `*` селектор), не на предшественик. */ .bgk-plain-page .bgk-content * { font-family: var(--bgk-font-body) !important; color: inherit !important; background: none !important; } .bgk-plain-page .bgk-content h1, .bgk-plain-page .bgk-content h2, .bgk-plain-page .bgk-content h3, .bgk-plain-page .bgk-content h4 { font-family: var(--bgk-font-display) !important; } /* * TASKS.md 9.17 — жива диагноза: "Спешна ВиК авария?"/"Спешна авария или * планиран ремонт?" (секция с само заглавие+текст+1 бутон, дясната * колона/фон изгубени при импорта) остават sec-head + самотен бутон + * ~500px празно, текстът на /vik-uslugi/ бял върху светло (нечетим). * `BGK_Card_Builder::convert_lone_cta_sections()` ги превръща в `.bgk-cta`, * 1:1 копие на `design/variant-g.html` `.sub`. */ /* TASKS.md 22.16(д) — CTA лента #0F1115 (var(--bgk-bg-dark), беше var(--bgk-ink) #171B22 — по-светло). */ .bgk-cta { display: flex; gap: 28px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: var(--bgk-bg-dark); color: #fff; padding: 34px; border-left: 6px solid var(--bgk-blue); border-radius: var(--bgk-radius-container); } .bgk-cta__body { color: #fff; } /* * `.bgk-content .bgk-cta__body h2` — специфичност (0,3,0), нарочно за да * бие `.bgk-content h2` (0,2,0, TASKS.md 9.1 — border-bottom/max-width/ * margin-bottom за заглавен блок на секция), който иначе би добавил линия * и 30px празно под компактния CTA, чупейки критерия "≤260px". */ .bgk-content .bgk-cta__body h2, .bgk-content .bgk-cta__body h3 { font-size: 25px; max-width: none; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; color: #fff; } /* (0,1,1), бие голото `.bgk-sec-head__lead` (0,1,0) с по-тъмен цвят за светъл фон — CTA-то е тъмно. */ .bgk-cta__body p { color: var(--bgk-text-dim); max-width: 54ch; margin: 8px 0 0; font-size: 15.5px; } .bgk-cta__action { flex-shrink: 0; } /* * TASKS.md 4.25 — блок, изваден от `BGK_Content_Cleanup::unwrap_nested_blocks()` * (напр. "Специален бонус за абонаментни клиенти" — раздаден като raw HTML с * inline `style="…"` от custom_html/shortcode widget). Съдържанието вече носи * СВОЙ пълен дизайн (фон, бяла карта, син панел с голямото число) — нашата * `.bgk-section` кутия само добавя дублиращо padding/max-width отгоре. * Нулираме ги, за да се вижда авторският блок точно както е замислен (пълна * ширина, самостоятелен фон), и закръгляме ъглите му с радиуса на палитрата, * за да пасне визуално на съседните карти (TASKS.md 4.0) — без да пипаме * съдържанието му дума по дума. */ .bgk-content .bgk-section.bgk-sub-block { padding: 0; } .bgk-content section.section.bgk-sub-block { padding: 0; } .bgk-content .bgk-section.bgk-sub-block > * { max-width: none; padding-left: 0; padding-right: 0; } .bgk-content section.section.bgk-sub-block > * { max-width: none; padding-left: 0; padding-right: 0; } /* * TASKS.md 21.1 — `BGK_Card_Builder::convert_custom_html_sub_blocks()` увива * разпознатите custom_html шаблони (`.bgk-plan`/`.bgk-notice`/`.bgk-checklist`/ * `.bgk-faq`) в `.bgk-wrap`, точно за да пребие нулирането по-горе — иначе * съдържанието залепва за левия ръб на екрана (живата диагноза на страница 3068, * Етап 21). Специфичност (0,4,0) — по-висока от `> *` (0,3,0) точно над него. */ .bgk-content .bgk-section.bgk-sub-block > .bgk-wrap { max-width: var(--bgk-wrap); padding: 70px 26px; margin: 0 auto; box-sizing: border-box; } .bgk-content section.section.bgk-sub-block > .container { max-width: var(--bgk-wrap); padding: 70px 26px; margin: 0 auto; box-sizing: border-box; } .bgk-content section.section.bgk-sub-block > .container { max-width: var(--bgk-wrap); padding: 70px 26px; margin: 0 auto; box-sizing: border-box; } /* * TASKS.md 23.1 — жива диагноза: `BGK_Card_Builder::replace_tech_pricing_ * section()`/`replace_tech_maintenance_section()` строят `
` вътре в `.bgk-wrap`, но `cleanup_columns()`'s общото * "изкачи ВСЯКО .bgk-sec-head до пряко дете на секцията" (TASKS.md 10.5/15.2) * го премества ПРЕДИ `.bgk-wrap`-а, обратно директно дете на `.bgk-sub-block` * — където нулирането по-горе (`> *`) отново го оставя залепен за ръба, ѝ на * СЪЩАТА стара тема. Връща му max-width/padding, без да дублира горния * отстъп на следващия `.bgk-wrap` (тя вече слага 70px отгоре). */ .bgk-content .bgk-section.bgk-sub-block > .bgk-sec-head { max-width: var(--bgk-wrap); padding: 70px 26px 0; margin: 0 auto; box-sizing: border-box; } .bgk-content section.section.bgk-sub-block > .section-head { max-width: var(--bgk-wrap); padding: 70px 26px 0; margin: 0 auto; box-sizing: border-box; } .bgk-content .bgk-section.bgk-sub-block > .bgk-sec-head + .bgk-wrap { padding-top: 0; } .bgk-content section.section.bgk-sub-block > .bgk-sec-head + .container { padding-top: 0; } .bgk-content section.section.bgk-sub-block > .section-head + .container { padding-top: 0; } .bgk-sub-block > section, .bgk-sub-block > .bgk-section { border-radius: var(--bgk-radius-container); overflow: hidden; } .bgk-sub-block > section.section { border-radius: var(--bgk-radius-container); overflow: hidden; } /* * TASKS.md 4.3 (Etap 4й, жива сонда) — четирите money pages (отпушване, * видеодиагностика, ВиК ремонти, септични ями) споделят ЕДИН И СЪЩ * custom_html блок ("<методи и услуги>"): авторско съдържание с ГОЛИ класове * (.services-grid/.service-card/.icon/.elementor-button — имена от суровия * HTML на custom_html widget-а, НЕ от нашия парсър), без нито ред CSS в * темата — унаследява `.bgk-sub-block > * {max-width:none;padding:0}` * (TASKS.md 4.25, за блокове, които носят СВОЙ пълен дизайн), но тук * авторът НЕ носи такъв, затова секцията изглежда напълно неоформена. * Скопирано в `.bgkanali-services` (единственият общ родителски клас в * суровото съдържание), за да не пипа произволен несвързан "service-card" * другаде. Мапинг към `.svc article` от design/variant-g.html: икона + * заглавие + текст + CTA бутон в карта. */ .bgkanali-services { display: block; max-width: var(--bgk-wrap); margin: 0 auto; padding: 70px 26px; box-sizing: border-box; } .bgkanali-services .services-title { margin-bottom: 8px; } .bgkanali-services .services-subtitle { color: var(--bgk-ink-soft); margin: 0 0 26px; max-width: 65ch; } .bgkanali-services .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; align-items: start; } .bgkanali-services .service-card { background: #fff; border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); padding: 22px 22px 24px; color: var(--bgk-ink); } .bgkanali-services .service-card .icon { font-size: 30px; line-height: 1; margin-bottom: 10px; } .bgkanali-services .service-card h3 { font-size: 18.5px; margin: 0 0 8px; } .bgkanali-services .service-card p { color: var(--bgk-ink-soft); font-size: 14.8px; margin: 0 0 16px; } .bgkanali-services .service-card .elementor-button { display: inline-block; font-family: var(--bgk-font-display); text-transform: uppercase; letter-spacing: .05em; font-size: 14px; font-weight: 500; padding: 12px 22px; text-decoration: none; background: var(--bgk-blue); color: #fff; border-radius: var(--bgk-radius-button); } .bgkanali-services .service-card .elementor-button:hover { background: var(--bgk-blue-dark); } /* * ── редици от колони (bgk-row/bgk-col) — Elementor-овата "редица", вече само стилизирана ── * TASKS.md 4.21 — жива диагноза 02.09 (Etap 4в): фиксиран брой колони * (`repeat(4,1fr)`) чупеше реда, ако секцията реално имаше повече деца, * отколкото класът предполага (напр. `.bgk-row--4` с 6 `.bgk-col`) — * `auto-fit`/`minmax` подрежда каквото има, без да разчита класовото име * да съвпада точно с броя деца. * * TASKS.md 9.2 — `auto-fit` е на самата база `.bgk-row`, не само на `--3`/`--4`: * финалната нормализация в `BGK_Card_Builder` (виж `normalize_row_column_counts()`) * слага `bgk-row--N` с РЕАЛНИЯ брой колони, без таван — базово правило без * `grid-template-columns` би събрало произволен `bgk-row--5`/`--6` в ЕДНА * колона (grid default). `.bgk-row--2` остава отделно, по-надолу, с точно * 2 фиксирани track-а (TASKS.md 4.47) — по-висок source order го бие. */ .bgk-row { display: grid; gap: 20px; align-items: start; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } /* * TASKS.md 4.47 — `.bgk-row--2` носеше СЪЩОТО `auto-fit` правило като --3/--4: * на 1600px, минимум 260px позволява 4 автоматични track-а (`554 554 0 0` на * живо) — двата "фантомни" празни track-а не чупят визията сами по себе си, * но объркват диагностиката и зависят от ширината на реда. Точно 2 track-а, * винаги — независимо от контейнерната ширина. */ .bgk-row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* * TASKS.md 25.1 — над 980px `.bgk-row--3`/`--4` падаха на базовото * `.bgk-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}`, което * при широк контейнер (1128px+) слага ЧЕТИРИ track-а за реда с три деца. * Точно 3/4 track-а, както `.bgk-row--2` по-горе — не зависи от ширината. */ .bgk-row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bgk-row--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .bgk-col { min-width: 0; } /* * TASKS.md 29.1 — двата предпазителя `.bgk-row > .bgk-col:only-child:has(...)` * с пълноширинния grid-column хак (4.25/25.2 за вложена секция, 19.4/26.1 за * .bgk-plan/.bgk-notice/.bgk-checklist/.bgk-faq) са махнати: ГОТОВО на 29.1 * изрично изисква нула такива правила — страниците минават на новия * `.split`/`.feature`/`.grid-3`/`.plans`/`.faq-grid` слой (МАКЕТИ БАЗОВ СЛОЙ, * долу във файла), който не разчита на `.bgk-row`/`.bgk-col` изобщо. */ /* * TASKS.md 27.3 — `.bgk-row--2` с рязко небалансирани текстови колони * (`BGK_Card_Builder::stack_unbalanced_text_rows()` слага класа при * рендиране — пикселна височина не се мери в CSS `:has()`, буквата на * задачата) пада на 1 колона: текстът минава на цялата ширина (max-width * 70ch за четимост), по-късата колона (напр. контактните карти) става лента * под него. `.bgk-row.bgk-row--stacked` (2 класа) бие `.bgk-row--2`'s * `grid-template-columns` независимо от реда в каскадата. */ .bgk-row.bgk-row--stacked { grid-template-columns: 1fr; } .bgk-row--stacked > .bgk-col:first-child { max-width: 70ch; } /* * Брояч-групи (counter widget-и на ред — "Доволни клиенти", "Години опит"…) * → синя лента с числа, като design/variant-g.html `.band`. `:has()` е * поддържан от всички съвременни браузъри (Baseline 2023) — сайтът няма * изискване за легаси браузъри. * * TASKS.md 4.30/4.31 (Etap 4д, жива диагноза 03.09) — коренната причина за * "бяло върху бяло": предишният селектор `.bgk-row:has(> .bgk-col > * .bgk-counter)` посиняваше ЦЕЛИЯ ред, щом КАКВОТО И ДА Е негово дете имаше * брояч някъде вътре — включително ред, в който САМО ЕДНА от N-те колони * носи единичен брояч (напр. "13+" до "ГОДИНИ ОПИТ", а другата колона е * списък `.bgk-icon-box` карти) — превръщайки цялата странична колона в * синя, докато белите `.bgk-icon-box`/`.bgk-image-box` карти вътре * наследяваха `color:#fff` от реда → невидим текст. `:not(:has(> .bgk-col * :not(:has(> .bgk-counter))))` изисква ВСЯКА `.bgk-col` в реда да носи * брояч, преди редът да стане синя лента — точно "2+ последователни * counter-а в едно ред" от TASKS.md 4.31, не "поне един counter някъде". */ .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) { background: var(--bgk-blue); color: #fff; border-radius: var(--bgk-radius-container); padding: 26px 22px; gap: 1px; } .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) > .bgk-col { position: relative; padding-left: 26px; text-align: center; } .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) > .bgk-col:first-child { padding-left: 0; } .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) > .bgk-col:not(:first-child)::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 1px; background: rgba(255, 255, 255, .28); } .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) .bgk-counter__value { color: #fff; } .bgk-row:has(> .bgk-col > .bgk-counter):not(:has(> .bgk-col:not(:has(> .bgk-counter)))) .bgk-counter__label { color: var(--bgk-text-dim); } /* * TASKS.md 4.20 — жива диагноза 02.09 (Etap 4в): голи `` от парсъра * (widget-и image/e-image, или снимки, останали инлайн в текст-редактор * съдържание — виж render_image()/render_text_editor()) се рендираха в * реалните пиксели на файла (1180×1498px и повече), разпъвайки страницата * до 19 644px. Общото правило е буквално TASKS.md 4.20; максималната * височина е разширена до ВСЯКА снимка в `.bgk-content` (не само пряко * дете на секция/`

`), защото жива проверка на стейджинга показа голи * снимки и по-надолу вложени (в `.bgk-col`, инлайн в текст-редактор * съдържание) — ГОТОВО изисква "нито един img... над 460px", не само * буквалните два селектора. */ .bgk-content img { max-width: 100%; height: auto; max-height: 460px; border-radius: var(--bgk-radius-container); } .bgk-content .bgk-section > img, .bgk-content .bgk-section > p > img { display: block; width: 100%; max-height: 420px; object-fit: cover; } @media (max-width: 620px) { .bgk-content .bgk-section > img, .bgk-content .bgk-section > p > img { max-height: 260px; } } /* ── съдържание, внесено от импортера (TASKS.md 3.9, стилизирано по Етап 4) ── */ /* * TASKS.md 22.2 — универсалният "внесен" бутон (BGK_Elementor_Parser:: * render_button(), появява се на практика навсякъде, вкл. героя на * началната) взима СЪЩИЯ primary третман като .bgk-btn--blue по-горе: * кехлибарен фон, тъмен текст (не бяло върху кехлибарено). */ .bgk-imported-button { display: inline-block; font-family: var(--bgk-font-display); text-transform: uppercase; letter-spacing: 1.2px; font-size: 15px; font-weight: 600; padding: 15px 30px; text-decoration: none; background: var(--bgk-accent); color: var(--bgk-accent-ink); border-radius: var(--bgk-radius-button); } .bgk-imported-button:hover { background: var(--bgk-accent-dark); } /* * TASKS.md 9.9 — жива диагноза: петте карти услуги излизаха ред от 3 * (`.bgk-row--3`, коректно) + ред от 2 (`.bgk-row--2`, ФИКСИРАН 2-колонен * grid — картите се разтягат до 580px); шестте карти на /vik-uslugi/ бяха * в ЕДИН `.bgk-row--6` без правило, преливащ контейнера. `BGK_Card_Builder:: * wrap_card_rows_as_grid()` слива ВСИЧКИ card-редове на секция в ЕДНА * `.bgk-cards` — фиксиран `repeat(3,1fr)` като design/variant-g.html `.svc` * (не auto-fit — гарантира 360-380px карта, а последен непълен ред НЕ се * разтяга, просто оставя празни track-ове). */ .bgk-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .bgk-cards > .bgk-card { margin-bottom: 0; } @media (max-width: 980px) { .bgk-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .bgk-cards { grid-template-columns: 1fr; } } /* * TASKS.md 10.1 — жива диагноза: "Нашият екип" излизаше в общата * `.bgk-cards{repeat(3,1fr)}` (4-тата карта пада на втори ред) — * `BGK_Card_Builder::fix_team_card_grid()` слага тук `.bgk-cards--team` * само на разпознати екипни решетки, по design/variant-g.html `.team` * (4 карти на ред, 2 на таблет, 1 на телефон). */ .bgk-cards--team { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1024px) { .bgk-cards--team { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .bgk-cards--team { grid-template-columns: 1fr; } } /* * TASKS.md 4.28 (Etap 4д) — BGK_Elementor_Parser::wrap_as_card() обвива * смесени widget-и (снимка/икона + заглавие + текст + бутон), разпилени * като преки деца на ЕДНА Elementor колона, в `.bgk-card` — карта като * design/variant-g.html `.svc article`: снимка 4:3 отгоре (пълна ширина, * т.е. "прелива" отвъд padding-а на картата, както при .bgk-image-box), * после padded тяло с h3/p/бутон pill. */ /* * TASKS.md 22.7 — карта услуга по design/reference-nastilki.html * `.service-card`: бяла карта 14px + сянка (не 1px рамка на вариант Г), * снимка 220px отгоре, тяло padding 26px. */ .bgk-card { display: flex; flex-direction: column; gap: 10px; background: var(--bgk-white); border: 0; border-radius: var(--bgk-radius-container); box-shadow: var(--bgk-shadow); padding: 26px; margin-bottom: 16px; height: 100%; box-sizing: border-box; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; } .bgk-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 17, 21, .16); } /* * TASKS.md 28.2 — жива диагноза: `height:220px` фиксирана върху кутията + * `overflow:hidden` режеше ``-а, когато нещо друго диктува РЕАЛНАТА му * височина въпреки нашия `.bgk-card__media img{height:100%}` по-долу — * инлайн `style="height:250px"` от Elementor-нато съдържание (vik-uslugi, * vik-remonti-vodoprovodni — инлайн стил бие всяко правило в стиловия лист * без `!important`) и `.bgk-card__media img{display:block}`'s по-висока * специфичност (клас+таг) случайно печелеше пред `.bgk-card__icon{display: * none}` (гол клас) за иконата, преместена вътре (начална, uslugi — виж * `.bgk-card__icon` по-долу). `aspect-ratio` вместо фиксирана `height` + * `!important` на `.bgk-card__media img`'s width/height/object-fit * (по-долу) прави кутията да се мери от снимката, не обратното — а * `!important`-ът гарантира, че никой бъдещ инлайн стил от импортирано * съдържание не може пак да я разтегли извън кутията. */ .bgk-card > img:first-child, .bgk-card > .bgk-card__media:first-child { display: block; width: calc(100% + 52px); aspect-ratio: 16 / 9; margin: -26px -26px 0; max-width: none; border-radius: 0; overflow: hidden; } .bgk-card > img:first-child { object-fit: cover; } .bgk-card__media { position: relative; } .bgk-card__media img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; } /* TASKS.md 22.7 — етикетът "СНИМКА: X" (плочка върху снимката, вариант Г) отпада. */ .bgk-card__label { display: none; } /* * TASKS.md 6.1 — BGK_Card_Builder::build() (inc/class-bgk-card-builder.php, * render-time филтър на `the_content`) увива h3/p/линка в `.bgk-card__body` * (за разлика от по-старите карти на BGK_Elementor_Parser::wrap_as_card() + * BGK_Content_Cleanup::enhance_service_card_labels(), при които те са преки * деца на `.bgk-card`) — самостоятелен flex-контейнер, за да запази СЪЩИЯ * `gap`/"бутонът долу" ефект, който `.bgk-card`'s `display:flex` дава на * преките си деца (виж `.bgk-card .bgk-imported-button, .bgk-card .bgk-link` * по-долу — descendant селектор, важи и през тази допълнителна обвивка). */ .bgk-card__body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding-top: 16px; } /* * TASKS.md 25.5(д) — `-webkit-line-clamp:2` режеше всяко по-дълго заглавие * на карта на точно 2 реда, без multiline elipsis fallback за не-webkit — * забранено свойство върху текстов елемент (не декоративен). Заглавието * просто пренася на толкова редове, колкото са му нужни — картата расте. */ .bgk-card h3 { font-family: var(--bgk-font-display); font-weight: 600; font-size: 19px; text-transform: uppercase; margin: 0; } .bgk-card p { color: var(--bgk-ink-soft); font-family: var(--bgk-font-body); font-size: 15px; margin: 0; } /* * TASKS.md 22.7 — стилът на "Разгледайте услугата" (Oswald, кехлибарено, със * стрелка) е в `.bgk-card .bgk-link, .bgk-card .bgk-imported-button` по-долу, * заедно с `.bgk-icon-box`/`.bgk-image-box` — един общ блок, не тук. */ .bgk-card .bgk-imported-button, .bgk-card .bgk-link { align-self: flex-start; margin-top: auto; } /* TASKS.md 22.7 — липсваща снимка = плоча #171B22 220px с "БГ" Oswald 32px кехлибарено центрирано. */ .bgk-card__media--placeholder { display: flex; align-items: center; justify-content: center; background: var(--bgk-bg-panel); font-family: var(--bgk-font-display); font-weight: 600; font-size: 32px; letter-spacing: .05em; color: var(--bgk-accent-on-dark); /* PLAN v5 */ } /* * TASKS.md 4.30 — "бяло върху бяло": светли кутии НИКОГА не бива да * наследяват бял текст от тъмен/син предшественик (героя `:first-of-type`, * бонус-блока `.bgk-sub-block`, брояч-лентата по-горе) — явен `color` * на самата кутия печели пред НАСЛЕДЕН (не зададен директно) цвят на * родителя, независимо КОЙ точно родител е тъмен. По-специфични правила * (напр. `.bgk-counter__value`/`__label` вътре в истинска брояч-лента * по-горе) остават по-специфични и продължават да печелят, когато кутията * ГЕНУИННО трябва да е на тъмен фон. */ .bgk-card, .bgk-icon-box, .bgk-image-box, .bgk-counter { color: var(--bgk-ink); } /* TASKS.md 22.7 — icon-box / image-box → СЪЩАТА карта като .bgk-card (бяла, 14px, сянка, без рамка). */ .bgk-icon-box, .bgk-image-box { background: var(--bgk-white); border: 0; border-radius: var(--bgk-radius-container); box-shadow: var(--bgk-shadow); padding: 26px; margin-bottom: 16px; height: 100%; box-sizing: border-box; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; } .bgk-icon-box:hover, .bgk-image-box:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 17, 21, .16); } .bgk-image-box img { display: block; width: calc(100% + 52px); height: 220px; margin: -26px -26px 16px; max-width: none; aspect-ratio: auto; object-fit: cover; border-radius: 0; } .bgk-icon-box h3, .bgk-image-box h3 { font-family: var(--bgk-font-display); font-weight: 600; font-size: 19px; text-transform: uppercase; margin-bottom: 8px; } .bgk-icon-box p, .bgk-image-box p { color: var(--bgk-ink-soft); font-family: var(--bgk-font-body); font-size: 15px; margin: 0; } /* TASKS.md 22.7 — синята икона на вариант Г отпада. */ .bgk-icon-box .bgk-icon-box__icon { display: none; width: 44px; height: 44px; max-height: none; object-fit: contain; background: var(--bgk-blue); border-radius: var(--bgk-radius-container); padding: 10px; margin: 0 0 14px; box-sizing: border-box; filter: brightness(0) invert(1); } /* * TASKS.md 22.15 — .bgk-price-table/.bgk-table/.bgk-price-list/.bgk-sched: * бял контейнер 14px + СЯНКА (var(--bgk-shadow), липсваше — само рамка). */ .bgk-price-table { background: var(--bgk-white); border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); box-shadow: var(--bgk-shadow); padding: 24px 26px; margin-bottom: 16px; height: 100%; box-sizing: border-box; } .bgk-price-table h3 { font-size: 18.5px; margin-bottom: 6px; } .bgk-price-table__price { font-family: var(--bgk-font-display); font-weight: 600; font-size: 30px; font-variant-numeric: tabular-nums; /* TASKS.md 22.15 — цена #D98C0A (var(--bgk-accent-dark)), не кехлибареното на бутоните/иконите. */ color: var(--bgk-accent-dark); margin: 0 0 14px; } .bgk-price-table ul { margin: 0; padding-left: 0; list-style: none; } .bgk-price-table li { padding: 8px 0; border-bottom: 1px solid var(--bgk-line); font-size: 15px; } .bgk-price-table li:last-child { border-bottom: 0; } /* * price-list / eael-data-table → ведомост-таблица като `.sched` редове с * точкована линия. TASKS.md 22.15 — бял контейнер + сянка (var(--bgk-shadow), * липсваше). `.bgk-table` вече взима ВСЯКА гола `` без клас * (BGK_Card_Builder::classify_bare_tables()) — включително внесени "паста" * таблици от Word/LibreOffice с `bgcolor`/`width` атрибути; тия правила ги * override-ват (по-висока специфичност от presentational атрибутите). */ .bgk-price-list, .bgk-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: var(--bgk-white); border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); box-shadow: var(--bgk-shadow); overflow: hidden; } .bgk-price-list tr, .bgk-table tr { border-bottom: 1px solid var(--bgk-line); } .bgk-price-list tr:last-child, .bgk-table tr:last-child { border-bottom: 0; } .bgk-price-list td, .bgk-table th, .bgk-table td { padding: 12px 20px; text-align: left; font-size: 14.5px; } .bgk-price-list td:first-child { background-image: radial-gradient(circle, var(--bgk-line) 1px, transparent 1.5px); background-position: bottom 6px left 0; background-size: 6px 1px; background-repeat: repeat-x; } /* TASKS.md 22.15 — клетка цена: Oswald 600 18px #D98C0A (беше 14.5px, var(--bgk-ink) — сливаше се с текста). */ .bgk-price-list td:last-child, .bgk-table td:last-child { font-family: var(--bgk-font-display); font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; color: var(--bgk-accent-dark); } /* TASKS.md 22.15 — "от" префиксът пред цената (SADARZHANIE.md — реални редове "от 120 €"): Inter 13px, тих цвят. */ .bgk-table__from { font-family: var(--bgk-font-body); font-weight: 400; font-size: 13px; color: var(--bgk-ink-soft); } /* TASKS.md 22.15 — header row #171B22 бял Oswald 15px uppercase (беше кехлибарен tint 11px мono). */ .bgk-table th { font-family: var(--bgk-font-display); font-size: 15px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; background: var(--bgk-ink); color: var(--bgk-white); } /* * TASKS.md 14.1 — жива диагноза: `table.bgk-table` (11.1, eael-data-table) * нямаше обвивка със собствен скрол — на 390px `table.bgk-table` беше 744px * широка и БУТАШЕ ЦЯЛАТА страница настрани (`scrollWidth > innerWidth`). * `.bgk-table-wrap` (BGK_Card_Builder::wrap_tables_for_scroll()) увива всяка * таблица — само ТЯ скролва хоризонтално, не цялата страница. */ .bgk-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .bgk-table { min-width: 520px; } @media (max-width: 620px) { .bgk-table td, .bgk-table th { padding: 10px 12px; font-size: 14px; } /* ЕТАП 48 (находка 1): на телефон таблицата се събира в обвивката - колоната с цената остава на екрана. */ .bgk-table { min-width: 0; width: 100%; table-layout: auto; } .bgk-table td, .bgk-table th { white-space: normal; overflow-wrap: anywhere; padding: 10px 8px; } .bgk-table--price td:last-child, .bgk-table--price th:last-child { white-space: nowrap; text-align: right; } /* 48.15: базовото `.bgk-table td:last-child { nowrap }` (0,2,1) биеше `white-space: normal` горе. */ .bgk-table:not(.bgk-table--price) td:last-child, .bgk-table:not(.bgk-table--price) th:last-child { white-space: normal; } } /* * TASKS.md 9.4 — price-list widget вече ражда `.bgk-sched`/`.bgk-sched__r` * (не `
`) — буквално копие на * design/variant-g.html `.sched`/`.r`/`.ln` (dotted линия между името и * цената, вместо табличен layout). `.bgk-price-list` (table) по-горе остава * — важи за съдържание, внесено ПРЕДИ този деплой (до следващ импорт). */ /* TASKS.md 22.15 — бял контейнер + сянка (беше само рамка). */ .bgk-sched { background: var(--bgk-white); border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); box-shadow: var(--bgk-shadow); overflow: hidden; margin-bottom: 16px; } /* TASKS.md 22.15 — header row #171B22 бял Oswald 15px uppercase (беше кехлибарен tint 11px мono). */ .bgk-sched__g { font-family: var(--bgk-font-display); font-size: 15px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; background: var(--bgk-ink); color: var(--bgk-white); padding: 11px 20px; border-bottom: 1px solid var(--bgk-line); } .bgk-sched__r { display: flex; align-items: baseline; gap: 14px; padding: 12px 20px; border-bottom: 1px solid var(--bgk-line); } .bgk-sched__r:last-child { border-bottom: 0; } .bgk-sched__r small { display: block; color: var(--bgk-ink-soft); font-size: 12.5px; } .bgk-sched__ln { flex: 1; border-bottom: 1px dotted var(--bgk-line); transform: translateY(-4px); } /* TASKS.md 22.15 — клетка цена: Oswald 600 18px #D98C0A (беше var(--bgk-ink), сливаше се с текста). */ .bgk-sched__r b { font-family: var(--bgk-font-display); font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums; color: var(--bgk-accent-dark); white-space: nowrap; } /* * TASKS.md 22.15 — "от" (BGK_Card_Builder::wrap_price_from_prefix()) слага * `` ВЪТРЕ в `.bgk-sched__r b` — по-общото * `.bgk-sched__r small` (за бележката под името, различен ``) има * СЪЩАТА специфичност (0,1,1) и идва ПО-ГОРЕ във файла, затова печели по * ред без този override; тук изрично връщаме inline/тихия вид. */ .bgk-sched__r b .bgk-table__from { display: inline; font-size: 13px; } /* * TASKS.md 9.4 — предходно h3/h4 заглавие (групата, напр. "ВиК ремонти") * непосредствено преди `.bgk-sched` → `BGK_Card_Builder` ги увива в * `.bgk-sched-wrap` (визуално ЕДНА ведомост-карта с няколко `.bgk-sched__g` * капака, като design/variant-g.html — един `.sched` с няколко `.g`/`.r` * групи), вместо отделни бели карти една под друга. */ .bgk-sched-wrap { background: #fff; border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); overflow: hidden; margin-bottom: 16px; } .bgk-sched-wrap .bgk-sched { background: none; border: 0; border-radius: 0; margin-bottom: 0; } /* * TASKS.md 4.4 (Etap 4й, жива сонда) — /poddrujka-na-septichni-iami/ * (custom_html, без `_elementor_data` през нашия парсър) е авторски написан * директно с НАШАТА именна конвенция (.bgk-pricing/.bgk-plan/.bgk-price/ * .bgk-badge/.bgk-premium, бос `.bgk-btn` без цветови модификатор за * "Обади се") за 4-те годишни абонаментни плана — но нито един от тези * класове не съществуваше в темата, затова плановете се рендираха голи. * Стил, огледален на .bgk-price-table (бяла карта, радиус 14px), плюс * акцент за "Най-избиран" в синьо (КЕХЛИБАРЕНОТО е запазено само за * звездите на отзивите/индикатора — CLAUDE.md). */ .bgk-pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 20px 0; } /* * TASKS.md 27.1 — референтна карта (bg-kanaligroup.netlify.app/#uslugi): * снимка (по избор) на цялата ширина отгоре, заглавие тъмно (не бяла лента * върху тъмен фон, 22.16(б)'s стар дизайн), чип с цена НАЙ-ДОЛУ, над бутона. * `height:100%` + flex-column, за да могат трите карти в един `.bgk-row--3` * ред да излязат с еднаква височина (`.bgk-col`/самата карта разтяга на * grid/flex реда — виж `.bgk-row{align-items:start}` по-горе, override-нато * тук чрез самата `height:100%` на детето). */ .bgk-plan { display: flex; flex-direction: column; gap: 10px; background: var(--bgk-white); border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .05); padding: 22px 22px 22px; color: var(--bgk-ink); position: relative; overflow: hidden; height: 100%; } .bgk-plan.bgk-premium { border-color: var(--bgk-blue); border-width: 2px; } /* * TASKS.md 27.1 — снимка (settings['image'] на price-table widget-а, по * избор) бяга извън padding-а на картата (СЪЩИЯТ bleed трик като старото * h3-банер по-долу) и се реже 16/10, заоблена само отгоре — overflow:hidden * на `.bgk-plan` я подрязва точно до радиуса на картата. Ако картата няма * ``, тази кутия просто липсва (не се резервира празно място). */ .bgk-plan__media { display: block; width: calc(100% + 44px); margin: -22px -22px 14px; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--bgk-radius-container) var(--bgk-radius-container) 0 0; } /* * TASKS.md 27.1 — референтната карта: заглавие Oswald главни, тъмно, БЕЗ * тъмна лента (заменя 22.16(б)'s bleed банер — #171B22 с бял текст). */ .bgk-plan h3 { margin: 0; color: var(--bgk-ink); font-family: var(--bgk-font-display); font-size: 20px; text-transform: uppercase; } /* TASKS.md 22.16(б) — бос .bgk-btn (без --blue модификатор, от price-table widget-а, class-bgk-elementor-parser.php) взима primary вида. */ .bgk-plan .bgk-btn { background: var(--bgk-accent); color: var(--bgk-accent-ink); border-color: var(--bgk-accent); text-align: center; margin-top: 6px; } .bgk-plan .bgk-btn:hover { background: var(--bgk-accent-dark); border-color: var(--bgk-accent-dark); } /* TASKS.md 27.1 — списъкът расте (flex:1), за да стои чипът с цената в долната третина на всяка карта, независимо от дължината на фийчърите. */ .bgk-plan ul { flex: 1; margin: 0; padding-left: 18px; font-size: 14.5px; color: var(--bgk-ink-soft); } .bgk-plan .bgk-price { font-family: var(--bgk-font-mono); font-weight: 600; font-size: 40px; /* TASKS.md 9.4 — 26px→40px по буквата на живата задача. */ color: var(--bgk-blue); margin-top: auto; } /* * TASKS.md 25.8 (пренесено от 23) — жива диагноза на стр. 3043: периодът * ("/ месец") наследяваше СЪЩИТЕ 40px Oswald като сумата и не побираше * "180 €/ месец" в 267px колона → 2 реда (височина 120 срещу 60 при * по-късите суми). Собствен ред, малък шрифт Inter — както при другите * "период под сумата" варианти (`.bgk-plan__price-label` по-долу). */ .bgk-price__per { display: block; font-size: 14px; font-family: var(--bgk-font-body); color: var(--bgk-text-dim); margin-top: 4px; } /* * TASKS.md 27.1 — референтната карта: чипът с цена, не 40px гигантско число * (9.20's стар дизайн). "от 130 €" — представката вече е ЧАСТ от текста * (render_price_table() слива периода в чипа, class-bgk-elementor-parser.php), * не отделен ред. `margin-top:auto` (не `.bgk-plan ul{flex:1}` САМО) — * работи и за карти без features_list, `.bgk-plan` е flex-column. * * Самостоятелно решение: задачата дава буквален rgba(245,166,35,.16) фон + * тъмнокафяв литерален hex за текста — rgba(245,166,35,…) е ТОЧНО * `--bgk-accent`'s RGB (реализирано през `--bgk-accent-tint`, само .14 алфа * вместо .16, визуално неразличимо), но задачата иска НОВ hex извън * одобрената палитра (TASKS.md 4.0's тест го хваща). `--bgk-accent-ink` е * СЪЩИЯТ токен, документиран точно за тази цел ("текст върху кехлибарен * бутон/плочка", style.css) — по-тъмен от буквата на задачата, но без да * въвежда нов цвят извън палитрата. */ .bgk-plan .bgk-plan__price { display: inline-block; align-self: flex-start; font-family: var(--bgk-font-body); font-size: 15px; font-weight: 600; padding: 7px 14px; border-radius: 999px; background: var(--bgk-accent-tint); color: var(--bgk-tint-ink); /* PLAN v5 */ margin: auto 0 0; } /* * TASKS.md 27.1 — legacy: render_price_table() вече не генерира тази обвивка * (периодът се слива в самия чип по-горе) — правилото остава, за да не * изглежда голо непипнатото `post_content`, докато не мине следващ реимпорт. */ .bgk-plan__price-label { font-family: var(--bgk-font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--bgk-ink-soft); margin: auto 0 0; } /* TASKS.md 9.4 — price-table widget: sub_heading/period (не съществуваха в custom_html-написания .bgk-plan). TASKS.md 27.1 — 14px, точно по буквата на референцията. */ .bgk-plan__sub { color: var(--bgk-ink-soft); font-size: 14px; margin: 0; } .bgk-plan__period { font-family: var(--bgk-font-body); font-weight: 400; font-size: 15px; color: var(--bgk-ink-soft); } .bgk-plan .bgk-btn { align-self: flex-start; background: var(--bgk-blue); color: #fff; border-color: var(--bgk-blue); } .bgk-plan .bgk-btn:hover { background: var(--bgk-blue-dark); } /* * TASKS.md 19.3 — `wp-widget-custom_html` (a): "ЦЕНОВИ ПЛАН" reuse-ва СЪЩАТА * `.bgk-plan` карта като price-table widget-а (4.4/9.4) — заглавието идва от * демотиран H1→H2 (парсърът, TASKS.md "вътрешните h1 стават h2"), не H3, * затова override-ва СЪЩИЯ базов `.bgk-content h2` бордер/отстъп както * `.bgk-notice`/`.bgk-checklist`/`.bgk-faq` h2-та по-долу. */ .bgk-plan h2 { max-width: none; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; font-size: 18.5px; } .bgk-plan__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .bgk-plan__gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; } .bgk-plan__prices { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: baseline; } .bgk-plan__prices dt { color: var(--bgk-ink-soft); font-size: 14.5px; } .bgk-plan__prices dd { margin: 0; font-family: var(--bgk-font-mono); font-weight: 600; color: var(--bgk-blue); white-space: nowrap; } /* * TASKS.md 19.3(b)/(d) — "ВАЖНО СЪОБЩЕНИЕ"/бонус и "ВНИМАНИЕ"/"Защо да * изберете нас" кутии от суров custom_html. TASKS.md 22.16(а) — ЕДНО * правило за двата варианта (беше `--bonus` плътно кехлибарено с бял текст, * `--why` сиво): tint фон rgba(245,166,35,.14), 4px кехлибарен ляв кант, * заглавие Oswald тъмно, текст Inter тих. */ .bgk-notice { background: var(--bgk-accent-tint); border-left: 4px solid var(--bgk-accent); border-radius: var(--bgk-radius-container); padding: 24px 26px; margin: 20px 0; color: var(--bgk-ink-soft); } .bgk-notice h2 { max-width: none; padding-bottom: 0; margin-bottom: 10px; border-bottom: 0; font-family: var(--bgk-font-display); font-size: 20px; color: var(--bgk-ink); } .bgk-notice p { margin: 0; color: var(--bgk-ink-soft); } /* * TASKS.md 22.16(а) — "10% ОТСТЪПКА" (BGK_Card_Builder:: * badge_bonus_percentage(), намира с "N% ...отстъпка/намаление/ * бонус" вътре в `.bgk-notice--bonus` и му слага класа) — кехлибарен бадж * Oswald 700 40px, не текст в изречението. */ .bgk-notice__badge { display: inline-block; font-family: var(--bgk-font-display); font-weight: 700; font-size: 40px; line-height: 1; color: var(--bgk-accent-ink); background: var(--bgk-accent); padding: 2px 14px; border-radius: var(--bgk-radius-container); } /* TASKS.md 19.3(c) — "ПОДХОДЯЩО ЗА" чеклист (✔ маха се от текста, иконата е ::before, за да не зависи от глифа на шрифта на автора). */ .bgk-checklist { margin: 20px 0; } .bgk-checklist h2 { max-width: none; padding-bottom: 0; margin-bottom: 16px; border-bottom: 0; } .bgk-checklist__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; } .bgk-checklist__list li { position: relative; padding-left: 26px; font-size: 15px; } .bgk-checklist__list li::before { content: "✔"; position: absolute; left: 0; color: var(--bgk-blue); font-weight: 700; } @media (max-width: 620px) { .bgk-checklist__list { grid-template-columns: 1fr; } } /* TASKS.md 19.3(e) — "Често задавани въпроси" custom_html accordion; `.bgk-faq-item` вече е стилизиран (render_accordion(), toggle/accordion widget). */ .bgk-faq { margin: 20px 0; } .bgk-faq h2 { max-width: none; padding-bottom: 0; margin-bottom: 16px; border-bottom: 0; } /* * TASKS.md 21.1 — етикетът-пил над заглавието на `.bgk-plan`/`.bgk-notice` * (живата диагноза: „ЦЕНОВИ ПЛАН 2026"/„ВАЖНО СЪОБЩЕНИЕ"/„ПОДХОДЯЩО ЗА"/ * „ВНИМАНИЕ" — голи div-ове, преди рендер-филтъра без никакъв стил). */ .bgk-plan__label, .bgk-notice__label, .bgk-checklist__label, .bgk-card__badge { display: inline-block; font-family: var(--bgk-font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; padding: 6px 14px; border-radius: var(--bgk-radius-button); margin-bottom: 12px; } .bgk-plan__label, .bgk-checklist__label, .bgk-card__badge { background: var(--bgk-blue); color: #fff; } .bgk-notice__label { background: rgba(255, 255, 255, .18); color: #fff; } .bgk-notice--why .bgk-notice__label { background: var(--bgk-blue); color: #fff; } /* * TASKS.md 24.3 — `bgkg-featured` (custom_html картата "НАЙ-ПРЕДПОЧИТАНО" на * /kurti-chisti-izvozva-lp/) → `.bgk-card--featured`, СЪЩИЯТ акцентен кант * като `.bgk-plan.bgk-premium` (9.4) — единствената съществуваща "изпъкваща * карта" условност в темата. */ .bgk-card--featured { border: 2px solid var(--bgk-blue); } /* Грид от `.bgk-plan__item` карти — редовете „вид — цена" на custom_html „ЦЕНОВИ ПЛАН" (21.1(a)). */ .bgk-plan__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 6px 0; } .bgk-plan__item { background: var(--bgk-steel); border-radius: var(--bgk-radius-container); padding: 18px 20px; } .bgk-plan__item h4 { margin: 0 0 10px; font-family: var(--bgk-font-display); font-size: 16px; color: var(--bgk-ink); } @media (max-width: 860px) { .bgk-plan__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .bgk-plan__grid { grid-template-columns: 1fr; } } /* Голи „✔ текст" редове (без ``, за разлика от `.bgk-checklist__list`) в `.bgk-notice--why` — 21.1's `convert_plain_checkmark_groups()`. */ .bgk-notice__list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 20px; } .bgk-notice__list li { position: relative; padding-left: 22px; font-size: 14.5px; font-weight: 600; } .bgk-notice__list li::before { content: "✔"; position: absolute; left: 0; color: var(--bgk-blue); font-weight: 700; } @media (max-width: 620px) { .bgk-notice__list { grid-template-columns: 1fr; } } .bgk-badge { position: absolute; top: -12px; right: 16px; background: var(--bgk-blue); color: #fff; font-family: var(--bgk-font-mono); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; padding: 4px 10px; border-radius: var(--bgk-radius-button); } /* * TASKS.md 4.5 — "ценовата таблица озеленяване като .sched": /ceni-ozelenqvane/ * няма `_elementor_data` (потвърдено на живо, TASKS.md 4.50 сонда) — съдържанието * ѝ е СУРОВ `
` от стар LibreOffice/Word HTML export (`bgcolor`/`width` * атрибути, `class="western"` по параграфите), никога не минава през * BGK_Elementor_Parser. Селектор БЕЗ клас (`:not([class])`), за да хване ТОЧНО * такива стари голи таблици навсякъде в `.bgk-content` (блог постове и т.н.), * без да пипа `.bgk-price-list`/`.bgk-table` (произведени от парсъра, * вече си имат стил по-горе). CSS правило винаги бие `bgcolor`/`width` HTML * атрибути (последните са с най-ниска специфичност в каскадата) — не се * налага `!important`. */ .bgk-content table:not([class]) { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #fff; border: 1px solid var(--bgk-line); border-radius: var(--bgk-radius-container); overflow: hidden; } .bgk-content table:not([class]) tr { border-bottom: 1px solid var(--bgk-line); } .bgk-content table:not([class]) tr:last-child { border-bottom: 0; } .bgk-content table:not([class]) th, .bgk-content table:not([class]) td { padding: 12px 20px; text-align: left; font-size: 14.5px; background: transparent; color: var(--bgk-ink); width: auto; } .bgk-content table:not([class]) th { font-family: var(--bgk-font-mono); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; background: var(--bgk-blue-light); color: var(--bgk-blue-dark); } /* TASKS.md 22.10 — /galeriq/: 3 фиксирани колони, 300px, радиус 14px, без рамка (СЪЩИЯТ стил като .bgk-photo-grid). */ .bgk-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; list-style: none; margin: 0 0 20px; padding: 0; } .bgk-gallery li { position: relative; border-radius: var(--bgk-radius-container); overflow: hidden; background: var(--bgk-bg-light); } .bgk-gallery img { display: block; width: 100%; height: 300px; object-fit: cover; } /* TASKS.md 22.10 — надпис = alt/заглавие на снимката, overlay градиент долу; излиза само ако
  • носи figcaption (BGK_Elementor_Parser::render_media_list()). */ .bgk-gallery figcaption { position: absolute; inset: auto 0 0 0; padding: 36px 16px 14px; font-family: var(--bgk-font-body); font-weight: 600; font-size: 15px; color: var(--bgk-white); background: linear-gradient(transparent, rgba(15, 17, 21, .85)); } @media (max-width: 620px) { .bgk-gallery { grid-template-columns: 1fr; } .bgk-gallery img { height: 220px; } } /* * TASKS.md 4.32 (Etap 4д) — партньорските лога (`image-carousel` widget) НЕ * са снимки за решетка — бяха изрязани (object-fit:cover върху разностранни * PNG/webp лога) и наредени в 2 реда с празнини. По design/variant-g.html: * ред лога на стомана, изчистени в сиво, свободна ширина (без изрязване). */ /* * TASKS.md 9.18 — живата диагноза измери `ul.bgk-carousel > li > img` БЕЗ * никакъв CSS ефект (булети, една колона) въпреки правилата по-долу — коренът * е специфичност: `.entry-content ul` от GeneratePress е (0,2,0), бие голото * `.bgk-carousel` (0,1,0). Скопирано под `.bgk-content` (същия прецедент като * ВСИЧКИ други селектори в тоя файл — виж `.bgk-content .bgk-section` и т.н.) * за (0,2,0)+, с по-късен ред в каскадата → печели tie-а. * * TASKS.md 10.4 — жива диагноза: `.bgk-carousel`, самотно дете на * `.bgk-section`, излизаше залепено за левия ръб (left:0) — правилото * ПО-ДОЛУ `margin: 0 0 20px` + `padding: 0` случайно нулира и центриращите * margin/padding, които `.bgk-content .bgk-section > *` иначе слага на * всяко ПРЯКО дете на секция. Фиксът е в `BGK_Card_Builder:: * wrap_loose_carousels()` — увива самотния `