/* Homelab refresh 2026-09 — дизайн / мобилно / конверсии. Зарежда се от плъгина „Homelab Conversion“ (assets/hl-refresh.css) след Customizer CSS. */
/* === HL-P0 tokens — Homelab refresh 2026-09 (1rem = 10px на този сайт) === */
:root{
--hl-ink:#1c150a; --hl-ink-soft:#3a3126; --hl-dark:#0f1110;
--hl-gold:#b89f81; --hl-gold-deep:#8a6d47;
--hl-paper:#f8f8f7; --hl-paper-2:#f0efec; --hl-sand:#ddd8cd; --hl-muted:#6b6357;
--hl-line:rgba(28,21,10,.08); --hl-line-strong:rgba(28,21,10,.18); --hl-line-gold:rgba(184,159,129,.38);
--hl-scrim:linear-gradient(180deg,rgba(28,21,10,.30),rgba(28,21,10,.72));
--hl-serif:"Playfair Display",Georgia,"Times New Roman",serif;
--hl-sans:Montserrat,"Segoe UI",Roboto,Arial,sans-serif;
--hl-fs-display:clamp(3.2rem,2.309rem + 2.286vw,5.6rem);
--hl-fs-prop:clamp(2.6rem,2.08rem + 1.333vw,4rem);
--hl-fs-h2:clamp(2.8rem,2.354rem + 1.143vw,4rem);
--hl-fs-h3:clamp(2.1rem,1.914rem + .476vw,2.6rem);
--hl-fs-h4:clamp(1.9rem,1.863rem + .095vw,2rem);
--hl-fs-lead:clamp(1.8rem,1.726rem + .19vw,2rem);
--hl-fs-body:clamp(1.7rem,1.663rem + .095vw,1.8rem);
--hl-fs-stat:clamp(3.4rem,2.583rem + 2.095vw,5.6rem);
--hl-fs-small:1.4rem; --hl-fs-eyebrow:clamp(1.3rem,1.263rem + .095vw,1.4rem); --hl-fs-btn:1.3rem; --hl-fs-min:1.2rem;
--hl-lh-display:1.12; --hl-lh-heading:1.22; --hl-lh-body:1.7;
--hl-ls-ui:.12em; --hl-ls-eyebrow:.2em;
--hl-radius-sm:4px; --hl-radius-md:8px; --hl-radius-pill:999px;
--hl-shadow-card:0 1px 2px rgba(28,21,10,.05),0 0 0 1px rgba(28,21,10,.08);
--hl-shadow-raise:0 14px 32px -12px rgba(28,21,10,.22),0 0 0 1px rgba(28,21,10,.08);
--hl-shadow-btn:0 6px 16px -6px rgba(28,21,10,.35);
--hl-shadow-bar:0 -6px 20px rgba(28,21,10,.25);
--hl-ring:0 0 0 3px rgba(184,159,129,.28);
--hl-gutter:20px; --hl-section-y:clamp(5.6rem,4.114rem + 3.81vw,9.6rem); --hl-measure:68rem;
--hl-header-h:60px; --hl-bar-h:56px;
--hl-ease:cubic-bezier(.22,.61,.36,1); --hl-speed:320ms; --hl-speed-fast:180ms;
}
/* === HL-P1 type — Homelab refresh 2026-09 === */
/* ---------------------------------------------------------------
1. КИРИЛИЦА: стандартни форми на д, л, т, п, в, и в Montserrat
Одобрено от собственика. Самостоятелен блок – изтрий само него,
за да се върнат българските (ръкописни) locl форми.
--------------------------------------------------------------- */
html:lang(bg) body {
font-feature-settings: "locl" 0;
}
/* ---- край на блока „locl“ ---- */
/* ---------------------------------------------------------------
2. Цифри: винаги „лайнинг“ (Playfair по подразбиране рисува старинни:
0 като „о“, 03/04 под реда). Само font-variant-numeric – никога
font-feature-settings, иначе елементът губи наследения "locl" 0.
--------------------------------------------------------------- */
body,
h1, h2, h3, h4,
.elementor-heading-title,
.elementor-counter-number-wrapper,
.hlr-step-num,
.hlr-fact-num,
.hlp-card-title,
.hlp-fact-value {
font-variant-numeric: lining-nums;
}
/* !important: Elementor задава line-height на всеки widget (0,4,0), вкл. 30px на 42px H1 */
.elementor-widget-heading .elementor-heading-title {
line-height: var(--hl-lh-heading) !important;
}
.elementor-widget-heading h1.elementor-heading-title {
font-weight: 400 !important;
line-height: var(--hl-lh-display) !important;
}
/* Вътрешни H1 (Имоти, Блог, статия, „За мен“ hero, Контакти след смяната на тага): display размер 32 → 56px */
.elementor-element-327d6e3 .elementor-heading-title,
.elementor-element-082b101 .elementor-heading-title,
.elementor-element-0dbaf93 .elementor-heading-title,
.elementor-element-f8837b0 h1.elementor-heading-title,
.single-post .elementor-widget-heading h1.elementor-heading-title {
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-display) !important;
font-weight: 400 !important;
line-height: var(--hl-lh-display) !important;
letter-spacing: -.01em !important;
text-wrap: balance;
}
.elementor-element-082b101 > .elementor-widget-container {
margin-bottom: 0 !important; /* Имоти 327d6e3: целият margin е в HL-P6 §7 */
}
/* „Ремонти“: същата скала (CSS-ът на страницата е в , затова +body за тежест) */
body .hl-remont .hlr-hero h1 {
font-size: var(--hl-fs-display);
line-height: var(--hl-lh-display);
letter-spacing: -.01em;
text-wrap: balance;
}
/* Заглавия на секции (Playfair H2): 28 → 40px, 400, без главни и разредка */
.elementor-element-e7b3f11 .elementor-heading-title,
.elementor-element-3e3d6562 .elementor-heading-title,
.elementor-element-0820c58 .elementor-heading-title,
.elementor-element-74c911fe .elementor-heading-title,
.elementor-element-ce832bf .elementor-heading-title,
.elementor-element-a95ca3d .elementor-heading-title,
.elementor-element-f8837b0 h2.elementor-heading-title, /* до смяната на тага; като H1 – display размер (горе) */
.elementor-element-1c92ebc .elementor-heading-title,
.elementor-element-7e8785c .elementor-heading-title,
.elementor-element-52139e5 .elementor-heading-title,
.elementor-element-87b47ba .elementor-heading-title,
.elementor-element-6ca9150 .elementor-heading-title,
.elementor-element-34705a3 .elementor-heading-title,
.elementor-element-d3c15cd .elementor-heading-title,
.hl-cta-band .elementor-widget-heading h2.elementor-heading-title {
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-h2) !important;
font-weight: 400 !important;
line-height: var(--hl-lh-heading) !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-wrap: balance;
}
/* „КАК РАБОТЯ“ остава истинско H2 → и неговата 2px линия встрани от текста отпада */
.elementor-element-6ca9150 + .elementor-widget-divider {
display: none;
}
/* „Ремонти“ и проектите: H2/H3 в същата скала */
body .hl-remont h2,
.hlp-content h2 {
font-size: var(--hl-fs-h2);
font-weight: 400;
line-height: var(--hl-lh-heading);
letter-spacing: 0;
text-wrap: balance;
}
body .hl-remont h2 {
padding-top: 0; /* пренесено от Customizer 253–259 */
}
body .hl-remont h2::before {
display: none; /* пренесено от Customizer 257–259 */
}
.hlp-content h3 {
font-size: var(--hl-fs-h3);
line-height: var(--hl-lh-heading);
}
/* !important: Elementor задава шрифт/размер/разредка/отстъпи на всяко от тях (0,4,0) */
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title),
.elementor-widget-heading.hl-eyebrow) .elementor-heading-title {
font-family: var(--hl-sans) !important;
font-size: var(--hl-fs-eyebrow) !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.4 !important;
letter-spacing: var(--hl-ls-eyebrow) !important;
text-transform: uppercase !important;
color: var(--hl-eyebrow-c, var(--hl-gold-deep)) !important;
text-wrap: balance;
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title),
.elementor-widget-heading.hl-eyebrow) .elementor-heading-title::before {
content: "";
display: inline-block;
width: 28px;
height: 1px;
margin: 0 12px 0 0;
vertical-align: .32em;
background: var(--hl-eyebrow-line, var(--hl-gold));
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title),
.elementor-widget-heading.hl-eyebrow) .elementor-heading-title::after {
content: "";
display: inline-block;
width: 28px;
height: 1px;
margin: 0 0 0 12px;
vertical-align: .32em;
background: var(--hl-eyebrow-after, transparent);
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title),
.elementor-widget-heading.hl-eyebrow) {
margin-bottom: 16px !important;
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title)) > .elementor-widget-container {
margin-bottom: 0 !important;
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title)) + .elementor-widget-divider {
display: none !important; /* Elementor показва divider-а на widget ниво */
}
:is(.elementor-widget-heading:has(+ .elementor-widget-divider):not(.elementor-element-49f76e6, .elementor-element-6ca9150),
.elementor-widget-heading.elementor-element-49f76e6:has(p.elementor-heading-title)) + .elementor-widget-divider + .elementor-widget-heading > .elementor-widget-container {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Контекст: тъмна лента „Услуги“ → злато; снимка (Имоти, Блог) → paper */
.elementor-element-f38cbfb { --hl-eyebrow-c: var(--hl-gold); }
.elementor-element-19ead24,
.elementor-element-e4c4dbc { --hl-eyebrow-c: var(--hl-paper); }
/* центрирани надзаглавия: видима огледална линия (hero на Имоти/Блог винаги; секциите на Начало от 768px, на телефон са вляво) */
.elementor-element-19ead24,
.elementor-element-e4c4dbc { --hl-eyebrow-after: var(--hl-eyebrow-line, var(--hl-gold)); }
@media (min-width: 768px) {
.elementor-element-2f997ed,
.elementor-element-3c37c94,
.elementor-element-bed12dc,
.elementor-element-hlcta03 { --hl-eyebrow-after: var(--hl-eyebrow-line, var(--hl-gold)); }
}
/* EN (Polylang) страниците остават центрирани и на телефон → същата огледална линия; „SERVICES“ е на тъмната лента → злато */
.elementor-24216 .elementor-element-b9f2701 { --hl-eyebrow-c: var(--hl-gold); }
.elementor-24216 :is(.elementor-element-8e53bd4, .elementor-element-77dfded, .elementor-element-f62ce34) { --hl-eyebrow-after: var(--hl-eyebrow-line, var(--hl-gold)); }
@media (max-width: 767px) {
.elementor-24216 :is(.elementor-element-beaeff5, .elementor-element-b9f2701),
.elementor-24098 .elementor-element-cace18c { --hl-eyebrow-after: var(--hl-eyebrow-line, var(--hl-gold)); }
}
/* AA на светли фонове: gold-deep #8a6d47 е 4.19:1 върху paper-2 #f0efec и 3.39:1 върху пясък #ddd8cd.
Същият тон (H 34°), малко по-тъмен и по-наситен → остава бронз, не кафяво-сиво. Линията остава --hl-gold.
paper-2: Контакти „КОНТАКТИ“, Начало „ИМОТИ“, EN „LATEST PROPERTIES“ → #80633c = 4.85:1
пясък: Начало „БЛОГ“, EN „BLOG“ (+ .hlb в HL-P6) → #76562e = 4.71:1 */
.elementor-element-49f76e6,
.elementor-18618 .elementor-element-2f997ed,
.elementor-24216 .elementor-element-8e53bd4 { --hl-eyebrow-c: #80633c; }
.elementor-18618 .elementor-element-3c37c94,
.elementor-24216 .elementor-element-77dfded { --hl-eyebrow-c: #76562e; }
/* Десктоп: „ЗА МЕН“ на началната започва от същото x като заглавието под него (20% отстъп като e7b3f11) */
@media (min-width: 768px) {
/* !important: Elementor подравнява widget-а вдясно (text-align:end, 0,3,0) и дава margin-right */
.elementor-18618 .elementor-element-8067375 {
text-align: left !important;
}
.elementor-18618 .elementor-element-8067375 > .elementor-widget-container {
margin: 0 !important;
padding-left: 20% !important;
}
}
/* Надзаглавията на „Ремонти“ и проектите: същия размер и разредка */
body .hl-remont .hlr-eyebrow,
.hlp-eyebrow,
.hlp-eyebrow a {
font-size: var(--hl-fs-eyebrow);
letter-spacing: var(--hl-ls-eyebrow);
line-height: 1.4;
text-wrap: balance; /* R2-06: „РЕМОНТИ И ОБНОВЯВАНЕ · / СОФИЯ“ at 360 */
}
.elementor-widget-text-editor p:not(.hl-copyright),
.elementor-widget-text-editor li,
.wpestate_property_description p,
.hlp-content > p,
.hlp-content ul,
.hlp-content ol,
.hlp-content li,
body .hl-remont .hlr-card p,
body .hl-remont .hlr-checklist li,
body .hl-remont .hlr-steps p,
body .hl-remont .hlr-about-text p,
body .hl-remont .hlr-faq dd {
font-size: var(--hl-fs-body);
line-height: var(--hl-lh-body);
letter-spacing: 0;
text-wrap: pretty;
}
.hlp-content > p,
.hlp-content ul,
.hlp-content ol,
.hlp-content li {
font-family: var(--hl-sans); /* пренесено от Customizer 164–172 */
}
/* пренесено от Customizer 238–249: тези текстове на „Ремонти“ са в мастило */
body .hl-remont .hlr-card p,
body .hl-remont .hlr-steps p,
body .hl-remont .hlr-about-text p {
color: var(--hl-ink);
}
/* Водещ текст (lead): 18 → 20px */
body .hl-remont p.hlr-lead,
body .hl-remont p.hlr-sub,
.hlp-hero-sub {
font-size: var(--hl-fs-lead);
line-height: 1.6;
letter-spacing: 0;
}
.hlp-hero-sub {
color: var(--hl-ink); /* пренесено от Customizer 195–199 */
}
/* Без двустранно подравняване (дупки между думите) – блог и статии */
/* !important: justify идва от Elementor на widget ниво (0,3,0) */
.single-post .elementor-widget-text-editor,
.single-post .elementor-widget-text-editor p:not(.hl-copyright),
.single-post .elementor-widget-text-editor li,
.elementor-element-4c5312d,
.elementor-element-4c5312d p {
text-align: left !important;
}
/* Десктоп: дългите въведения и текстът на статиите ≈ 65 знака на ред (футърът не се пипа) */
@media (min-width: 768px) {
.elementor-element-076c64d > .elementor-widget-container,
.elementor-element-cb74880 > .elementor-widget-container,
.elementor-element-4c5312d > .elementor-widget-container {
max-width: var(--hl-measure);
margin-inline: auto;
}
/* Начало: въведението е основен текст (16 реда) → ляво подравнено; колоната остава центрирана */
.elementor-18618 .elementor-element-076c64d,
.elementor-18618 .elementor-element-076c64d p {
text-align: left !important;
}
/* отделно правило: :has() не бива да събори горното в стари браузъри */
.single-post .elementor > .elementor-section:not(:has(.hl-copyright, .widget_contact_phone)) .elementor-widget-text-editor > .elementor-widget-container {
max-width: var(--hl-measure);
margin-inline: auto;
}
}
/* Телефон: текстът извън hero-то е ляво подравнен; hero (първата секция) остава центриран */
@media (max-width: 767px) {
/* !important: Elementor центрира всеки widget поотделно, вкл. мобилни варианти */
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-text-editor,
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-text-editor p:not(.hl-copyright),
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-text-editor li,
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-heading,
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-button {
text-align: left !important;
}
.elementor-23115:has(.elementor-element-49f76e6 p.elementor-heading-title) .elementor-element-b784d10 .elementor-widget-text-editor,
.elementor-23115:has(.elementor-element-49f76e6 p.elementor-heading-title) .elementor-element-b784d10 .elementor-widget-text-editor p,
.elementor-23115:has(.elementor-element-49f76e6 p.elementor-heading-title) .elementor-element-b784d10 .elementor-widget-heading {
text-align: left !important;
}
/* остатъчни декоративни линии над заглавия (напр. Блог cc10ea0) – в линия с текста */
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-divider .elementor-divider {
text-align: left !important;
}
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227, .elementor-24185, .single-post .elementor) > .elementor-section:not(:first-child) .elementor-widget-divider .elementor-divider-separator {
margin-left: 0 !important;
}
}
.hlp-fact-label,
.hlp-card .hlp-card-meta,
body .hl-remont .hlr-ba-label,
body .hl-remont .hlr-review cite,
.hlp-single nav:not(.pagination) a {
font-size: var(--hl-fs-min);
}
/* златното #b89f81 върху бяло е 2.5:1 → gold-deep 4.8:1 */
body .hl-remont .hlr-steps .hlr-step-num {
color: var(--hl-gold-deep);
}
/* === HL-P2 header — Homelab refresh 2026-09 === */
/* ---------- 1. Десктоп меню (#access; видимо ≥1024px) ---------- */
/* Theme inline CSS: #access ul.menu>li>a{font-size:18px}, #access a{font-weight:300}. .header_wrapper prefix = enough specificity, no !important needed. */
.header_wrapper #access ul.menu > li > a.menu-item-link {
position: relative;
font-family: var(--hl-sans);
font-size: 1.3rem;
font-weight: 500;
letter-spacing: var(--hl-ls-ui);
text-transform: uppercase;
white-space: nowrap;
}
/* Theme hover_type_5 turns the hovered link into display:inline + 3px border — replaced by the hairline below */
.header_wrapper #access ul.menu > li:hover > a.menu-item-link {
display: block;
margin: 0;
padding: 0 15px;
border-bottom: 0;
}
/* Gold hairline under the label: hover + current page. Sits 4–5px under the glyphs in both the 150px transparent and the 100px sticky header (line-height centred). */
.header_wrapper #access ul.menu > li > a.menu-item-link::after {
content: "";
position: absolute;
left: 15px;
right: calc(15px + var(--hl-ls-ui)); /* the last letter's tracking */
top: calc(50% + 9px);
height: 1px;
background: var(--hl-gold);
transform: scaleX(0);
transform-origin: left center;
transition: transform var(--hl-speed) var(--hl-ease);
pointer-events: none;
}
.header_wrapper #access ul.menu > li:hover > a.menu-item-link::after,
.header_wrapper #access ul.menu > li.current-menu-item > a.menu-item-link::after {
transform: scaleX(1);
}
/* Текущата страница: злато (като при hover), и върху прозрачния хедър */
.header_wrapper #access ul.menu > li.current-menu-item > a.menu-item-link {
color: var(--hl-gold);
}
/* Флагчето на Polylang няма нужда от подчертаване */
.header_wrapper #access ul.menu > li.pll-parent-menu-item > a.menu-item-link::after {
display: none;
}
/* Телефон в менюто (li.hl-menu-call, добавя се от Менюта): злато + къса разделителна линия */
.header_wrapper #access ul.menu > li.hl-menu-call {
margin-left: 8px;
}
.header_wrapper #access ul.menu > li.hl-menu-call::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 16px;
margin-top: -8px;
background: var(--hl-line-gold);
}
.header_wrapper #access ul.menu > li.hl-menu-call > a.menu-item-link {
color: var(--hl-gold);
font-weight: 600;
}
/* Sticky хедър (след скрол): плътен фон вместо 95% прозрачност, без тъмния градиент от homelab-polish да се разлива 90px под лентата */
.master_header .header_wrapper.customnav {
opacity: 1;
}
.master_header.master_header_sticky::before {
height: 100%;
}
@media (prefers-reduced-motion: reduce) {
.header_wrapper #access ul.menu > li > a.menu-item-link::after {
transition: none;
}
}
/* ---------- 2. Мобилно меню (drawer .mobilewrapper; видимо ≤1023px) ---------- */
/* Close button: 48×48 tap target, in the top 60px strip; the list starts under it */
.mobilewrapper .mobilemenu-close {
top: 6px;
right: 6px;
width: 48px;
height: 48px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.mobilewrapper .mobilemenu-close i {
padding: 0;
font-size: 20px;
line-height: 1;
}
.mobilewrapper .mobilex-menu {
margin-top: 60px;
border-top: 1px solid rgba(184, 159, 129, .16);
}
.mobilewrapper .mobilex-menu > li {
border-bottom: 1px solid rgba(184, 159, 129, .16);
}
.mobilewrapper .mobilex-menu > li > a {
min-height: 48px;
padding: 14px 20px 14px 24px;
font-family: var(--hl-sans);
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: var(--hl-ls-ui);
text-transform: uppercase;
}
/* Активната страница: злато + 2px линия вляво. !important: Customizer §1 има .mobilex-menu .current-menu-item>a{color:#fff!important} */
.mobilewrapper .mobilex-menu > li.current-menu-item > a {
color: var(--hl-gold) !important;
box-shadow: inset 2px 0 0 var(--hl-gold);
}
/* Телефон: злато. !important: Customizer §1 .mobilewrapper a{color:#fff!important} */
.mobilewrapper .mobilex-menu > li.hl-menu-call > a {
color: var(--hl-gold) !important;
font-weight: 600;
white-space: nowrap;
}
/* иконка слушалка от Font Awesome 5 (темата вече го зарежда) */
.mobilewrapper .mobilex-menu > li.hl-menu-call > a::before {
content: "\f095";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.3rem;
letter-spacing: 0;
margin-right: 12px;
}
/* ---------- 3. Фиксиран мобилен хедър (≤767px) ---------- */
/* position:sticky не работи (#all_wrapper има overflow:hidden) → fixed.
Опцията „sticky mobile header“ на WpResidence да остане ИЗКЛЮЧЕНА: тя дава 70px хедър
и собствен margin-top:70px. Ако все пак се включи — махнете position/top и #all_wrapper,
а т.4 (margin reset) остава. */
@media (max-width: 767px) {
.master_header .mobile_header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: var(--hl-header-h);
box-shadow: 0 1px 0 rgba(184, 159, 129, .18);
}
#all_wrapper {
padding-top: var(--hl-header-h);
}
.master_header.header_transparent::before {
display: none;
}
.master_header .mobile_header .mobile-logo img {
max-height: 50px; /* PNG-ът има широки прозрачни полета; видимият знак е ~26px висок */
}
.master_header .mobile_header .mobile-trigger {
width: 60px;
height: var(--hl-header-h);
display: flex;
align-items: center;
justify-content: center;
}
.master_header .mobile_header .mobile-trigger i {
margin: 0;
font-size: 20px;
line-height: 1;
}
.content_wrapper > .elementor > .elementor-top-section:first-child,
.content_wrapper > .elementor > .elementor-section-wrap > .elementor-top-section:first-child {
margin-top: 0 !important;
}
/* Котви (#zapitvane, #hl-ogled…) да не се скриват под хедъра */
[id] {
scroll-margin-top: 72px;
}
}
/* === HL-P3 contact — Homelab refresh 2026-09 === */
/* ---------- 1. Лента .hl-mbar — скрита по подразбиране (десктоп, таблет) ---------- */
.hl-mbar{display:none}
@media (max-width:767px){
/* ---------- 1a. Лентата: Обадете се · Viber · Запитване/Оглед ---------- */
.hl-mbar{
position:fixed;left:0;right:0;bottom:0;z-index:9998;
display:grid;
/* 1fr 1fr 1.15fr, но клетка никога не става по-тясна от надписа си (при 360px „Обадете се“ иска ~134px) */
grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) minmax(max-content,1.15fr);
overflow:hidden;
background:var(--hl-ink);
border-top:1px solid var(--hl-gold);
box-shadow:var(--hl-shadow-bar);
padding-bottom:env(safe-area-inset-bottom);
}
/* nav.hl-mbar > a = (0,1,2): над „a“ правилата на темата и .elementor-kit-7 a */
nav.hl-mbar > a{
display:flex;align-items:center;justify-content:center;gap:8px;
min-height:var(--hl-bar-h);
padding:0 6px;margin:0;
font-family:var(--hl-sans);font-size:var(--hl-fs-min);font-weight:600;
line-height:1.2;letter-spacing:var(--hl-ls-ui);text-transform:uppercase;
white-space:nowrap;text-decoration:none;border:0;border-radius:0;
color:var(--hl-paper);background:transparent;
-webkit-tap-highlight-color:rgba(184,159,129,.25);
transition:background-color var(--hl-speed-fast) var(--hl-ease),color var(--hl-speed-fast) var(--hl-ease);
}
nav.hl-mbar > a + a{border-left:1px solid rgba(184,159,129,.35)}
nav.hl-mbar > a:hover,
nav.hl-mbar > a:focus,
nav.hl-mbar > a:active{color:var(--hl-paper);text-decoration:none}
nav.hl-mbar > a:active{background:rgba(248,248,247,.08)}
nav.hl-mbar > a:focus-visible{outline:2px solid var(--hl-gold) !important;outline-offset:-5px;box-shadow:none !important}
nav.hl-mbar > a.hl-mbar-cta:focus-visible{outline-color:var(--hl-ink) !important}
.hl-mbar .hl-mbar-ico{flex:none;width:18px;height:18px;color:var(--hl-gold)}
/* основното действие: златен фон, мастилен текст (6.9:1) */
nav.hl-mbar > a.hl-mbar-cta,
nav.hl-mbar > a.hl-mbar-cta:hover,
nav.hl-mbar > a.hl-mbar-cta:focus{background:var(--hl-gold);color:var(--hl-ink)}
nav.hl-mbar > a.hl-mbar-cta:active{box-shadow:inset 0 0 0 100px rgba(28,21,10,.08)}
nav.hl-mbar > a + a.hl-mbar-cta{border-left-color:var(--hl-gold)}
/* докато се пише във форма, лентата се скрива (плъгинът слага body.hl-typing) */
body.hl-typing .hl-mbar{display:none}
body.has-hl-mbar > #all_wrapper{padding-bottom:calc(var(--hl-bar-h) + 1px + env(safe-area-inset-bottom))}
/* ---------- 1c. Плаващите бутони на темата ---------- */
/* пликът (.contact-box) и агентската лента на имота дублират лентата */
body.has-hl-mbar > a.contact-box,
body.has-hl-mbar .mobile_agent_area_wrapper{display:none}
body.has-hl-mbar{--hl-p3-bar:1}
body:has(.hlr-sticky){--hl-p3-bar:1}
body > a.backtop,
body > a.contact-box{
bottom:calc(10px + var(--hl-p3-bar,0) * (var(--hl-bar-h) + 2px) + env(safe-area-inset-bottom));
width:44px;height:44px;line-height:42px;
border-radius:50%;
background:var(--hl-ink);color:var(--hl-paper);
border:1px solid rgba(184,159,129,.5);
box-shadow:0 6px 18px -6px rgba(28,21,10,.45);
}
body > a.backtop i,
body > a.contact-box i{color:var(--hl-paper);font-size:14px;line-height:inherit}
/* R2-01: with the fixed header + the bar, „Нагоре“ only covered content (card arrows, the submit button, text) → hidden where the bar is.
Ремонти keeps it: it sits 11px above .hlr-sticky, no overlap (checked at 390 and 360). */
body.has-hl-mbar > a.backtop{display:none !important}
/* ---------- 2. „Ремонти“ (стр. 24935): собствена лента .hlr-sticky, без .hl-mbar ---------- */
body:has(.hlr-sticky) > a.contact-box{display:none}
/* CSS-ът на страницата е в , след Customizer-а → нужна е малко по-висока специфичност (body …, [href]) */
body .hl-remont .hlr-sticky{grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) minmax(max-content,1.15fr);overflow:hidden} /* = .hl-mbar */
.hl-remont .hlr-sticky a[href]{font-size:var(--hl-fs-min);min-height:var(--hl-bar-h);padding-top:0;padding-bottom:0;white-space:nowrap}
body.hl-typing .hl-remont .hlr-sticky{display:none}
/* правилото на страницата сочи .hlr-footer, който вече не съществува → копирайтът беше под лентата */
body .hlr-sitefooter{padding-bottom:calc(30px + var(--hl-bar-h) + 2px + env(safe-area-inset-bottom))}
body .hlr-sitefooter .hlr-sf-grid ul li a{display:inline-flex;align-items:center;min-height:44px}
/* ---------- 3. Футър на проектите (.hlp-footbar) ---------- */
.hlp-footbar p,
.hlp-footbar nav{font-size:var(--hl-fs-min)}
/* невидима зона за докосване (≥40px); подчертаването (border-bottom) остава до текста */
.hlp-footbar a{position:relative}
.hlp-footbar a::before{content:"";position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px}
/* тъмният футър преминава в тъмната лента (кръгът „Нагоре“ е скрит при лентата → без допълнителни 56px) */
body.has-hl-mbar .hlp-footbar{padding-bottom:30px}
/* единичен проект: 30px светла ивица (padding на .content_wrapper) между футъра и лентата */
body.has-hl-mbar .content_wrapper:has(.hlp-footbar){padding-bottom:0}
.hl-copyright .hl-sep{display:block;height:0;margin:0;overflow:hidden}
.hl-copyright{line-height:1.8}
/* тънка линия между контактите и копирайта (на „Ремонти“ .hlr-sf-copy си има своя) */
.elementor-widget-text-editor .hl-copyright:not(.hlr-sf-copy){padding-top:20px;border-top:1px solid var(--hl-line)}
}
/* много тесни екрани (<360px): по-малко разредка, за да останат надписите на един ред */
@media (max-width:359px){
nav.hl-mbar > a,
.hl-remont .hlr-sticky a[href]{letter-spacing:.08em;gap:6px;padding-left:4px;padding-right:4px}
}
@media (max-width:1024px){
.elementor .elementor-section.elementor-top-section:has(.widget_contact_phone){display:block;padding:40px 0 8px}
.elementor .elementor-top-section:has(.widget_contact_phone) > .elementor-container{flex-wrap:wrap}
.elementor .elementor-top-section:has(.widget_contact_phone) > .elementor-container > .elementor-column:has(.elementor-widget-image){display:none}
.elementor .elementor-top-section:has(.widget_contact_phone) .elementor-widget-wrap{padding:0 var(--hl-gutter) 24px}
.elementor .elementor-top-section:has(.widget_contact_phone) :is(.elementor-heading-title,.elementor-widget-text-editor,.elementor-widget-text-editor *){text-align:left}
.elementor .elementor-top-section:has(.widget_contact_phone) .elementor-widget-text-editor :is(ul,ol){padding-left:0;margin-left:0;list-style:none}
.elementor .elementor-top-section:has(.widget_contact_phone) .elementor-widget-heading{margin-bottom:8px}
/* редове по 44px: връзките в „Меню“ и редовете в „Контакти“ */
.elementor .elementor-top-section:has(.widget_contact_phone) .elementor-widget-text-editor p{margin:0}
.elementor .elementor-top-section:has(.widget_contact_phone) .elementor-widget-text-editor a{display:inline-flex;align-items:center;min-height:44px}
.elementor .elementor-top-section:has(.widget_contact_phone) :is(.widget_contact_addr,.widget_contact_phone,.widget_contact_email){display:flex;align-items:center;min-height:44px}
/* празният в края на блока */
.elementor .elementor-top-section:has(.widget_contact_phone) p.widget_contact_phone:not(:has(*)){display:none}
.elementor .elementor-top-section:has(.widget_contact_phone) :is(.widget_contact_addr,.widget_contact_phone,.widget_contact_email) i{display:inline-block;width:20px;margin-right:0;font-size:15px;text-align:center;color:var(--hl-gold-deep)}
.elementor .elementor-top-section:has(.widget_contact_phone) .widget_contact_addr > i{margin-right:-4px}
/* телефонът и имейлът като връзки (след промяната на съдържанието: tel:/mailto:) */
.elementor .elementor-top-section:has(.widget_contact_phone) :is(a[href^="tel:"],a[href^="mailto:"]){color:var(--hl-ink);text-decoration:underline;text-decoration-color:rgba(184,159,129,.6);text-underline-offset:5px}
}
/* таблет: „Меню“ и „Контакти“ в две колони */
@media (min-width:768px) and (max-width:1024px){
.elementor .elementor-top-section:has(.widget_contact_phone) > .elementor-container > .elementor-column{width:50%}
}
/* телефон: колоните една под друга */
@media (max-width:767px){
.elementor .elementor-top-section:has(.widget_contact_phone) > .elementor-container > .elementor-column{width:100%}
}
/* === HL-P4 controls — Homelab refresh 2026-09 === */
.elementor-button,
.wpresidence_button,
a.wpresidence_button,
span.wpresidence_button,
input.wpresidence_button,
button.wpresidence_button,
#agent_submit,
.wpestate_item_list_sh,
.listinglink-wrapper_sh_listings .wpresidence_button,
a.hlb-btn,
.hl-remont a.hlr-btn,
.hl-remont .wpforms-container .wpforms-form button[type="submit"],
a.hlp-btn {
box-sizing: border-box;
min-height: 48px;
padding: 14px 28px !important;
border-radius: var(--hl-radius-sm) !important;
font-family: var(--hl-sans) !important;
font-size: var(--hl-fs-btn) !important;
font-weight: 600 !important;
letter-spacing: var(--hl-ls-ui) !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-align: center;
white-space: normal;
transition: background-color var(--hl-speed-fast) var(--hl-ease),
color var(--hl-speed-fast) var(--hl-ease),
border-color var(--hl-speed-fast) var(--hl-ease),
box-shadow var(--hl-speed-fast) var(--hl-ease) !important;
}
/* Link/span buttons: centre the label inside the 48px box (inputs/buttons centre natively) */
.elementor-button,
a.wpresidence_button,
span.wpresidence_button,
a.hlb-btn,
.hl-remont a.hlr-btn,
a.hlp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
/* Property call/WhatsApp buttons (theme: inline-block at 0,2,0; hidden by the theme at ≤770px, so only above) */
@media (min-width: 771px) {
.agent_contanct_form .wpresidence_button.realtor_call,
.agent_contanct_form .wpresidence_button.realtor_whatsapp {
display: inline-flex;
gap: 5px; /* „…на“ + span.agent_call_no become separate flex items: gap = one word space */
}
.agent_contanct_form .wpresidence_button.realtor_call > i,
.agent_contanct_form .wpresidence_button.realtor_whatsapp > i {
margin-right: 4px;
}
}
/* The theme forces nowrap/pre on input buttons, which clipped long labels on phones */
input.wpresidence_button,
#agent_submit {
white-space: normal !important;
height: auto !important;
}
/* No hover jump: polish, Ремонти, .hlb and projects add translateY(-2px) on :hover/:focus-visible */
.elementor-button:hover,
.elementor-button:focus-visible,
.wpresidence_button:hover,
.wpresidence_button:focus-visible,
.wpestate_item_list_sh:hover,
a.hlb-btn:hover,
.hl-remont a.hlr-btn:hover,
.hl-remont a.hlr-btn:focus-visible,
.hl-remont .wpforms-container .wpforms-form button[type="submit"]:hover,
a.hlp-btn:hover,
a.hlp-btn:focus-visible {
transform: none !important;
}
@media (hover: hover) {
.elementor-button:hover,
.wpresidence_button:hover,
.wpestate_item_list_sh:hover,
a.hlb-btn:hover,
.hl-remont a.hlr-btn:hover,
.hl-remont .wpforms-container .wpforms-form button[type="submit"]:hover,
a.hlp-btn:hover {
box-shadow: var(--hl-shadow-btn);
}
}
a.hlb-btn {
background: var(--hl-ink) !important;
border: 1px solid var(--hl-gold) !important;
color: #fff !important;
text-decoration: none !important;
}
a.hlb-btn:hover {
background: var(--hl-gold) !important;
color: var(--hl-ink) !important;
}
.hl-btn-outline .elementor-button {
background: transparent !important;
border: 1px solid currentColor !important;
color: var(--hl-ink) !important;
}
.hl-btn-outline .elementor-button:hover {
background: var(--hl-ink) !important;
border-color: var(--hl-ink) !important;
color: #fff !important;
}
/* An e-mail address reads wrong in capitals */
.hl-contact-btn .elementor-button[href^="mailto:"] {
text-transform: none !important;
letter-spacing: .02em !important;
font-size: 1.5rem !important;
}
/* Ремонти: shared vocabulary; the page's own colours (outline / gold) stay */
.hl-remont .hlr-call-btn {
margin-bottom: 8px;
}
/* Elementor form submit (Имоти, Контакти): Elementor sets min-height 47px at (0,3,0) */
.elementor-form .elementor-field-type-submit .elementor-button {
min-height: 48px;
}
/* Mobile: full-width action buttons */
@media (max-width: 767px) {
.wpestate_item_list_sh,
.agent_submit_class,
.agent_submit_class_elementor {
width: 100%;
}
}
body:not(.logged-in) .message_submit,
body:not(.logged-in) .message_explaining {
display: none !important;
}
.agent_contanct_form .form-control,
#agent_contact_name,
#agent_user_email,
#agent_phone,
#agent_comment,
.wpresidence_elementor_form .elementor-field,
.elementor-form .elementor-field-group .elementor-field.form-control,
.wpforms-container .wpforms-form .wpforms-field :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea) {
box-sizing: border-box;
min-height: 48px;
padding: 12px 14px !important;
border: 1px solid var(--hl-line-strong) !important;
border-radius: var(--hl-radius-sm) !important;
background: #fff !important;
color: var(--hl-ink) !important;
font-family: var(--hl-sans) !important;
font-size: 1.6rem !important;
line-height: 1.4 !important;
box-shadow: none !important;
transition: border-color var(--hl-speed-fast) var(--hl-ease),
box-shadow var(--hl-speed-fast) var(--hl-ease);
}
/* Textareas: taller than a field (selectors mirror the ones above so they win) */
#agent_comment,
.elementor-form .elementor-field-group textarea.elementor-field.form-control,
.hl-remont .wpforms-container .wpforms-form .wpforms-field textarea {
min-height: 120px;
resize: vertical;
}
/* WPForms select on Ремонти had height 50px / line-height 48px !important */
.hl-remont .wpforms-container .wpforms-form .wpforms-field select {
height: 48px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: normal !important;
}
/* Ремонти: „Телефон“ става type=tel (plugin JS); страницата дава width:100% само на text/email, WPForms medium = 60% */
.hl-remont .wpforms-form input[type="tel"] {
width: 100% !important;
max-width: 100% !important;
}
/* Focus on fields: gold-deep edge + soft champagne halo (replaces the outline ring below) */
.agent_contanct_form .form-control:focus,
#agent_contact_name:focus,
#agent_user_email:focus,
#agent_phone:focus,
#agent_comment:focus,
.wpresidence_elementor_form .elementor-field:focus,
.elementor-form .elementor-field-group .elementor-field.form-control:focus,
.wpforms-container .wpforms-form .wpforms-field :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea):focus {
border-color: var(--hl-gold-deep) !important;
box-shadow: var(--hl-ring) !important;
outline: none !important;
}
/* Labels (Elementor forms on Имоти / Контакти; Elementor per-widget CSS sets 18px/400) */
.elementor-form .elementor-field-group > .elementor-field-label {
font-family: var(--hl-sans) !important;
font-size: 1.4rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
color: var(--hl-ink) !important;
padding-bottom: 0 !important;
margin-bottom: 6px;
}
.wpresidence_elementor_form .elementor-field-group {
margin-bottom: 16px !important; /* Контакти per-widget CSS: 10px */
}
/* R2D-07: WPForms labels on Ремонти = the other lead forms (1.4rem/600 ink, sentence case as typed in the builder) – were 12px caps */
.hl-remont .wpforms-container .wpforms-field-label {
font-size: 1.4rem !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
text-transform: none !important;
margin-bottom: 6px !important;
}
/* Property enquiry form: the 250px squeeze came from 15+25+30px stacked padding */
@media (max-width: 767px) {
.single-estate_property .agent_contanct_form {
padding: 20px 0 !important;
}
}
.control_tax_wrapper {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
padding: 0 15px;
margin-bottom: 24px;
}
.control_tax_wrapper .control_tax_sh {
display: inline-flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
float: none;
width: auto !important;
min-width: 160px;
min-height: 48px;
margin: 0 !important;
padding: 10px 20px !important;
border: 1px solid var(--hl-gold) !important;
border-radius: var(--hl-radius-sm) !important;
background: #fff !important;
color: var(--hl-ink) !important;
font-family: var(--hl-sans);
font-size: var(--hl-fs-btn) !important;
font-weight: 600 !important;
letter-spacing: var(--hl-ls-ui) !important;
line-height: 1.2 !important;
text-transform: uppercase;
cursor: pointer;
transition: background-color var(--hl-speed-fast) var(--hl-ease),
color var(--hl-speed-fast) var(--hl-ease),
border-color var(--hl-speed-fast) var(--hl-ease) !important;
}
@media (hover: hover) {
.control_tax_wrapper .control_tax_sh:hover {
border-color: var(--hl-ink) !important;
background: var(--hl-paper-2) !important;
color: var(--hl-ink) !important;
}
}
.control_tax_wrapper .control_tax_sh.tax_active,
.control_tax_wrapper .control_tax_sh.tax_active:hover {
background: var(--hl-ink) !important;
border-color: var(--hl-ink) !important;
color: #fff !important;
}
@media (max-width: 767px) {
.control_tax_wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr;
padding: 0 10px; /* = .listing_wrapper side padding on phones, so tabs align with the cards */
margin-bottom: 16px;
}
.control_tax_wrapper .control_tax_sh {
min-width: 0;
padding: 10px 8px !important;
}
}
/* offset without !important and (0,2,0) specificity: beats polish (0,1,1); P3's inset offset for the bar still applies */
:is(a, button, input, select, textarea, summary, [role="button"], [tabindex="0"]):focus-visible {
outline: 2px solid var(--hl-ink) !important;
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--hl-gold) !important;
}
.elementor-button:focus-visible:not(:hover),
.wpresidence_button:focus-visible:not(:hover),
a.hlb-btn:focus-visible:not(:hover) {
background-color: var(--hl-ink) !important;
border-color: var(--hl-gold) !important;
color: #fff !important;
}
/* (0,3,0) on purpose: P6's photo/dark outline rules at (0,3,0) come later and keep winning */
.hl-btn-outline .elementor-button:focus-visible:where(:not(:hover)) {
background-color: transparent !important;
border-color: currentColor !important;
color: var(--hl-ink) !important;
}
.hl-remont a.hlr-btn:focus-visible:not(:hover) {
background-color: var(--hl-ink);
color: #fff;
}
.hl-remont a.hlr-btn.hlr-btn-outline:focus-visible:not(:hover) {
background-color: transparent;
color: var(--hl-ink);
}
.hl-remont a.hlr-btn.hlr-btn-gold:focus-visible:not(:hover),
a.hlp-btn:focus-visible:not(:hover) {
background-color: transparent;
color: var(--hl-paper);
}
.hlp-archive-body {
display: flow-root;
}
.hlp-archive-body .navigation.pagination {
float: none;
clear: both;
display: flex;
justify-content: center;
margin: 48px 0 8px;
}
.hlp-archive-body .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 0;
}
.hlp-archive-body .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 44px;
height: 44px;
padding: 0 16px;
border: 1px solid var(--hl-line-strong);
border-radius: var(--hl-radius-sm);
background: #fff;
color: var(--hl-ink);
font: 600 var(--hl-fs-min)/1 var(--hl-sans);
letter-spacing: var(--hl-ls-ui);
text-transform: uppercase;
text-decoration: none;
transition: border-color var(--hl-speed-fast) var(--hl-ease), background-color var(--hl-speed-fast) var(--hl-ease);
}
.hlp-archive-body .page-numbers.current {
background: var(--hl-ink);
border-color: var(--hl-ink);
color: #fff;
}
.hlp-archive-body a.page-numbers:hover {
border-color: var(--hl-gold-deep);
}
.hl-remont a.hlr-link {
display: inline-flex;
align-items: center;
min-height: 44px;
padding-bottom: 0;
font-size: var(--hl-fs-btn);
letter-spacing: var(--hl-ls-ui);
}
.hl-remont a.hlr-link::after {
top: calc(50% + 1.1em);
bottom: auto;
}
/* --------------------------------------------------------------- 8. Reduced motion --------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
.elementor-button,
.wpresidence_button,
.wpestate_item_list_sh,
a.hlb-btn,
.hl-remont a.hlr-btn,
a.hlp-btn,
.control_tax_wrapper .control_tax_sh,
.hlp-archive-body .page-numbers {
transition: none !important;
}
}
/* === HL-P5 listings — Homelab refresh 2026-09 === */
.listing_wrapper .property_listing.property_unit_type2,
.listing_wrapper .property_listing.property_unit_type2:hover {
/* bg: Elementor .elementor-23227 … .property_listing (0,4,0) paints #f0efec */
background-color: #fff !important;
border-radius: var(--hl-radius-md);
box-shadow: var(--hl-shadow-card); /* replaces the blue-grey theme shadow + blue hover glow */
/* no overflow:hidden – the image wrapper already clips (own radius below), and the share popup on archive cards must not be cut */
transform: none;
transition: box-shadow var(--hl-speed-fast) var(--hl-ease), transform var(--hl-speed-fast) var(--hl-ease);
}
.property_listing .listing-unit-img-wrapper {
border-radius: var(--hl-radius-md) var(--hl-radius-md) 0 0;
overflow: hidden;
}
.listing_wrapper.col-md-12 > .property_listing .listing-unit-img-wrapper {
border-radius: var(--hl-radius-md) 0 0 var(--hl-radius-md); /* archive list view: image on the left */
}
.property_listing .listing-unit-img-wrapper img {
border-radius: 0;
}
/* Titles: Playfair h4 token, 2 lines max (full title restored by the mu-plugin JS) */
.property_listing h4,
.property_listing h4 a {
/* Elementor post CSS sets the h4 at (0,4,1); the kit forces the link to Montserrat 16px */
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-h4) !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
color: var(--hl-ink);
}
.property_listing h4 a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
}
/* Price: one style everywhere – Montserrat 600, lining digits */
.property_listing .listing_unit_price_wrapper {
/* Elementor post CSS (0,4,0) sets Playfair 500/700 + old-style digits */
font-family: var(--hl-sans) !important;
font-weight: 600 !important;
font-size: 1.8rem !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
color: var(--hl-ink) !important;
font-variant-numeric: lining-nums tabular-nums;
}
.property_listing .listing_unit_price_wrapper span,
.property_listing .listing_unit_price_wrapper .price_label {
font-weight: 500 !important;
font-size: 1.4rem !important;
color: var(--hl-muted) !important;
}
/* Excerpt: 14px muted, 2 lines (grid cards only – list view on archives uses .col-md-12) */
.property_listing .listing_details.the_grid_view {
font-size: var(--hl-fs-small);
line-height: 1.5;
color: var(--hl-muted);
}
.listing_wrapper.col-md-4 > .property_listing .listing_details.the_grid_view {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
max-height: 3em; /* backstop: a clamped box that gets stretched still paints line 3 */
}
.property_listing .unit_more_x {
display: none; /* 10×19px „...“ link; the whole card already links */
}
.listing_wrapper:not(.col-md-4) > .property_listing .listing_details:has(> .unit_more_x)::after {
content: "\2026";
margin-left: -.2em;
}
/* Facts row (beds/baths/m²) */
.property_listing.property_unit_type2 .property_listing_details {
font-weight: 600;
line-height: 1.8;
color: var(--hl-ink-soft);
font-variant-numeric: lining-nums;
}
.property_listing.property_unit_type2 .property_listing_details > span {
display: inline-block; /* wrap between facts, not inside „Гараж – 35 000 € (допълнително)“ … */
max-width: 100%; /* … but a fact wider than a narrow card still wraps (nowrap pushed the 1st home card 105px under the 2nd at 800px) */
margin-right: 10px;
}
/* Status chips: one pale pill, sentence case (guarded – never a blanket hide) */
.property_listing:has(.ribbon-inside) .action_tag_wrapper {
display: none !important;
}
.ribbon-inside,
.action_tag_wrapper {
text-transform: none !important;
font-size: 1.2rem !important;
}
.property_listing .ribbon-inside,
.property_listing .action_tag_wrapper {
background: rgba(248, 248, 247, .92);
color: var(--hl-ink);
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
padding: 2px 10px;
border-radius: var(--hl-radius-pill);
box-shadow: none;
}
/* Hover lift only where hover exists */
@media (hover: hover) {
.listing_wrapper .property_listing.property_unit_type2:hover {
box-shadow: var(--hl-shadow-raise);
transform: translateY(-3px);
}
}
/* Desktop 3-column grid (Bootstrap md): reserve two title lines so prices line up across a row */
@media (min-width: 992px) {
.listing_wrapper.col-md-4 > .property_listing h4 a {
min-height: 2.6em;
}
}
/* Mobile: 48px card arrows, vertically centred */
@media (max-width: 767px) {
.property_listing .carousel-control {
width: 48px;
height: 48px;
top: 50%;
bottom: auto;
margin-top: 0; /* theme -16px would double the offset */
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
}
}
.property_listing_blog .blog_unit_meta {
display: none !important; /* 2022 dates */
}
.blogs_wrapper .property_listing_blog,
.property_listing_blog {
border-radius: var(--hl-radius-md) !important; /* polish: 3px !important */
}
.property_listing_blog .blog_unit_image {
border-radius: 0; /* theme inline 5px rounded the photo's bottom edge */
}
.property_listing_blog h4 a.blog_unit_title {
/* blog page: kit forces Montserrat 16px on links */
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-h4) !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
color: var(--hl-ink) !important;
}
.property_listing_blog .read_more {
/* theme pins it absolutely 15px above the card floor (hence its 45px excerpt margin); back in the flex column, polish's margin-top:auto keeps it on the floor */
position: static;
align-self: flex-start;
margin: auto 20px 8px;
display: inline-flex;
align-items: center;
gap: 4px;
min-height: 44px;
/* Блог page: Elementor post-24185 (0,4,0) sets 16px/0 – same link as on Начало */
font-size: var(--hl-fs-min) !important;
letter-spacing: var(--hl-ls-ui) !important;
}
.property_listing_blog .listing_details.the_grid_view {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
font-size: var(--hl-fs-small);
line-height: 1.6;
color: var(--hl-muted);
margin-bottom: 8px; /* theme: 45px */
flex: 0 1 auto; /* polish grows it (flex:1) – a stretched clamp paints the 4th line; .read_more keeps margin-top:auto */
max-height: 4.8em;
}
@media (hover: hover) {
.blog2v .property_listing_blog:hover {
transform: translateY(-3px);
box-shadow: var(--hl-shadow-raise);
}
}
@media (hover: none) {
.blog2v .property_listing_blog:hover,
.blog2v .property_listing_blog:hover .blog_unit_image img {
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.listing_wrapper .property_listing.property_unit_type2,
.blog2v .property_listing_blog {
transition: none !important;
}
.listing_wrapper .property_listing.property_unit_type2:hover,
.blog2v .property_listing_blog:hover {
transform: none;
}
}
.single-estate_property h1.entry-title.entry-prop {
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-prop) !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
color: var(--hl-ink) !important;
text-wrap: balance;
margin-bottom: 6px !important;
}
.single-estate_property .notice_area .price_area {
font-family: var(--hl-sans) !important;
font-weight: 600 !important;
font-size: clamp(2.2rem, 1.977rem + .571vw, 2.8rem) !important; /* 22 → 28px */
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: var(--hl-ink) !important;
font-variant-numeric: lining-nums tabular-nums;
padding-top: 0 !important;
}
.single-estate_property .notice_area .price_area .price_label {
font-family: var(--hl-sans) !important;
font-weight: 500 !important;
font-size: .64em !important;
line-height: inherit !important;
color: var(--hl-muted) !important;
padding: 0 !important;
}
/* .property_categs is the ADDRESS line – not pills */
.single-estate_property .notice_area .property_categs,
.single-estate_property .notice_area .property_categs a {
font-size: 1.6rem !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
color: var(--hl-ink-soft);
}
.single-estate_property .notice_area .property_categs i {
color: var(--hl-gold-deep);
margin-right: 4px;
}
/* Tags „Наеми / Апартаменти“ → outline pills */
.single-estate_property .property_title_label {
background: transparent !important; /* post-21527 (0,4,0) paints them ink */
border: 1px solid rgba(28, 21, 10, .2);
border-radius: var(--hl-radius-pill);
padding: 3px 12px;
line-height: 1.4;
}
.single-estate_property .property_title_label a {
color: var(--hl-ink) !important; /* post-21527 (0,4,0): white */
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0;
}
/* Gallery */
.single-estate_property #carousel-listing {
border-radius: var(--hl-radius-md);
}
#carousel-listing .slider-property-status {
/* Customizer line 17 still forces 22px !important on this label */
font-size: 1.3rem !important;
font-weight: 600;
line-height: 1.5;
padding: 4px 14px;
border-radius: var(--hl-radius-pill);
background: rgba(248, 248, 247, .92);
color: var(--hl-ink);
box-shadow: none;
}
/* Surfaces: warm hairline instead of the blue-grey theme shadow */
.single-estate_property .single-overview-section,
.single-estate_property .wpestate_property_description {
border-radius: var(--hl-radius-md);
box-shadow: var(--hl-shadow-card);
}
.single-estate_property #tab_prpg {
background: #fff;
border-radius: var(--hl-radius-md);
box-shadow: var(--hl-shadow-card);
overflow: hidden;
margin-bottom: 30px;
}
.single-estate_property #tab_prpg .tab-pane {
box-shadow: none;
border-radius: 0;
margin-bottom: 0;
padding-top: 8px;
}
/* „Детайли“ is the only tab → show it as the card's label (scoped: real multi-tab sets stay tabs) */
.single-estate_property #tab_prpg .nav-tabs:has(> li:only-child),
.single-estate_property #tab_prpg .nav-tabs > li:only-child,
.single-estate_property #tab_prpg .nav-tabs > li:only-child > a {
background: transparent;
border: 0;
float: none;
width: auto;
}
.single-estate_property #tab_prpg .nav-tabs > li:only-child > a {
padding: 24px 30px 0;
text-align: left;
font-size: var(--hl-fs-eyebrow);
font-weight: 600;
letter-spacing: var(--hl-ls-eyebrow);
text-transform: uppercase;
color: var(--hl-gold-deep);
pointer-events: none; /* single tab – a label, not a control */
}
/* Details: regular muted labels, semibold values */
.single-estate_property .listing_detail {
font-weight: 600;
font-size: 1.6rem;
line-height: 1.5;
color: var(--hl-ink);
padding: 10px 0;
border-bottom: 1px solid rgba(184, 159, 129, .25);
font-variant-numeric: lining-nums;
}
.single-estate_property .listing_detail strong,
.single-estate_property .listing_detail .price_label {
font-weight: 400;
color: var(--hl-muted);
font-size: inherit;
}
.single-estate_property .listing_detail strong {
margin-right: .35em;
}
#propertyid_display {
display: none !important; /* the older Customizer copy sits in the dead block */
}
/* Desktop: the share row is absolutely placed at the right (≈320px) – keep the H1 clear of it */
@media (min-width: 993px) {
.single-estate_property h1.entry-title.entry-prop {
max-width: min(75%, calc(100% - 340px));
}
}
/* Tablet + mobile: tags in the flow above the H1 (theme floats them with top:-10px/5px, relying on a 25px H1 padding for room) */
@media (max-width: 992px) {
.single-estate_property .notice_area .single_property_labels {
position: static;
margin-bottom: 10px;
}
/* One column, like the theme's ≤640 layout: H1 → price → address → share row.
(my_media.css ≤992 pushed the float:right price down with padding-top:30px; with that
padding gone and the smaller balanced H1, the price sat under the absolute share row.) */
.single-estate_property h1.entry-title.entry-prop {
margin-top: 0 !important;
padding-top: 0 !important;
width: 100%; /* theme ≤770: 60% */
max-width: 100%; /* theme: 75% */
}
.single-estate_property .notice_area .price_area {
float: left; /* theme ≥641: right */
clear: both;
}
.single-estate_property .notice_area .property_categs {
margin-top: 10px; /* theme ≤992: 0 */
}
.single-estate_property .notice_area .prop_social .single_property_action {
margin: 0 10px 0 0; /* first button flush with the H1 (theme ≥641: 10px left) */
}
.single-estate_property .notice_area .prop_social .share_unit {
left: 0; /* theme -30px: with the row at the left edge the „Сподели“ popup was clipped off-screen */
}
}
/* Tablet: the Customizer's ≤767 share-row rule, extended to 992 (theme: absolute, top-right) */
@media (min-width: 768px) and (max-width: 992px) {
.single-estate_property .notice_area .prop_social {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
clear: both;
float: left;
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0 14px;
}
}
/* Mobile: 4:3 gallery, tight top, one-line breadcrumb */
@media (max-width: 767px) {
.single-estate_property .breadcrumb_container {
white-space: nowrap;
overflow: hidden;
}
.single-estate_property .breadcrumb .active {
display: none;
}
.single-estate_property .notice_area {
margin-top: 16px !important; /* my_media.css: 70px */
}
/* theme: min-height 185px + height:100% !important chains; owl writes an inline height */
#carousel-listing,
#carousel-listing .carousel-inner {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
#carousel-listing {
aspect-ratio: 4 / 3; /* reserves the box while owl is still display:none (CLS) */
}
#carousel-listing .owl-stage-outer {
height: auto !important;
}
#carousel-listing .owl-nav {
margin-top: 0; /* theme -22px shortened the gallery box */
}
#carousel-listing .owl-item .item {
height: auto !important;
min-height: 0 !important;
}
#carousel-listing .owl-item .item a {
display: block;
}
#carousel-listing .item img {
width: 100% !important;
aspect-ratio: 4 / 3;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
}
/* H1 was Playfair 700 at 56/58px (inline theme rule) and broke „Апартамент/и“ (.entry-title word-break) */
body[class*="tax-property_"] h1.entry-title.title_prop {
font-family: var(--hl-serif);
font-size: var(--hl-fs-display);
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
overflow-wrap: normal;
word-break: normal;
text-wrap: balance;
}
@media (max-width: 767px) {
body[class*="tax-property_"] h1.entry-title.title_prop {
font-size: 3rem;
}
/* Sofia-only broker: no „Държави / Градове“ dropdowns */
body[class*="tax-property_"] .listing_filter_select.filter_county,
body[class*="tax-property_"] .listing_filter_select.filter_city {
display: none;
}
}
/* === HL-P6 sections — Homelab refresh 2026-09 === */
@media (max-width: 767px) {
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227) .elementor-top-section:not(:has(.widget_contact_phone)) {
padding-left: 0 !important; /* Elementor per-section padding */
padding-right: 0 !important;
}
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227) .elementor-top-section:not(:has(.widget_contact_phone)) > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-left: var(--hl-gutter) !important; /* Elementor per-column padding / margin */
padding-right: var(--hl-gutter) !important;
margin-left: 0 !important; /* e.g. home intro 2260481 had 20px column margins on top */
margin-right: 0 !important;
}
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227) .elementor-top-section:not(:has(.widget_contact_phone)) :is(.elementor-widget-heading, .elementor-widget-text-editor, .elementor-widget-toggle) > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
:is(.elementor-18618, .elementor-21420, .elementor-23115, .elementor-23227) .elementor-top-section:not(:has(.widget_contact_phone)) .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.elementor-18618 .elementor-element.elementor-element-62ac066e > .elementor-background-overlay {
background: var(--hl-scrim) !important; /* was flat #1c150a at .56 */
opacity: 1 !important;
}
/* Elementor pulls these widgets together with negative margins (-21…-29px); spacing is set here instead */
.elementor-18618 .elementor-element.elementor-element-6dcf8918 > .elementor-widget-container,
.elementor-18618 .elementor-element.elementor-element-6625380 > .elementor-widget-container,
.elementor-18618 .elementor-element.elementor-element-01255bc > .elementor-widget-container {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-18618 .elementor-element.elementor-element-6dcf8918 { margin-bottom: 16px !important; }
.elementor-18618 .elementor-element.elementor-element-6625380 { margin-bottom: 20px !important; }
.elementor-18618 .elementor-element.elementor-element-01255bc { margin-bottom: 32px !important; }
/* Eyebrow „Брокер на недвижими имоти · София“ */
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title {
font-family: var(--hl-sans) !important;
font-size: 1.2rem !important; /* was 9px on mobile */
font-weight: 600 !important;
letter-spacing: var(--hl-ls-ui) !important;
line-height: 1.5 !important;
text-transform: uppercase;
color: var(--hl-paper) !important;
text-wrap: balance;
}
/* H1 */
.elementor-18618 .elementor-element-6625380 .elementor-heading-title {
font-size: var(--hl-fs-display) !important;
line-height: var(--hl-lh-display) !important;
font-weight: 400 !important;
letter-spacing: -.01em !important;
text-wrap: balance;
}
/* Sub line — Montserrat, readable leading (was Playfair 16/9px) */
.elementor-18618 .elementor-element-01255bc .elementor-heading-title {
font-family: var(--hl-sans) !important;
font-size: clamp(1.6rem, 1.526rem + .19vw, 1.8rem) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
max-width: 46em;
margin-inline: auto;
opacity: .9;
text-wrap: balance;
}
/* CTA row: two Button widgets (.hl-hero-cta) side by side, centred */
.elementor-18618 .elementor-element-62ac066e .elementor-widget-wrap {
justify-content: center;
column-gap: 12px;
}
.elementor-18618 .elementor-element-62ac066e .elementor-widget-wrap > .hl-hero-cta {
width: auto;
margin-bottom: 0 !important;
}
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta .elementor-button {
min-width: 29rem; /* both CTAs the same width */
}
@media (max-width: 767px) {
/* hero fills the screen between the fixed header (P2) and the contact bar (P3), 40px of the next band peeks */
.elementor-18618 .elementor-element.elementor-element-62ac066e {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.elementor-18618 .elementor-element.elementor-element-62ac066e > .elementor-container {
min-height: calc(100vh - var(--hl-header-h) - var(--hl-bar-h) - 120px) !important;
min-height: calc(100svh - var(--hl-header-h) - var(--hl-bar-h) - 120px) !important;
}
.elementor-18618 .elementor-element-62ac066e .elementor-widget-wrap > .hl-hero-cta {
width: 100%;
}
.elementor-18618 .elementor-element-62ac066e .elementor-widget-wrap > .hl-hero-cta + .hl-hero-cta {
margin-top: 12px;
}
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta .elementor-button {
display: flex !important; /* P4 sets inline-flex */
width: 100%;
min-width: 0;
min-height: 48px;
}
}
@media (min-width: 768px) {
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title {
font-size: var(--hl-fs-eyebrow) !important;
letter-spacing: var(--hl-ls-eyebrow) !important;
}
}
/* Buttons on dark (hero photo + closing band): champagne primary, light outline secondary */
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta .elementor-button,
.hl-cta-band .hl-hero-cta .elementor-button {
background-color: var(--hl-gold) !important; /* polish/P4 paint ink with !important */
background-image: none !important;
border: 1px solid var(--hl-gold) !important;
color: var(--hl-ink) !important;
}
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta .elementor-button:hover,
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta .elementor-button:focus-visible,
.hl-cta-band .hl-hero-cta .elementor-button:hover,
.hl-cta-band .hl-hero-cta .elementor-button:focus-visible {
background-color: var(--hl-paper) !important;
border-color: var(--hl-paper) !important;
color: var(--hl-ink) !important;
}
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta.hl-btn-outline .elementor-button,
.hl-cta-band .hl-hero-cta.hl-btn-outline .elementor-button {
background-color: transparent !important;
border-color: rgba(248, 248, 247, .7) !important;
color: var(--hl-paper) !important;
}
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta.hl-btn-outline .elementor-button:hover,
.elementor-18618 .elementor-element-62ac066e .hl-hero-cta.hl-btn-outline .elementor-button:focus-visible,
.hl-cta-band .hl-hero-cta.hl-btn-outline .elementor-button:hover,
.hl-cta-band .hl-hero-cta.hl-btn-outline .elementor-button:focus-visible {
background-color: rgba(248, 248, 247, .12) !important;
border-color: var(--hl-paper) !important;
color: var(--hl-paper) !important;
}
/* Intro text section (2260481) under the stats band */
@media (max-width: 767px) {
.elementor-18618 .elementor-element.elementor-element-2260481 {
padding-top: 56px !important; /* was 100px */
padding-bottom: 40px !important;
}
}
.elementor-18618 .elementor-element.elementor-element-69fcf17 {
margin-top: 0 !important; /* Elementor -7% overlap made sense mid-page, not under the hero */
padding: clamp(4rem, 2.514rem + 3.81vw, 8rem) 40px !important;
}
.elementor-18618 .elementor-element-69fcf17 .elementor-counter {
flex-direction: column-reverse;
align-items: center;
}
.elementor-18618 .elementor-element-69fcf17 .elementor-counter-number-wrapper {
font-size: var(--hl-fs-stat) !important;
line-height: 1.05 !important;
font-variant-numeric: lining-nums tabular-nums;
justify-content: center;
}
.elementor-18618 .elementor-element-69fcf17 .elementor-counter-title {
font-family: var(--hl-sans) !important;
font-size: 1.2rem !important;
font-weight: 600 !important;
letter-spacing: .16em !important;
line-height: 1.4 !important;
text-transform: uppercase;
text-align: center;
justify-content: center;
color: var(--hl-ink-soft) !important;
margin-top: 10px;
}
@media (max-width: 767px) {
.elementor-18618 .elementor-element.elementor-element-69fcf17 {
padding: 36px 12px !important;
}
.elementor-18618 .elementor-element-69fcf17 > .elementor-container {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px;
}
.elementor-18618 .elementor-element-69fcf17 > .elementor-container > .elementor-column {
width: 100% !important;
}
.elementor-18618 .elementor-element.elementor-element-69fcf17 > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding: 0 !important; /* beats the §1 gutter (0,6,0) */
}
.elementor-18618 .elementor-element-69fcf17 .elementor-counter-title {
letter-spacing: .08em !important;
margin-top: 6px;
}
}
@media (max-width: 767px) {
.elementor-18618 .elementor-element-431e167 { display: none !important; } /* inset photo inside the photo band */
}
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-tab-title {
display: flex;
align-items: center;
gap: 12px;
padding: 18px 4px !important; /* polish sets padding-left with !important */
}
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-tab-title:hover,
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-tab-title.elementor-active {
padding-left: 12px !important;
}
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-toggle-icon {
float: none;
width: auto;
flex: 0 0 auto;
order: 0;
opacity: .75;
}
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-toggle-icon .fa-caret-right::before {
content: "\f054"; /* chevron-right (Font Awesome 5 solid is loaded) */
font-size: 1.1rem;
}
.elementor-18618 .elementor-element-da8c7c4 .elementor-toggle .elementor-toggle-icon .fa-caret-up::before {
content: "\f078"; /* chevron-down */
font-size: 1.1rem;
}
/* „Ремонтни дейности“ band: sand instead of a second dark block */
.elementor-18618 .hlb {
background: var(--hl-sand);
border-top: 0;
border-bottom: 0;
}
/* eyebrow in the P1 system: 13–14px, .2em, 28px gold line; deeper bronze because gold-deep on sand is only 3.4:1 (#76562e = 4.71:1, see HL-P1) */
.elementor-18618 .hlb .hlb-eyebrow {
color: #76562e;
text-wrap: balance; /* R2-06: „НОВО · РЕМОНТИ И / ОБНОВЯВАНЕ“ */
font-size: var(--hl-fs-eyebrow);
letter-spacing: var(--hl-ls-eyebrow);
line-height: 1.4;
margin: 0 0 12px;
}
.elementor-18618 .hlb .hlb-eyebrow::before {
content: "";
display: inline-block;
width: 28px;
height: 1px;
margin: 0 12px 0 0;
vertical-align: .32em;
background: var(--hl-gold);
}
.elementor-18618 .hlb .hlb-title {
color: var(--hl-ink);
margin: 0 0 16px;
}
.elementor-18618 .hlb .hlb-text {
color: var(--hl-ink-soft);
font-size: var(--hl-fs-body);
line-height: var(--hl-lh-body);
margin: 0 0 28px;
}
.elementor-18618 .hlb .hlb-img {
border: 0;
border-radius: var(--hl-radius-md);
}
/* .hlb-btn colours on sand: P4 (ink fill, gold hover) */
@media (max-width: 767px) {
/* keep the band full-bleed (the gutter rule above would inset it) */
.elementor-18618 .elementor-top-section:has(.hlb) > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-18618 .hlb { padding: 56px var(--hl-gutter); }
}
.wpestate_testimonial_slider .item {
box-shadow: none !important; /* theme: faint blue-grey inset "card" */
}
.wpestate_testimonial_slider .owl-item:not(.active) { height: 1px !important; }
.wpestate_testimonial_slider .owl-stage-outer { padding-bottom: 0 !important; } /* theme 30px under the stage */
.wpestate_testimonial_slider .item_testimonial_content {
display: flex !important;
flex-direction: column;
align-items: stretch;
max-width: 72rem;
}
.wpestate_testimonial_slider .item_testimonial_text { order: 1; margin-bottom: 0 !important; } /* theme 30px */
.wpestate_testimonial_slider .item_testimonial_stars { order: 2; margin-top: 24px; line-height: 1 !important; } /* 30px line box around 12px stars */
.wpestate_testimonial_slider .item_testimonial_title { order: 3; margin-bottom: 0 !important; } /* theme 30px → the arrows' own margin sets the gap */
.wpestate_testimonial_slider .item_testimonial_name:empty,
.wpestate_testimonial_slider .item_testimonial_job:empty { display: none; }
.wpestate_testimonial_slider .item_testimonial_text::before {
content: "\201C";
display: block;
font-family: var(--hl-serif);
font-size: 7.2rem;
font-weight: 400;
line-height: 1;
height: .42em;
color: var(--hl-gold);
margin-bottom: 12px;
}
.wpestate_testimonial_slider .item_testimonial_text,
.wpestate_testimonial_slider .item_testimonial_text p {
font-family: var(--hl-sans) !important;
font-size: var(--hl-fs-body) !important;
line-height: var(--hl-lh-body) !important;
letter-spacing: 0 !important;
color: var(--hl-ink-soft);
}
/* left-aligned quote on phones: BG home only (RG2-02 – the EN pages stay centred, as in the theme) */
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_text,
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_text p {
text-align: left !important; /* the quote
carries an inline text-align */
}
.wpestate_testimonial_slider .item_testimonial_title {
font-family: var(--hl-sans) !important; /* theme sets Playfair 22px */
font-size: 1.3rem !important;
font-weight: 600 !important;
letter-spacing: var(--hl-ls-eyebrow) !important;
line-height: 1.4 !important;
text-transform: uppercase;
color: var(--hl-gold-deep) !important;
margin-top: 12px;
}
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_title { text-align: left !important; }
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_stars { text-align: left; }
.wpestate_testimonial_slider .item_testimonial_stars i { font-size: 1.2rem; }
/* arrows: centred under the quote instead of pinned to the edges / the heading */
.wpestate_testimonial_slider .owl-nav {
position: static !important;
display: flex !important;
justify-content: center;
gap: 12px;
width: auto !important;
margin: 24px 0 0 !important;
transform: none !important;
}
@media (min-width: 768px) {
.wpestate_testimonial_slider .owl-nav { margin-top: 32px !important; }
}
.wpestate_testimonial_slider .owl-nav button.owl-prev,
.wpestate_testimonial_slider .owl-nav button.owl-next {
position: static !important;
transform: none !important;
margin: 0 !important;
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
/* centred from 768px on every page (EN included); on phones only the BG home is left-aligned (above) */
.wpestate_testimonial_slider .item_testimonial_text,
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_text,
.wpestate_testimonial_slider .item_testimonial_text p,
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_text p,
.wpestate_testimonial_slider .item_testimonial_title,
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_title,
.wpestate_testimonial_slider .item_testimonial_stars {
text-align: center !important;
}
}
.elementor-18618 .elementor-element.elementor-element-7497c1f8 { padding-bottom: var(--hl-section-y) !important; }
.elementor-18618 .elementor-element.elementor-element-7497c1f8 > .elementor-container { min-height: 0 !important; }
@media (max-width: 767px) {
.elementor-18618 .wpestate_testimonial_slider .item_testimonial_content { padding: 0 !important; } /* BG home: the 20px gutter is on the column (RG2-02: EN keeps the theme's 24px inset) */
.elementor-18618 .elementor-element.elementor-element-7497c1f8 { padding-bottom: 40px !important; }
}
.hl-cta-band {
background-color: var(--hl-ink);
padding: var(--hl-section-y) 0 !important;
}
.hl-cta-band > .elementor-container { max-width: 76rem !important; }
.hl-cta-band .elementor-widget-wrap {
justify-content: center;
column-gap: 12px;
text-align: center;
}
.hl-cta-band .elementor-widget-wrap > .elementor-widget { margin-bottom: 0 !important; }
/* eyebrow + H2 typography are P1's (.hl-eyebrow, .hl-cta-band h2); only the on-dark colours here */
.hl-cta-band .hl-eyebrow { --hl-eyebrow-c: var(--hl-gold); } /* gold text only on dark */
.hl-cta-band h2.elementor-heading-title {
color: var(--hl-paper) !important; /* Elementor kit paints headings ink */
}
.hl-cta-band .elementor-widget-wrap > .elementor-widget-heading:has(h2) { margin-bottom: 16px !important; }
.hl-cta-band .elementor-widget-wrap > .elementor-widget-text-editor { margin-bottom: 32px !important; }
.hl-cta-band .elementor-widget-text-editor p {
font-size: var(--hl-fs-body) !important;
line-height: var(--hl-lh-body) !important;
color: rgba(248, 248, 247, .82) !important;
max-width: 52ch;
margin: 0 auto;
}
.hl-cta-band .elementor-widget-wrap > .hl-hero-cta { width: auto; }
.hl-cta-band .hl-hero-cta .elementor-button { min-width: 29rem; }
@media (max-width: 767px) {
.hl-cta-band { padding: 56px 0 !important; }
.hl-cta-band .elementor-widget-wrap,
.hl-cta-band .elementor-widget-wrap .elementor-heading-title,
.hl-cta-band .elementor-widget-text-editor,
.hl-cta-band .elementor-widget-text-editor p {
text-align: left !important; /* P1: body text left-aligned on phones */
}
.hl-cta-band .elementor-widget-text-editor p { margin: 0; }
.hl-cta-band .elementor-widget-wrap > .hl-hero-cta { width: 100%; }
.hl-cta-band .elementor-widget-wrap > .hl-hero-cta + .hl-hero-cta { margin-top: 12px; }
.hl-cta-band .hl-hero-cta .elementor-button {
display: flex !important;
width: 100%;
min-width: 0;
min-height: 48px;
}
}
.elementor-23227 .elementor-element.elementor-element-19ead24 > .elementor-widget-container { margin: 0 !important; } /* was 105px on phones; the 16px gap to the H1 is HL-P1 §4 */
.elementor-23227 .elementor-element.elementor-element-327d6e3 > .elementor-widget-container { margin: 0 !important; } /* was -59px (desktop) / -21px (mobile) */
.elementor-23227 .elementor-element-dcb6a6e > .elementor-widget-container { max-width: 64rem; margin-inline: auto; }
.elementor-23227 .elementor-element-dcb6a6e p {
font-size: var(--hl-fs-lead) !important;
line-height: 1.6 !important;
letter-spacing: 0 !important;
}
@media (max-width: 767px) {
.elementor-23227 .elementor-element.elementor-element-3fd6bb4 {
padding: 40px 0 32px !important;
margin-bottom: 0 !important; /* Elementor -64px let the next band cover the lead */
min-height: 0 !important;
}
.elementor-23227 .elementor-element.elementor-element-3fd6bb4 > .elementor-container { min-height: 0 !important; }
.elementor-23227 .elementor-element.elementor-element-3fd6bb4 > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-top: 0 !important;
padding-bottom: 0 !important; /* Elementor column had 115px below the lead */
}
.elementor-23227 .elementor-element.elementor-element-19ead24,
.elementor-23227 .elementor-element.elementor-element-327d6e3 { padding: 0 !important; }
.elementor-23227 .elementor-element.elementor-element-327d6e3 { margin-bottom: 16px !important; }
.elementor-23227 .elementor-element.elementor-element-327d6e3 > .elementor-widget-container,
.elementor-23227 .elementor-element.elementor-element-dcb6a6e > .elementor-widget-container { padding-left: 0 !important; padding-right: 0 !important; }
.elementor-23227 .elementor-element.elementor-element-dcb6a6e { margin-bottom: 0 !important; }
.elementor-23227 .elementor-element-dcb6a6e p:last-child { margin-bottom: 0; }
.elementor-23227 .elementor-element.elementor-element-bac0f0b { padding-top: 16px !important; }
}
.elementor-21420 .elementor-element-c83f6a9 { counter-reset: hl-card; }
.elementor-21420 .elementor-element-c83f6a9 > .elementor-container > .elementor-column { counter-increment: hl-card; }
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-icon:has(.fa-gem) { display: none !important; }
.elementor-21420 .elementor-element-c83f6a9 > .elementor-container > .elementor-column > .elementor-element-populated {
box-shadow: none !important; /* blue-grey theme shadow */
border: 1px solid rgba(28, 21, 10, .10);
border-radius: var(--hl-radius-md) !important;
background-color: #fff;
}
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-heading .elementor-heading-title::before {
content: counter(hl-card, decimal-leading-zero);
display: block;
font-family: var(--hl-serif);
font-size: 3.4rem;
font-weight: 400;
line-height: 1;
font-variant-numeric: lining-nums;
color: var(--hl-gold-deep);
margin-bottom: 16px;
}
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-heading,
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-heading .elementor-heading-title,
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-text-editor,
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-text-editor p {
text-align: left !important;
}
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-heading .elementor-heading-title { text-wrap: balance; }
/* the three cards had different inner offsets (14px / −12px margins, 12–40px top padding) */
.elementor-21420 .elementor-element-c83f6a9 :is(.elementor-widget-heading, .elementor-widget-text-editor) > .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
.elementor-21420 .elementor-element.elementor-element-c83f6a9 .elementor-widget-heading { margin-bottom: 16px !important; }
@media (max-width: 767px) {
.elementor-21420 .elementor-element.elementor-element-c83f6a9 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.elementor-21420 .elementor-element.elementor-element-c83f6a9 > .elementor-container > .elementor-column > .elementor-element-populated {
padding: 28px 24px !important; /* beats the §1 gutter */
}
}
@media (max-width: 767px) {
/* side padding: see §1; Elementor also leaves a 36% (≈140px) gap under the intro */
.elementor-23115 .elementor-element.elementor-element-cb74880:has(+ .hl-contact-btn) > .elementor-widget-container {
padding-bottom: 8px !important;
}
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn { margin-bottom: 12px !important; }
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn:last-child { margin-bottom: 32px !important; } /* FIX1: the intro text follows (order: 1) */
.elementor-23115 .hl-contact-btn .elementor-button {
display: flex !important;
width: 100%;
min-height: 48px;
}
.elementor-23115 .elementor-element-b784d10 > .elementor-container > .elementor-element-e205b94 { order: -1; }
.elementor-23115 .elementor-element-b784d10 > .elementor-container > .elementor-element-10754cd > .elementor-widget-wrap { padding-top: 0 !important; padding-bottom: 40px !important; }
.elementor-23115 .elementor-element-297de10 img {
width: 100%;
aspect-ratio: 4 / 3;
height: auto;
object-fit: cover;
object-position: 50% 12%; /* face and shoulders */
}
}
@media (min-width: 768px) {
/* right gutter for the text column (H1/text/buttons ran to 10–25px from the viewport edge) */
.elementor-23115 .elementor-element-e205b94 > .elementor-widget-wrap { padding-right: clamp(24px, 6vw, 96px) !important; }
/* lined up with the intro text, which Elementor indents by 5% of the column */
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn { margin-left: 5%; }
.elementor-23115 .hl-contact-btn .elementor-button-wrapper { text-align: left; }
.elementor-23115 .hl-contact-btn .elementor-button {
display: flex !important;
width: 100%;
max-width: 36rem;
}
}
@media (min-width: 768px) {
/* tablet: stacked 36rem buttons; the intro text follows them (order below) */
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn { margin-bottom: 12px !important; }
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn:last-child { margin-bottom: 20px !important; }
.elementor-23115 .hl-contact-btn .elementor-button { min-height: 48px; white-space: nowrap; }
}
/* R2D-01: eyebrow → H1 → the three buttons → the long text, at EVERY width (was phone-only) */
.elementor-23115 .elementor-element-e205b94 .elementor-widget-wrap > .elementor-element-cb74880:has(~ .hl-contact-btn) { order: 1; }
@media (min-width: 768px) {
/* text column 60% / portrait 40%: the display-size H1 needs the width (50% gave 8 lines on a tablet) and on desktop the three buttons sit on one row from ≈1240px up */
.elementor-23115 .elementor-element.elementor-element-10754cd { width: 40% !important; }
.elementor-23115 .elementor-element.elementor-element-e205b94 { width: 60% !important; }
.elementor-23115 .elementor-element.elementor-element-e205b94 > .elementor-widget-wrap {
padding: 0 clamp(24px, 3vw, 48px) 0 40px !important;
column-gap: 12px;
}
.elementor-23115 .elementor-element-e205b94 :is(.elementor-element-49f76e6, .elementor-element-f8837b0, .elementor-element-cb74880) > .elementor-widget-container {
padding-left: 0 !important; /* Elementor 5% indent; the column padding above replaces it */
}
.elementor-23115 .elementor-element-cb74880 > .elementor-widget-container {
padding-top: 20px !important;
margin-inline: 0 !important; /* HL-P1 centres the 68rem measure; here the text lines up with the H1 and the buttons */
}
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn { margin-left: 0; }
}
@media (min-width: 1024px) {
/* desktop header (150px): the hero starts 64px under it (was a 153–217px empty band: −12% margin + 15% padding + 15% column padding) */
.elementor-23115 .elementor-element.elementor-element-b784d10 {
margin-top: -100px !important; /* .content_wrapper starts 100px below the fixed header */
padding-top: 64px !important;
}
/* the three buttons on one row; labels never wrap (narrower than ≈1240px the e-mail button drops to a 2nd row) */
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn,
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn:last-child {
width: auto;
flex: 1 1 auto;
margin: 0 0 12px !important;
}
.elementor-23115 .elementor-widget-wrap > .hl-contact-btn:last-child { flex-grow: 0; } /* if it wraps, it keeps its own width */
.elementor-23115 .hl-contact-btn .elementor-button {
max-width: none;
padding-left: 18px !important;
padding-right: 18px !important;
}
.elementor-23115 .hl-contact-btn .elementor-button:not([href^="mailto:"]) { letter-spacing: .08em !important; }
}
@media (max-width: 767px) {
.hl-remont .hlr-insta-grid > :nth-child(n+2) { display: none !important; } /* embeds carry inline display */
}
/* === HL-P7 media — Homelab refresh 2026-09 === */
/* Lighter hero/banner photos. Performance only: the pictures and their framing stay the same.
Elementor points these backgrounds at the 2000px originals (555–947 KB each). WordPress already
generated smaller copies of the same files (checked 2026-09-29: every URL below returns 200).
Each copy has the original's aspect ratio (or is its exact centre crop, see За мен), so
background-size:cover plus Elementor's background-position give the same framing.
Owns ONLY `background-image` on 62ac066e, 3fd6bb4, 1e17a6a3, da8c7c4 and the 34b5108 overlay.
!important: each selector copies Elementor's own rule in post-*.css, so the specificity is equal
and today these rules win only because they come later in the page. If the Elementor CSS print
method or a cache/minify plugin reorders the CSS, the swap would fail silently and the 2000px
original would download again.
KEEP IN SYNC with the plugin's tags (build/preload.json). The href AND the
media must match, or the phone downloads the hero twice. If a hero photo is replaced in Elementor
(PLAN §4 #15), update or delete its lines here and in the preload list at the same time. */
.elementor-18618 .elementor-element.elementor-element-da8c7c4:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2023/02/Banners-services-1536x819.jpg") !important;
}
.elementor-18618 .elementor-element.elementor-element-34b5108 > .elementor-element-populated > .elementor-background-overlay{
background-image:url("https://homelab.bg/wp-content/uploads/2023/02/Logo-mark-gold-768x770.png") !important;
}
@media (max-width:1600px){
.elementor-23227 .elementor-element.elementor-element-3fd6bb4:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2023/02/sidekix-media-1vMz2_MclrM-unsplash-1536x1024.jpg") !important;
}
}
@media (max-width:767px){
.elementor-18618 .elementor-element.elementor-element-62ac066e:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2022/12/pexels-tembela-bohle-1124461-e1670413448185-1024x768.jpg") !important;
}
.elementor-21420 .elementor-element.elementor-element-1e17a6a3:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2023/02/3d-rendering-loft-luxury-living-room-with-shelf-near-dining-table-1024x683.jpg") !important;
}
}
/* Tablets and desktops up to 1600px: home hero at 1536 (295 KB instead of 583 KB). Preload media: (min-width: 768px) and (max-width: 1600px). */
@media (min-width:768px) and (max-width:1600px){
.elementor-18618 .elementor-element.elementor-element-62ac066e:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2022/12/pexels-tembela-bohle-1124461-e1670413448185-1536x1152.jpg") !important;
}
}
@media (min-width:1400px){
.elementor-21420 .elementor-element.elementor-element-1e17a6a3:not(.elementor-motion-effects-element-type-background){
background-image:url("https://homelab.bg/wp-content/uploads/2023/02/3d-rendering-loft-luxury-living-room-with-shelf-near-dining-table-1500x790.jpg") !important;
}
}
/* === HL-INT integration — Homelab refresh 2026-09 === */
/* Cross-package fixes found in the merged AFTER screenshots. */
/* Начало „БЛОГ“ е на пясъчна лента: цветът на надзаглавието е в HL-P1 (#76562e, 4.71:1) */
@media (max-width: 767px) {
/* Theme compare panel waits off-screen (right:-240px); its shadow showed as a faint line on the right edge.
RG2-03: a hairline instead – invisible while the panel is off-screen, but the open panel keeps an edge against the page. */
.prop-compare { box-shadow: none; border-left: 1px solid var(--hl-line-strong); }
/* Блог (24185): cards 30px from the edge like on Начало/Имоти (the −33px margin reset is now at all widths, see R2D-10) */
.elementor-24185 .elementor-element-2f62c6c > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-left: 0 !important; padding-right: 0 !important; }
/* Статии: text sat 10px from the screen edge (Elementor's default column gap) → the site's 20px gutter. Footer and © sections keep HL-P3's own spacing. */
.single-post .elementor > .elementor-section:not(:has(.hl-copyright, .widget_contact_phone)) > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-left: var(--hl-gutter);
padding-right: var(--hl-gutter);
}
}
/* ---- Review round 1 (FIX1) ---- */
/* R1-04 Начало, десктоп: един ритъм между секциите (96px = --hl-section-y) вместо 90–250px от отстъпите на Elementor */
@media (min-width: 1025px) {
.elementor-18618 .elementor-element.elementor-element-2260481,
.elementor-18618 .elementor-element.elementor-element-8f9c026,
.elementor-18618 .elementor-element.elementor-element-da8c7c4,
.elementor-18618 .elementor-element.elementor-element-a03f0cb,
.elementor-18618 .elementor-element.elementor-element-48cc84e,
.elementor-18618 .elementor-element.elementor-element-7497c1f8 {
padding-top: var(--hl-section-y) !important;
padding-bottom: var(--hl-section-y) !important;
margin-bottom: 0 !important; /* 8f9c026: +86px */
}
/* въведението и „За мен“ са на един и същ фон → една обща междина (96px), не две */
.elementor-18618 .elementor-element.elementor-element-2260481 { padding-bottom: calc(var(--hl-section-y) / 2) !important; }
.elementor-18618 .elementor-element.elementor-element-8f9c026 { padding-top: calc(var(--hl-section-y) / 2) !important; }
/* първото/последното съдържание стоеше още 10–71px навътре: колонен отстъп, горен padding на надзаглавията, 57px на лявата колона */
.elementor-18618 :is(.elementor-element-2260481, .elementor-element-8f9c026, .elementor-element-a03f0cb, .elementor-element-48cc84e) > .elementor-container > .elementor-column > .elementor-widget-wrap {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.elementor-18618 .elementor-element.elementor-element-34b5108 > .elementor-widget-wrap { margin-top: 0 !important; }
.elementor-18618 :is(.elementor-element-2f997ed, .elementor-element-3c37c94, .elementor-element-bed12dc) > .elementor-widget-container { padding-top: 0 !important; }
.elementor-18618 .elementor-element.elementor-element-32ba51b > .elementor-widget-container { margin-bottom: 0 !important; } /* −50px */
.elementor-18618 :is(.elementor-element-c8b8174, .elementor-element-32ba51b) .listinglink-wrapper_sh_listings { margin-bottom: 0; } /* theme 45px under „Заредете…“ */
.elementor-18618 .hlb { padding-top: var(--hl-section-y); padding-bottom: var(--hl-section-y); }
}
/* R1-06 За мен: „КАК РАБОТЯ“ е написано с главни → изречение (работи и след преписването „Как работя“); текстът на секцията 15px → основния размер */
.elementor-21420 .elementor-element-6ca9150 .elementor-heading-title { text-transform: lowercase !important; }
.elementor-21420 .elementor-element-6ca9150 .elementor-heading-title::first-letter { text-transform: uppercase; }
/* (0,2,1)+!important: темата (Custom CSS) слага 15px!important с (0,1,1) */
.elementor-21420 .elementor-element-7671938 p,
.elementor-21420 .elementor-element-2dfdaee p,
.elementor-21420 .elementor-element-c74a527 .elementor-tab-content p {
font-size: var(--hl-fs-body) !important;
line-height: var(--hl-lh-body) !important;
}
/* R1-07 За мен, десктоп: „Професията ми е моето призвание!“ започваше на 20px от ръба → в линия с картите под нея (≈1140px контейнер) */
@media (min-width: 1025px) {
.elementor-21420 .elementor-element.elementor-element-a512456 > .elementor-widget-wrap {
padding-left: clamp(20px, 50vw - 570px, 130px) !important;
padding-right: 48px !important;
}
}
/* R1-08 Имот: описанието ≈ 65 знака на ред (картата остава на цялата ширина) */
.single-estate_property .wpestate_property_description :is(p, ul, ol) { max-width: var(--hl-measure); }
/* R1-09 Имоти: двете изречения над формата са въпрос-увод, не заглавие на секция → h3 размер (21–26px, ~3 реда вместо 5) */
.elementor-23227 .elementor-element-a95ca3d .elementor-heading-title { font-size: var(--hl-fs-h3) !important; }
/* M5 Имот: „Насрочете оглед?“ (единственият избор на ден/час) беше черно хапче 157×26px → вторичен бутон с рамка */
.single-estate_property .agent_contanct_form .schedule_meeting {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 44px;
margin-bottom: 12px; /* the field row started right at its bottom edge */
padding: 0 20px !important;
border: 1px solid var(--hl-ink);
border-radius: var(--hl-radius-sm) !important;
background: transparent !important;
color: var(--hl-ink) !important;
cursor: pointer;
transition: background-color var(--hl-speed-fast) var(--hl-ease), color var(--hl-speed-fast) var(--hl-ease);
}
.single-estate_property .agent_contanct_form .schedule_meeting::after {
font-family: var(--hl-sans);
font-size: var(--hl-fs-btn);
font-weight: 600;
line-height: 1.2;
letter-spacing: var(--hl-ls-ui);
text-transform: uppercase;
}
@media (hover: hover) {
.single-estate_property .agent_contanct_form .schedule_meeting:hover { background: var(--hl-ink) !important; color: #fff !important; }
}
@media (max-width: 767px) {
.single-estate_property .agent_contanct_form .schedule_meeting {
display: flex;
float: none;
width: 100%;
min-height: 48px;
margin: 8px 0 16px;
}
}
/* ---- Review round 2 (POLISH) ---- */
/* R2-04 Начало, телефон: дългото въведение (076c64d) → първият абзац + „Прочетете повече“ (бутонът и обвивката идват от плъгина, 1.0.2).
Десктоп и таблет: без промяна (бутонът е скрит, текстът е целият). */
.hl-more-btn { display: none; }
@media (max-width: 767px) {
.elementor-widget-text-editor.hl-more:not(.is-open) .hl-more-body { display: none; }
.elementor-widget-text-editor .hl-more-btn {
display: inline-flex;
align-items: center;
min-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
font-family: var(--hl-sans);
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: .02em;
text-transform: none;
color: var(--hl-gold-deep);
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: rgba(138, 109, 71, .5);
text-underline-offset: 5px;
cursor: pointer;
scroll-margin: 80px 0 96px; /* fixed header / bar */
-webkit-tap-highlight-color: rgba(184, 159, 129, .25);
}
.elementor-widget-text-editor .hl-more-btn:hover,
.elementor-widget-text-editor .hl-more-btn:active { color: var(--hl-ink); text-decoration-color: currentColor; }
.elementor-widget-text-editor.hl-more:not(.is-open) .elementor-widget-container > p { margin-bottom: 4px; }
.elementor-widget-text-editor.hl-more.is-open .hl-more-btn { margin-top: 4px; }
}
/* R2D-15 Статии: самостоятелните удебелени редове са подзаглавия (плъгинът 1.0.2 ги маркира .hl-subhead) → Playfair, h3 размер */
.single-post .elementor-widget-text-editor p.hl-subhead {
font-family: var(--hl-serif) !important;
font-size: var(--hl-fs-h3) !important;
font-weight: 400 !important;
line-height: var(--hl-lh-heading) !important;
letter-spacing: 0 !important;
color: var(--hl-ink);
margin: 40px 0 16px;
text-wrap: balance;
}
.single-post .elementor-widget-text-editor p.hl-subhead > :is(strong, b) { font-weight: inherit; }
.single-post .elementor-widget-text-editor p.hl-subhead-gap { display: none; } /* the empty paragraphs around each subhead */
/* R2D-03 Начало: едно разстояние заглавие → текст (≈20px видимо) във всички секции; по-голямото остава само между текста и решетките с карти.
Elementor добавяше 20–40px padding над въведенията и 20px под „Най-новото в блога“. */
.elementor-18618 :is(.elementor-element-e7b3f11, .elementor-element-3e3d6562, .elementor-element-0820c58) {
margin-bottom: 16px !important;
}
.elementor-18618 :is(.elementor-element-e7b3f11, .elementor-element-3e3d6562, .elementor-element-0820c58) > .elementor-widget-container {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.elementor-18618 :is(.elementor-element-37b4c0e, .elementor-element-83ba1ea, .elementor-element-073f188) > .elementor-widget-container {
padding-top: 0 !important;
}
/* R2D-11: въведението под „Най-новото в блога“ беше 1080px (≈110 знака) → същата мярка като „Най-нови предложения“ (68rem) */
@media (min-width: 768px) {
.elementor-18618 .elementor-element.elementor-element-073f188 > .elementor-widget-container {
max-width: var(--hl-measure);
margin-left: auto !important; /* Elementor (0,4,0) sets margin 0 */
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 100px !important; /* the blog grid below pulls itself up 50px → ≈76px text → cards, the same as „Най-нови предложения“; was 120px */
}
}
/* R2D-03 (останалите страници): заглавие → текст ≈20px и там – Elementor слагаше 14–25px padding над текста / 40px под H1 */
.elementor-21420 :is(.elementor-element-7dc747d, .elementor-element-988591c, .elementor-element-49cdcb7) > .elementor-widget-container { padding-top: 0 !important; }
@media (min-width: 768px) {
.elementor-23227 .elementor-element.elementor-element-327d6e3 { margin-bottom: 20px !important; } /* Имоти hero: H1 → lead (was 40px) */
}
/* R2D-12 За мен, десктоп: „Аз съм Мила…“ започваше 17px вдясно от надзаглавието и H2 (53px margin + 10% padding срещу 15% margin) */
@media (min-width: 1025px) {
.elementor-21420 .elementor-element.elementor-element-7dc747d > .elementor-widget-container {
margin-left: 0 !important;
padding-left: 15% !important; /* = the 15% left margin of „ЗА МЕН“ (cace18c) and „Коя съм аз“ (7e8785c); % of the same column */
}
}
/* R2D-04 Блог, затварящата лента: последната „плаваща“ 2px линия (cc10ea0) отпада; H2 получава цялата колона (беше 333px → 4 реда) */
.elementor-24185 .elementor-element.elementor-element-cc10ea0 { display: none !important; }
.elementor-24185 .elementor-element.elementor-element-d3c15cd > .elementor-widget-container {
padding-right: 0 !important;
padding-bottom: 0 !important;
}
.elementor-24185 .elementor-element.elementor-element-d3c15cd { margin-bottom: 24px !important; }
.elementor-24185 .elementor-element.elementor-element-49674ed > .elementor-widget-container { padding-top: 0 !important; }
/* R2D-10 Блог, десктоп: решетката с карти вървеше 48–1391px (−112px margins) → в 1140px контейнера, както на Начало */
.elementor-24185 .elementor-element.elementor-element-892b229 > .elementor-widget-container { margin-left: 0 !important; margin-right: 0 !important; }
/* R2D-14 Блог hero: „БЛОГ“ → „Блог“ (последното Playfair заглавие с главни, до преписването в §4 #12); подредът без разредка */
.elementor-24185 .elementor-element-082b101 .elementor-heading-title { text-transform: lowercase !important; }
.elementor-24185 .elementor-element-082b101 .elementor-heading-title::first-letter { text-transform: uppercase; }
.elementor-24185 .elementor-element-1a93aea .elementor-heading-title {
letter-spacing: 0 !important;
text-wrap: balance; /* R2-06: „… Тодорова | / Homelab“ at 360 */
}
/* R2D-03: празен първи абзац („ “) веднага под заглавие – плъгинът 1.0.2 го маркира .hl-blank */
.elementor-widget-text-editor p.hl-blank { display: none; }
/* R2D-05 Ремонти / Проекти: същият език на картите като останалия сайт – 8px ъгли, топла тънка рамка (бутони и полета остават 4px) */
body .hl-remont :is(.hlr-card, .hlr-review, .hlr-project-img, .hlr-ba-frame, .hlr-portrait img) { border-radius: var(--hl-radius-md); }
body .hl-remont .hlr-insta :is(blockquote.instagram-media, iframe.instagram-media) { border-radius: var(--hl-radius-md) !important; }
body .hl-remont .hlr-review { border-left: 1px solid rgba(28, 21, 10, .09); box-shadow: inset 2px 0 0 var(--hl-gold), 0 1px 2px rgba(28, 21, 10, .04); } /* the 2px gold edge stays, without bending around the 8px corner */
.hlp-card .hlp-card-img { border-radius: var(--hl-radius-md); }
/* R2D-06 Ремонти, телефон: двата бутона в hero-то на цялата ширина (като на Начало и Контакти); „Как протича процесът“ остава текстова връзка */
@media (max-width: 767px) {
body .hl-remont .hlr-hero .hlr-cta-row { flex-direction: column; align-items: stretch; gap: 12px; }
body .hl-remont .hlr-hero .hlr-cta-row .hlr-btn { width: 100%; }
body .hl-remont .hlr-hero .hlr-cta-row .hlr-link { align-self: center; }
}
/* R2D-08 Ремонти: вторичните (outline) бутони на светъл фон с мастилена рамка, както на Контакти и имота; златната рамка остава на тъмно (.hlr-btn-gold) */
body .hl-remont a.hlr-btn.hlr-btn-outline:not(.hlr-btn-gold) { border-color: var(--hl-ink); }
body .hl-remont a.hlr-btn.hlr-btn-outline:not(.hlr-btn-gold):hover { border-color: var(--hl-gold); }
/* R2D-09 / R2-05 Ремонти: .hlr-sticky с иконите на .hl-mbar – златни 18px линейни (слушалка + балонче за Viber) вместо бялата плътна слушалка.
Надписът „Обади се“ → „Обадете се“ е промяна на съдържанието (§4 #10). */
@media (max-width: 767px) {
body .hl-remont .hlr-sticky .hlr-phone-ico { display: none; }
body .hl-remont .hlr-sticky a[href^="tel:"]::before,
body .hl-remont .hlr-sticky a[href^="viber:"]::before {
content: "";
flex: none;
width: 18px;
height: 18px;
background-color: var(--hl-gold);
-webkit-mask: var(--hl-ico) center / contain no-repeat;
mask: var(--hl-ico) center / contain no-repeat;
}
body .hl-remont .hlr-sticky a[href^="tel:"] { --hl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
body .hl-remont .hlr-sticky a[href^="viber:"] { --hl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E"); }
}
/* R2D-13: едно правило за надзаглавията в hero-тата (центрирани): 28px линия от двете страни – Начало, Имоти, Блог, Ремонти, Проекти.
Flex вместо inline: при пренасяне на два реда линиите остават от двете страни на текста (иначе „— AVAILABLE / PROPERTIES —“, R2-09/RG2-05). */
.elementor-element-19ead24 .elementor-heading-title,
.elementor-element-e4c4dbc .elementor-heading-title,
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title,
body .hl-remont .hlr-hero .hlr-eyebrow,
.hlp-hero .hlp-eyebrow {
display: flex !important;
align-items: center;
justify-content: center;
column-gap: 12px;
text-align: center;
}
.elementor-element-19ead24 .elementor-heading-title::before,
.elementor-element-19ead24 .elementor-heading-title::after,
.elementor-element-e4c4dbc .elementor-heading-title::before,
.elementor-element-e4c4dbc .elementor-heading-title::after,
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title::before,
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title::after,
body .hl-remont .hlr-hero .hlr-eyebrow::before,
body .hl-remont .hlr-hero .hlr-eyebrow::after,
.hlp-hero .hlp-eyebrow::before,
.hlp-hero .hlp-eyebrow::after {
content: "";
flex: 0 0 28px;
height: 1px;
margin: 0 !important;
background: var(--hl-gold);
}
/* Phones: a label that needs two lines drops the side lines (wrapped, the flex text box spans the full width and the lines
drifted to the screen edges). Single-line labels keep them: Имоти „СВОБОДНИ ИМОТИ“, Блог „НОВИНИ“, a project's „ЗАВЪРШЕНИ ПРОЕКТИ“. */
@media (max-width: 767px) {
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title::before,
.elementor-18618 .elementor-element-6dcf8918 .elementor-heading-title::after,
body .hl-remont .hlr-hero .hlr-eyebrow::before,
body .hl-remont .hlr-hero .hlr-eyebrow::after,
.hlp-archive .hlp-hero .hlp-eyebrow::before,
.hlp-archive .hlp-hero .hlp-eyebrow::after,
html[lang^="en"] .elementor-element-19ead24 .elementor-heading-title::before,
html[lang^="en"] .elementor-element-19ead24 .elementor-heading-title::after {
display: none !important; /* HL-P1's eyebrow pseudo rule is (0,4,1) */
}
}
/* R2D-02 Проекти / проект: H1 в същата display скала като останалите страници (беше 46px/32px без токен → три размера H1 на сайта) */
.hlp-single h1 {
font-size: var(--hl-fs-display);
line-height: var(--hl-lh-display);
letter-spacing: -.01em;
text-wrap: balance;
}
/* R2-08 Проект: булетите на „Какво включи ремонтът“ висяха на 9px от ръба (ul без отстъп, li на 24px гутера) */
.hlp-content ul { padding-left: 1.2em; }
/* R2-07 (JS part): the owner's number in the property description is now a tel: link (plugin 1.0.2) → same look as the footer phone link */
.single-estate_property .wpestate_property_description a[href^="tel:"] {
color: var(--hl-ink) !important; /* theme inline: .single-content p a{color:#696969!important} */
text-decoration: underline;
text-decoration-color: rgba(184, 159, 129, .6);
text-underline-offset: 4px;
white-space: nowrap;
}
/* ===================================================================
1.3.0 (30.09.2026)
=================================================================== */
/* --- A. Десктоп/таблет: трите контакта като вертикална лента вдясно (иконите винаги, надписите при посочване) --- */
@media (max-width:767px){
.hl-mbar.hl-mbar--desk{display:none !important} /* „Ремонти“ има своя .hlr-sticky на телефон */
nav.hl-mbar > a.hl-mbar-cta .hl-mbar-ico{display:none} /* пликът е само за десктоп */
}
@media (min-width:768px){
nav.hl-mbar{
display:flex;flex-direction:column;align-items:stretch;
position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9990;
background:var(--hl-ink);
border:1px solid rgba(184,159,129,.35);border-right:0;border-radius:8px 0 0 8px;
box-shadow:0 12px 32px -12px rgba(28,21,10,.45);
overflow:hidden;
}
nav.hl-mbar > a{
display:flex;align-items:center;justify-content:flex-start;gap:0;
height:56px;padding:0 17px;
color:var(--hl-paper);text-decoration:none;white-space:nowrap;
font-family:var(--hl-sans);font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;
transition:background-color var(--hl-speed-fast) var(--hl-ease),gap var(--hl-speed) var(--hl-ease);
}
nav.hl-mbar > a + a{border-top:1px solid rgba(184,159,129,.25)}
nav.hl-mbar > a > span{display:block;max-width:0;overflow:hidden;opacity:0;transition:max-width var(--hl-speed) var(--hl-ease),opacity var(--hl-speed-fast) linear}
nav.hl-mbar:hover > a,nav.hl-mbar:focus-within > a{gap:12px}
nav.hl-mbar:hover > a > span,nav.hl-mbar:focus-within > a > span{max-width:180px;opacity:1}
nav.hl-mbar .hl-mbar-ico{flex:none;width:20px;height:20px;color:var(--hl-gold)}
nav.hl-mbar > a:hover,nav.hl-mbar > a:focus{color:var(--hl-paper);background:#2b2114;text-decoration:none}
nav.hl-mbar > a.hl-mbar-cta{background:var(--hl-gold);color:var(--hl-ink)}
nav.hl-mbar > a.hl-mbar-cta .hl-mbar-ico{color:var(--hl-ink)}
nav.hl-mbar > a.hl-mbar-cta:hover,nav.hl-mbar > a.hl-mbar-cta:focus{background:#c9b395;color:var(--hl-ink)}
nav.hl-mbar > a:focus-visible{outline:2px solid var(--hl-gold) !important;outline-offset:-4px}
body.logged-in nav.hl-mbar{top:calc(50% + 16px)}
}
@media (min-width:768px) and (prefers-reduced-motion:reduce){
nav.hl-mbar > a,nav.hl-mbar > a > span{transition:none}
}
/* --- B. „Ремонти“: цитатът в тъмната лента по-голям --- */
.hl-remont .hlr-band-quote{font-size:clamp(2.6rem,1.9rem + 1.6vw,4rem) !important;line-height:1.45 !important}
/* --- C. „Проекти“ (/remontni-proekti/): „Коя съм аз“ след заглавието --- */
.hl-remont.hl-proekti-about{
font-family:var(--hl-sans);color:var(--hl-ink);background:#fff;line-height:1.8;
padding:var(--hl-section-y) 0;border-bottom:1px solid var(--hl-line);margin-bottom:clamp(40px,4vw,64px);
}
.hl-proekti-about .hlr-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.hl-proekti-about .hlr-about-grid{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center}
.hl-proekti-about .hlr-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:var(--hl-radius-md);border:1px solid var(--hl-line-gold)}
.hl-proekti-about h2{font-family:var(--hl-serif);font-weight:400;color:var(--hl-ink);font-size:var(--hl-fs-h2);line-height:var(--hl-lh-heading);margin:0 0 24px;padding-top:22px;position:relative}
.hl-proekti-about h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:1px;background:var(--hl-gold)}
.hl-proekti-about p{margin:0 0 1em;color:var(--hl-ink-soft);font-size:var(--hl-fs-body);line-height:var(--hl-lh-body)}
.hl-proekti-about .hlr-quote{font-family:var(--hl-serif);font-style:italic;font-size:clamp(1.9rem,1.7rem + .4vw,2.2rem);line-height:1.6;color:var(--hl-ink);border-left:2px solid var(--hl-gold);padding-left:24px;margin:0 0 28px}
@media (max-width:1023px){.hl-proekti-about .hlr-about-grid{grid-template-columns:300px 1fr;gap:40px}}
@media (max-width:767px){
.hl-proekti-about .hlr-about-grid{grid-template-columns:1fr;gap:32px}
.hl-proekti-about .hlr-portrait{max-width:340px}
.hl-proekti-about .hlr-wrap{padding:0 20px}
}
.hlp-hero:has(+ .hl-proekti-about){margin-bottom:0 !important}
/* ===================================================================
1.4.0 (30.09.2026) — „Ремонти“: 2 карти услуги, секция „В процес“
=================================================================== */
@media (min-width:768px){
.hl-remont .hlr-services .hlr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hl-remont .hlr-soon .hlr-soon-head{max-width:640px;margin:0 0 36px}
.hl-remont .hlr-soon .hlr-soon-head p{margin:0}
.hl-soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.hl-soon-card{display:flex;flex-direction:column;gap:6px;color:var(--hl-ink) !important;text-decoration:none !important}
.hl-soon-img{position:relative;display:block;border-radius:var(--hl-radius-md);overflow:hidden;box-shadow:var(--hl-shadow-card);aspect-ratio:4/3;background:var(--hl-sand)}
.hl-soon-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--hl-ease)}
@media (hover:hover){.hl-soon-card:hover .hl-soon-img img{transform:scale(1.03)}}
.hl-soon-badge{position:absolute;top:14px;left:14px;background:var(--hl-ink);color:var(--hl-paper);font:600 1.2rem/1 var(--hl-sans);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:var(--hl-radius-pill)}
.hl-soon-badge::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--hl-gold);vertical-align:1px;animation:hl-soon-pulse 1.8s ease-in-out infinite}
@keyframes hl-soon-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.hl-soon-badge::before{animation:none}.hl-soon-img img{transition:none}}
.hl-soon-title{margin-top:12px;font-family:var(--hl-serif);font-size:var(--hl-fs-h4);line-height:1.3}
.hl-soon-meta{font:600 1.2rem/1.4 var(--hl-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--hl-muted)}
/* страницата на проект „в процес“ */
body.hl-coming-soon .hlp-single h1::after{content:"В процес";display:block;width:max-content;margin:16px auto 0;background:var(--hl-ink);color:var(--hl-paper);font:600 1.2rem/1 var(--hl-sans);letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:var(--hl-radius-pill)}
/* ===================================================================
1.5.0 (30.09.2026) — „Завършени проекти“ като портфолио
Ритъм от 5: голям (7/12) + висок (5/12), после три по 4/12.
=================================================================== */
.hlp-archive .hlp-grid.hl-portfolio{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:56px;align-items:start}
.hlp-archive .hl-portfolio .hlp-card{grid-column:span 4}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"]{grid-column:span 7}
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:span 5}
.hlp-archive .hl-portfolio .hlp-card[hidden]{display:none}
.hlp-archive .hl-portfolio .hlp-card-img{aspect-ratio:4/3;margin-bottom:20px;border-radius:var(--hl-radius-md);border:0;box-shadow:var(--hl-shadow-card)}
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"] .hlp-card-img{aspect-ratio:14/15}
.hlp-archive .hl-portfolio .hlp-card-type{display:block;margin:0 0 6px;font:500 1.4rem/1.4 var(--hl-sans);letter-spacing:0;text-transform:none;color:var(--hl-gold-deep)}
.hlp-archive .hl-portfolio .hlp-card-title{font-size:clamp(2rem,1.8rem + .4vw,2.2rem);line-height:1.3;text-wrap:balance}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"] .hlp-card-title,
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"] .hlp-card-title{font-size:clamp(2.2rem,1.9rem + .8vw,2.8rem)}
.hlp-archive .hl-portfolio .hlp-card-meta{margin-top:2px;font-size:1.5rem;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--hl-muted)}
.hlp-archive .hl-portfolio .hlp-card:focus-visible{outline:2px solid var(--hl-gold);outline-offset:6px;border-radius:var(--hl-radius-md)}
/* филтър по вид ремонт */
.hl-proj-filter{display:flex;flex-wrap:wrap;gap:6px 32px;margin:0 0 48px;padding-bottom:14px;border-bottom:1px solid var(--hl-line)}
.hl-proj-filter button{appearance:none;background:none;border:0;padding:8px 0;margin:0;cursor:pointer;
font:500 1.5rem/1.3 var(--hl-sans);letter-spacing:0;text-transform:none;color:var(--hl-muted);
box-shadow:inset 0 -2px 0 transparent;transition:color var(--hl-speed-fast) var(--hl-ease),box-shadow var(--hl-speed-fast) var(--hl-ease)}
.hl-proj-filter button span{font-size:1.2rem;color:var(--hl-gold-deep);margin-left:4px;vertical-align:1px}
.hl-proj-filter button:hover{color:var(--hl-ink)}
.hl-proj-filter button[aria-pressed="true"]{color:var(--hl-ink);box-shadow:inset 0 -2px 0 var(--hl-gold)}
.hl-proj-filter button:focus-visible{outline:2px solid var(--hl-gold);outline-offset:4px}
@media (max-width:1023px){
.hlp-archive .hlp-grid.hl-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
.hlp-archive .hl-portfolio .hlp-card,
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:span 1}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"]{grid-column:span 2}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"] .hlp-card-img{aspect-ratio:16/9}
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"] .hlp-card-img{aspect-ratio:4/3}
}
@media (max-width:767px){
.hlp-archive .hlp-grid.hl-portfolio{grid-template-columns:1fr;row-gap:40px}
.hlp-archive .hl-portfolio .hlp-card,
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"],
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:auto}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"] .hlp-card-img{aspect-ratio:4/3}
.hl-proj-filter{gap:4px 22px;margin-bottom:32px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none}
.hl-proj-filter::-webkit-scrollbar{display:none}
}
@media (prefers-reduced-motion:reduce){.hlp-archive .hl-portfolio .hlp-card-img img{transition:none}}
/* ===================================================================
1.6.0 (30.09.2026) — страница на проект
=================================================================== */
@media (min-width:768px){
.hlp-single .hlp-hero .hlp-facts{display:flex;flex-wrap:wrap;justify-content:center;max-width:1140px;margin-left:auto;margin-right:auto}
.hlp-single .hlp-hero .hlp-facts li{flex:1 1 auto;padding:16px 22px}
.hlp-single .hlp-hero .hlp-fact-label{white-space:nowrap;letter-spacing:.12em}
.hlp-single .hlp-hero .hlp-fact-value{white-space:nowrap}
.hlp-single .hlp-hero .hlp-facts .hlp-fact-value{text-wrap:balance}
}
.hl-proj-cover{margin:clamp(28px,3vw,48px) auto clamp(32px,3.5vw,56px) !important;padding-top:0 !important}
.hl-proj-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--hl-radius-md);box-shadow:var(--hl-shadow-card)}
@media (max-width:767px){.hl-proj-cover img{aspect-ratio:4/3}}
@media (min-width:1200px){.hlp-single .hlp-hero .hlp-facts{flex-wrap:nowrap}}
/* ===================================================================
1.6.2 (30.09.2026) — „За мен“: „Защо мога да ви помогна“ и „Как работя“
=================================================================== */
/* заглавие → карти: по-малко празно */
.elementor-21420 .elementor-element.elementor-element-f718b0d{padding-bottom:0 !important}
.elementor-21420 .elementor-element.elementor-element-c83f6a9{padding-top:48px !important}
/* причините не са поредица → златиста линия вместо 01/02/03 */
.elementor-21420 .elementor-element-c83f6a9 .elementor-widget-heading .elementor-heading-title::before{
content:"" !important;width:28px;height:1px;background:var(--hl-gold);margin-bottom:22px;
}
@media (min-width:1024px){
.elementor-21420 .elementor-element-c83f6a9 > .elementor-container > .elementor-column > .elementor-element-populated{padding:36px 32px !important}
/* „Как работя“ */
.elementor-21420 .elementor-element.elementor-element-1954444{padding-top:96px !important;padding-bottom:96px !important}
.elementor-21420 .elementor-element-1954444 > .elementor-container{align-items:stretch}
.elementor-21420 .elementor-element-511b3fc > .elementor-widget-wrap{align-content:flex-start;height:100%}
.elementor-21420 .elementor-element-36369ba{position:sticky;top:110px}
.elementor-21420 .elementor-element-36369ba img{width:100%;height:min(640px,72vh) !important;object-fit:cover;border-radius:0 var(--hl-radius-md) var(--hl-radius-md) 0}
}
/* ===================================================================
1.6.3 (30.09.2026) — „Как работя“ (За мен): времева линия вместо акордеон
=================================================================== */
.elementor-21420 .elementor-element-c74a527 .elementor-toggle{counter-reset:hl-step;margin-top:8px}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item{position:relative;counter-increment:hl-step;padding:0 0 30px 64px;margin:0 !important;border:0 !important}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item::before{
content:counter(hl-step);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;
border:1px solid var(--hl-gold);background:var(--hl-paper);color:var(--hl-gold-deep);
display:flex;align-items:center;justify-content:center;font:400 1.9rem/1 var(--hl-serif);font-variant-numeric:lining-nums;z-index:1}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item:not(:last-child)::after{
content:"";position:absolute;left:21px;top:46px;bottom:4px;width:1px;background:rgba(184,159,129,.55)}
.elementor-21420 .elementor-element-c74a527 .elementor-tab-title{padding:8px 0 0 !important;border:0 !important;cursor:default;pointer-events:none;background:none !important}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-icon{display:none !important}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-title{
font-family:var(--hl-serif) !important;font-size:clamp(2rem,1.85rem + .35vw,2.3rem) !important;line-height:1.3 !important;
font-weight:400 !important;color:var(--hl-ink) !important;letter-spacing:0 !important;text-transform:none !important}
.elementor-21420 .elementor-element-c74a527 .elementor-tab-content{display:block !important;padding:8px 0 0 !important;border:0 !important;background:none !important}
.elementor-21420 .elementor-element-c74a527 .elementor-tab-content p{font-size:var(--hl-fs-body) !important;line-height:1.7 !important;color:var(--hl-ink-soft);margin:0 !important;max-width:58ch}
@media (max-width:767px){
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item{padding-left:54px;padding-bottom:26px}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item::before{width:36px;height:36px;font-size:1.7rem}
.elementor-21420 .elementor-element-c74a527 .elementor-toggle-item:not(:last-child)::after{left:18px;top:40px}
}
@media (min-width:1024px){
.elementor-21420 .elementor-element-d17e996 :is(.elementor-element-6ca9150,.elementor-element-7671938,.elementor-element-c74a527,.elementor-element-2dfdaee) > .elementor-widget-container{padding-right:72px !important}
.elementor-21420 .elementor-element-c74a527 .elementor-tab-content p{max-width:62ch}
}
/* 1.6.4 — „Проекти“: всички карти еднакви (по желание на Мила) */
.hlp-archive .hl-portfolio .hlp-card,
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"],
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:span 4}
.hlp-archive .hl-portfolio .hlp-card .hlp-card-img,
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"] .hlp-card-img,
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"] .hlp-card-img{aspect-ratio:4/3}
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"] .hlp-card-title,
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"] .hlp-card-title{font-size:clamp(2rem,1.8rem + .4vw,2.2rem)}
@media (max-width:1023px){
.hlp-archive .hl-portfolio .hlp-card,
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"],
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:span 1}
}
@media (max-width:767px){
.hlp-archive .hl-portfolio .hlp-card,
.hlp-archive .hl-portfolio .hlp-card[data-slot="0"],
.hlp-archive .hl-portfolio .hlp-card[data-slot="1"]{grid-column:auto}
}
/* 1.6.12 – Имоти hero (23227 / 3fd6bb4): Elementor sets `background-position: 0 -306px` on desktop.
With the longer intro text the section is taller than the shifted image, so the #111211
background colour showed as a black band under the photo. A percentage keeps `cover` filling it. */
@media (min-width:768px){
.elementor-23227 .elementor-element.elementor-element-3fd6bb4:not(.elementor-motion-effects-element-type-background){
background-position:center 70% !important;
}
}