/* Synergy Base — основен CSS (отложен). Футър, карти, списъци, форми, съвместимост.
   Правило: никакви стилове за голи button/input/table — само .wp-block-* и .syn-*.
   Плъгините ни (.sbe-, .sgal-, .mvo-, .sob- …) остават недокоснати. */

/* Типографски детайли */
.syn-main ul:not([class]),.syn-main ol:not([class]){padding-left:1.25rem}
.syn-main li:not([class]){margin:.25rem 0}
.wp-block-post-content>*+*{margin-block-start:var(--wp--style--block-gap,1.5rem)}
.wp-block-post-content>h2,.wp-block-post-content>h3{margin-block-start:calc(var(--wp--style--block-gap,1.5rem)*1.6)}
.is-style-wide{border-color:var(--syn-line)}
.wp-block-separator{border-top:1px solid var(--syn-line);border-bottom:0;opacity:1}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:80px}
.wp-block-image img,.wp-block-post-featured-image img{border-radius:var(--syn-radius)}
.wp-block-post-featured-image{margin-left:auto;margin-right:auto}
.wp-block-quote{margin-left:0;margin-right:0}
.has-text-muted-color a{color:inherit}
.has-background{position:relative}
.wp-element-button,.wp-block-button__link{transition:background .2s,color .2s,transform .15s}
.wp-element-button:active{transform:translateY(1px)}

/* Пътечка извън хедъра */
.syn-crumbs{margin:0 0 .5rem}

/* Данни за контакт */
.syn-info{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.syn-info__row{display:flex;align-items:flex-start;gap:.6rem;line-height:1.45}
.syn-info__row .syn-icon{margin-top:.15em;color:var(--syn-accent)}
.syn-info a{color:inherit;text-decoration:none}
.syn-info a:hover{color:var(--syn-accent)}

/* Футър */
.syn-footer{border-top:1px solid var(--syn-line)}
.syn-footer .wp-block-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--syn-text-muted);margin-bottom:1rem;font-weight:600}
.syn-footer__nav .wp-block-navigation-item__content{text-decoration:none;padding:.15rem 0}
.syn-footer__nav .wp-block-navigation-item__content:hover{color:var(--syn-accent)}
.syn-footer__bottom{gap:.5rem 1.5rem;align-items:center}
.syn-footer__bottom p{margin:0}
.syn-credit a{color:inherit}
.syn-footer--mini .syn-info{grid-auto-flow:column;gap:1.5rem}
@media (max-width:781px){.syn-footer__cols{gap:var(--wp--preset--spacing--40)}.syn-footer--mini .syn-info{grid-auto-flow:row;gap:.6rem}}

/* Търсачка */
.wp-block-search__input{border:1px solid var(--syn-line);border-radius:var(--syn-radius);padding:.7rem 1rem;font:inherit;background:var(--syn-bg);color:var(--syn-text)}
.wp-block-search__button{border-radius:var(--syn-radius)}
.wp-block-search{max-width:520px;margin-bottom:var(--wp--preset--spacing--40)}

/* Отложено рисуване на секциите под първия екран */
.syn-main>.wp-block-post-content>*:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:auto 480px}

/* Съвместимост: Synergy Галерия (WebP/AVIF <picture> обвивка) */
.sgal picture,picture.sgal-pic{display:block;width:100%;height:100%}
/* Съвместимост: Mini Hotel и другите ни плъгини — само шрифтът, нищо друго */
.sbe-wrap,.sbe-form,.sbe-root,.sgal,.mvo-root{font-family:var(--syn-font-body)}

/* Elementor страници върху темата */
.syn-elementor .syn-main{padding:0!important}
.syn-elementor .syn-main>.wp-block-post-content{max-width:none}
.syn-elementor .syn-main>.wp-block-post-content>*{margin:0;max-width:none}
.syn-elementor .syn-page-head{display:none}

/* Празно платно */
.syn-canvas{background:var(--syn-bg)}
.syn-canvas .syn-canvas-content{padding:0;margin:0;max-width:none}

/* Тъмна вариация — дребни корекции */
.syn-dark .syn-card{background:var(--syn-bg-alt)}
.syn-dark .syn-header-wrap.is-stuck{box-shadow:0 6px 24px rgb(0 0 0/.4)}
.syn-dark .wp-block-search__input{background:var(--syn-bg-alt)}

/* Собствен футър */
.syn-footer-wrap--custom{position:relative}

/* Фини scroll анимации — само CSS, само когато браузърът поддържа scroll-driven animations.
   Без поддръжка (и в редактора) всичко е видимо веднага. Изключват се при reduced motion. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .syn-reveal-on .syn-main .synb,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-group,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-columns,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-cover{animation:syn-rise linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
  }
}
@keyframes syn-rise{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
body.block-editor-page .synb,.editor-styles-wrapper .synb{animation:none!important}

/* Bento решетка — помощен клас за core/group (добави „syn-bento“ в Допълнителни CSS класове) */
.syn-bento{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.syn-bento>*{border:1px solid var(--syn-line);border-radius:var(--syn-radius-lg);padding:1.5rem;background:var(--syn-bg)}
.syn-bento>.is-wide{grid-column:span 2}
@media (min-width:782px){.syn-bento{grid-template-columns:repeat(4,1fr)}.syn-bento>.is-wide{grid-column:span 2}.syn-bento>.is-tall{grid-row:span 2}}

/* Печат */
@media print{.syn-header-wrap,.syn-footer,.syn-book-block,.syn-phone-block{display:none!important}body{background:#fff;color:#000}}

/* Намалено движение */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.syn-main :where([class^="syn-"],[class*=" syn-"]),.syn-header-wrap :where(*){animation:none!important;transition:none!important}}