/*
 * Мост между Elementor и CSS-а от Astro.
 * Контейнерите с клас .anb се държат като обикновени блокове: подредбата идва от класовете ните,
 * не от настройките на Elementor. Контейнери без .anb (добавени по-късно в редактора) работят както винаги.
 */
.elementor .anb.e-con{display:block;gap:0;min-height:0}
:where(.elementor .anb .elementor-widget-text-editor) p{margin:0}

/* Ширина на съдържанието (.wrap от Astro) */
.elementor .e-con.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));max-width:none;margin-inline:auto}

/* Отстъпите на секциите са в настройките на Elementor (Layout → Padding), за да се виждат и редактират там.
   Вътрешните отстъпи на картите са по подразбиране от тук (през --padding-*), но ако се зададат в Elementor, печели Elementor. */

/* Заглавия и въведения на секциите */
.anb .section-title .elementor-heading-title{margin:0 0 var(--space-m);font-family:var(--font-serif);text-align:center;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:400;line-height:1.2}
.anb .elementor-widget-text-editor.section-lead p{max-width:38em;margin:calc(-1 * var(--space-s)) auto var(--space-l);color:var(--muted);text-align:center}
.anb h3.elementor-heading-title{margin:0 0 var(--space-xs);font-family:var(--font-serif);font-size:1.2rem;font-weight:600;line-height:1.3}

/* Тъмните секции със снимка (херо, лентата) */
.elementor .e-con.photo-section{isolation:isolate;background:var(--dark);color:var(--on-dark);position:relative;overflow:hidden}
.elementor .e-con.photo-section:before{content:"";z-index:-1;background:var(--photo-overlay);position:absolute;inset:0;opacity:1;mix-blend-mode:normal;filter:none;border-radius:0}
.elementor .photo-section > .photo-bg.elementor-widget{z-index:-2;position:absolute;inset:0;width:100%;height:100%;margin:0}
.elementor .photo-section > .photo-bg img{object-fit:cover;width:100%;height:100%;max-width:none;display:block}

/* Златният бутон за обаждане, голям размер (CallButton.astro) */
.btn-lg{gap:14px;width:100%;min-height:64px;padding:12px 24px}
.btn-lg svg{width:26px;height:26px}
.btn-num{white-space:nowrap}
.btn-lg .btn-num{font-size:1.4rem}
@media (width>=600px){.btn-lg{width:auto;padding:12px 30px}}

/* Картите-линкове (услуги, продукти) */
.elementor .e-con.karta-link{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);height:100%;box-shadow:var(--shadow-card);flex-direction:column;text-decoration:none;display:flex;color:inherit}
.anb.karta-link{--padding-top:22px;--padding-right:22px;--padding-bottom:20px;--padding-left:22px}
@media (hover:hover){.elementor .e-con.karta-link{transition:transform .2s,box-shadow .2s,border-color .2s}.elementor .e-con.karta-link:hover{border-color:var(--gold);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}}
@media (hover:hover) and (prefers-reduced-motion:reduce){.elementor .e-con.karta-link:hover{transform:none}}
.elementor .karta-link > .elementor-widget-text-editor{flex:1}
.elementor .karta-link .elementor-widget-text-editor p{margin:0 0 var(--space-s);color:var(--muted)}
.more{color:var(--gold-text);align-items:center;gap:4px;font-weight:700;display:inline-flex}
.more svg{width:18px;height:18px}

/* Тъмен бутон от Elementor (напр. „Всички продукти“) — като .btn.btn-dark */
.elementor .elementor-widget-button .elementor-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;background:var(--dark);color:var(--on-dark)}
.elementor .elementor-widget-button .elementor-button:hover{background:var(--dark-2);color:var(--on-dark)}
.elementor .photo-section .elementor-widget-button .elementor-button{background:var(--gold);color:var(--dark)}
.elementor .photo-section .elementor-widget-button .elementor-button:hover{background:var(--gold-hover)}
/* Тъмната лента „Денонощно на ваше разположение“ */
.elementor .e-con.band{text-align:center}
.elementor .e-con.band-inner{max-width:640px}
.band .band-title .elementor-heading-title{margin:0 0 var(--space-xs);font-family:var(--font-serif);font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:400;line-height:1.2}
.band .band-text p{margin:0 0 var(--space-m);color:var(--on-dark-muted)}

/* Горната част на вътрешните страници (PageTop.astro); отстъпите са в Elementor */
.elementor .e-con.page-top{text-align:center}
.elementor .e-con.page-top-inner{max-width:820px}
.crumbs ol{margin:0 0 var(--space-s);color:var(--on-dark-muted);flex-wrap:wrap;justify-content:center;align-items:center;padding:0;font-size:.9375rem;list-style:none;display:flex}
.crumbs li+li:before{content:"›";color:var(--gold);margin-inline:10px}
.crumbs a{min-height:44px;color:var(--on-dark);text-underline-offset:3px;align-items:center;display:inline-flex}
.crumbs [aria-current=page]{color:var(--on-dark-muted)}
.page-top .page-h1 .elementor-heading-title{margin:0 0 var(--space-s);font-family:var(--font-serif);font-size:clamp(1.9rem,6vw,3rem);font-weight:400;line-height:1.15}
.page-top .rule{width:56px;height:2px;margin:0 auto var(--space-s);background:var(--gold);display:block}
.page-top .lead p{max-width:36em;color:var(--on-dark-muted);margin:0 auto;font-size:1.05rem}
@media (width>=960px){.crumbs ol{margin-bottom:var(--space-m)}}

/* Тъмен бутон под секция */
.elementor .btn-pod.elementor-widget{margin:var(--space-l) 0 0;text-align:center}
/* Фонове на секциите (fon-bg / fon-card от Astro) */
.elementor .e-con.fon-bg{background:var(--bg)}
.elementor .e-con.fon-card{background:var(--card);border-block:1px solid var(--line)}

/* 404 (404.astro) */
main:has(> .nf){display:flex}
.nf{flex:1;padding-block:var(--section-y);text-align:center;align-items:center;display:flex}
.nf-inner{max-width:640px}
.nf-code{font-family:var(--font-serif);color:var(--gold-text);margin:0;font-size:4.5rem;line-height:1}
.nf h1{margin:var(--space-s) 0 var(--space-s);font-family:var(--font-serif);font-size:1.9rem;font-weight:400;line-height:1.2}
.nf p{color:var(--muted);margin:0}
.nf-actions{align-items:center;gap:var(--space-s);margin-top:var(--space-l);flex-direction:column;display:flex}
@media (width>=768px){.nf-actions{flex-direction:row;justify-content:center}.nf h1{font-size:2.4rem}}
@media (width>=1024px){.nf{padding-block:var(--section-y-lg)}}