/* ===== Usklađivanje Elementora s dizajnom Web 2 Brata =====
   Elementor elementi zadržavaju klase iz prototipa; ovdje se poništavaju Elementorovi
   zadani razmaci i stilovi, tako da izgled određuje w2b.css. */
body,.elementor,.e-con{--kit-widget-spacing:0px}
/* Elementorove varijable kontejnera vraćamo na zadane vrijednosti preglednika (blok, red, bez razmaka).
   Specifičnost (1,2,0) nadjačava Elementorov CSS po elementu (npr. .elementor-37 .elementor-element-x{--display:flex}). */
:is(:root,#w2b) .e-con.w2b{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:auto;--height:auto;--min-height:0px;--display:block;--flex-direction:row;--flex-wrap:nowrap;--align-items:normal;--align-content:normal;--justify-content:normal;--container-max-width:none;--content-width:none;--overflow:visible}
/* Izravna svojstva: specifičnost (1,0,0) – jača od Elementora, slabija od w2b.css (:is(:root,#w2b) .klasa = 1,1,0).
   Omotači bez vlastitog pozicioniranja (kao u prototipu): apsolutni elementi (hero-bg, motif, glow) se vežu za sekciju. */
:is(:root,#w2b) :where(.e-con.w2b){position:static;max-width:none;text-align:inherit}
:is(:root,#w2b) :where(.elementor-widget.w2b){max-width:none;text-align:inherit}
/* HTML i shortcode omotači ne stvaraju vlastitu kutiju (display:contents): unutarnji element se ponaša kao u prototipu
   (flex/grid stavka, apsolutno pozicioniranje u odnosu na karticu/sekciju). U Elementor uređivaču omotači ostaju normalni. */
body:not(.elementor-editor-active) .elementor-widget-html.w2b,body:not(.elementor-editor-active) .elementor-widget-shortcode.w2b,body:not(.elementor-editor-active) .elementor-widget-shortcode.w2b>.elementor-shortcode{display:contents}
.elementor-widget-container{margin:0;padding:0}

/* Naslovi: pravila prototipa djeluju izravno na <h1>–<h6> unutar widgeta (alati/css-za-wp.php prenosi i pravila klasa s omotača).
   Ovdje samo poništavamo Elementorove zadane razmake naslova. */
:where(.elementor-widget-heading) .elementor-heading-title{padding:0;margin:0}
/* Omotač naslova ima isti font kao naslov, jer širine u ch/em (npr. max-width:16ch) ovise o fontu */
:where(.elementor-widget-heading.w2b){font-family:var(--ff-display);font-weight:700;letter-spacing:-.035em;line-height:1.02}

/* Tekst */

.elementor-widget-text-editor.w2b p:last-child{margin-bottom:0}
.elementor-widget-text-editor.w2b.eyebrow p,.elementor-widget-text-editor.w2b.lead p{margin:0}
:where(.elementor-widget-text-editor).eyebrow{display:inline-flex}
.elementor-widget-text-editor.eyebrow .elementor-widget-container{display:inline}

/* Gumbi (Elementor „Gumb” s klasom w-btn …) */
.elementor .w-btn .elementor-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 28px;border-radius:999px;font:600 16px/1 var(--ff-body);transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s,border-color .3s;white-space:nowrap;background:transparent;color:var(--text);fill:currentColor;border:0}
.elementor .w-btn-acc .elementor-button{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 40px -12px rgba(var(--accent-rgb),.7)}
.elementor .w-btn-acc .elementor-button:hover{transform:translateY(-2px);box-shadow:0 16px 50px -12px rgba(var(--accent-rgb),.9);color:var(--on-accent)}
.elementor .w-btn-ghost .elementor-button{border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--text)}
.elementor .w-btn-ghost .elementor-button:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:var(--text)}
.elementor .w-btn-sm .elementor-button{padding:12px 20px;font-size:14.5px}
.elementor .w-arrow .elementor-button-text::after{content:"";display:inline-block;width:18px;height:18px;margin-left:10px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12M11 5l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12M11 5l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.elementor .w-arrow .elementor-button:hover .elementor-button-text::after{transform:translateX(3px)}
.hero-ctas>.elementor-widget-button{width:auto}
@media (max-width:720px){.hero-ctas>.w-btn,.hero-ctas>.w-btn .elementor-button{width:100%}}

/* Slike */
.elementor-widget-image.w2b img{display:block;max-width:100%;height:auto}
.elementor-widget-image.w2b{line-height:0}

/* Kartice-poveznice (Elementor kontejner kao <a>) */
a.e-con.w2b{color:inherit;text-decoration:none}

/* Elementor dodaje min-height na prazne kontejnere u uređivaču – ne na stranici */
.e-con.w2b:empty{min-height:0}

/* Popis pretvoren u „Uređivač teksta”: omotač nosi klasu (npr. .prose), unutarnji <ul> je isti element kao u prototipu,
   pa na njega ne smiju djelovati pravila tipa „.prose ul” */
:is(:root,#w2b) .elementor-widget.w2b-ul>ul,:is(:root,#w2b) .elementor-widget.w2b-ol>ol{margin:0}