/* ==========================================================================
   BURA EXPERIENCE: sadržaj blog objave (sajt + editor) i povezane objave
   Ide u: hello-theme-child-master/blog-single.css
   Učitava se iz inc/blog-post.php, isto i u editoru objave.
   ========================================================================== */

:root{
	--bx-zelena:#45846D;
	--bx-hover:#61CE70;
	--bx-tekst:#333333;
	--bx-svijetla:#EAF3EF;
	--bx-radijus:10px;
}

/* ---------- tekst ---------- */
:is(.blog-tekst,.mce-content-body) p{line-height:1.75;margin:0 0 1.2em;}

:is(.blog-tekst,.mce-content-body) h2{
	font-family:"Montserrat",sans-serif;font-weight:800;text-transform:uppercase;color:var(--bx-zelena);
	font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem);line-height:1.2;letter-spacing:.02em;margin:2em 0 .6em;
}
:is(.blog-tekst,.mce-content-body) h3{
	font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;color:var(--bx-zelena);
	font-size:clamp(1.125rem,1rem + .6vw,1.375rem);line-height:1.25;margin:1.6em 0 .5em;
}
:is(.blog-tekst,.mce-content-body) :is(h2,h3):first-child{margin-top:0;}

/* ---------- slike: uvijek 100% širine teksta ---------- */
:is(.blog-tekst,.mce-content-body) img{
	display:block;width:100% !important;max-width:100% !important;height:auto !important;
	margin:1.75em 0;border-radius:var(--bx-radijus);float:none !important;
}
:is(.blog-tekst,.mce-content-body) :is(figure,.wp-caption,.alignleft,.alignright,.aligncenter,.alignnone){
	float:none !important;display:block;width:100% !important;max-width:100% !important;margin-left:0;margin-right:0;
}
:is(.blog-tekst,.mce-content-body) figure,
:is(.blog-tekst,.mce-content-body) .wp-caption{margin-top:1.75em;margin-bottom:1.75em;}
:is(.blog-tekst,.mce-content-body) :is(figure,.wp-caption) img{margin:0;}
:is(.blog-tekst,.mce-content-body) .wp-caption-text,
:is(.blog-tekst,.mce-content-body) figcaption{font-size:.85rem;color:#6b6b6b;text-align:center;margin-top:.6em;}

/* ---------- podebljani tekst (gumb B u editoru) ---------- */
:is(.blog-tekst,.mce-content-body) :is(strong,b){font-weight:700;}

/* ---------- okvir: svijetlosivi okvir za istaknuti odlomak ---------- */
:is(.blog-tekst,.mce-content-body) .bx-callout{
	background:#F0F1F3;border:1px solid #DCDEE2;border-left:5px solid #A3A9B2;border-radius:var(--bx-radijus);
	padding:20px 24px;margin:1.75em 0;line-height:1.6;
}
:is(.blog-tekst,.mce-content-body) .bx-callout p:last-child{margin-bottom:0;}

/* ---------- okvir: svijetlozeleni okvir (drugi okvir uz sivi) ---------- */
:is(.blog-tekst,.mce-content-body) .bx-zeleni{
	background:var(--bx-svijetla);border:1px solid #CFE3DA;border-left:5px solid var(--bx-zelena);border-radius:var(--bx-radijus);
	padding:20px 24px;margin:1.75em 0;line-height:1.6;
}

/* ---------- okvir: kremasti okvir (treci okvir uz sivi i zeleni) ---------- */
:is(.blog-tekst,.mce-content-body) .bx-krem{
	background:#F7EAD2;border:1px solid #E6D3B0;border-left:5px solid #C9A46B;border-radius:var(--bx-radijus);
	padding:20px 24px;margin:1.75em 0;line-height:1.6;
}

/* ---------- citat / iskustva gostiju: kosi tekst, zeleni navodnici iste veličine ---------- */
.blog-tekst blockquote,.mce-content-body blockquote{
	margin:2em 0 !important;padding:0 !important;background:none !important;border:0 !important;border-left:0 !important;
	font-style:italic;font-size:1.15em;line-height:1.6;
}
:is(.blog-tekst,.mce-content-body) blockquote p{margin:0 0 .8em;}
:is(.blog-tekst,.mce-content-body) blockquote p:last-child{margin-bottom:0;}
:is(.blog-tekst,.mce-content-body) blockquote p:first-child::before{content:"“";margin-right:.12em;}
:is(.blog-tekst,.mce-content-body) blockquote p:last-child::after{content:"”";margin-left:.12em;}
:is(.blog-tekst,.mce-content-body) blockquote p:first-child::before,
:is(.blog-tekst,.mce-content-body) blockquote p:last-child::after{
	font-family:Georgia,"Times New Roman",serif;font-size:2.2em;font-weight:700;font-style:normal;
	line-height:0;vertical-align:-.28em;color:var(--bx-zelena);
}

/* ---------- obične natuknice i numerirane liste ---------- */
:is(.blog-tekst,.mce-content-body) ul:not(.bx-list){list-style:disc;margin:1.2em 0 1.4em;padding-left:1.4em;}
:is(.blog-tekst,.mce-content-body) ol:not(.bx-list){list-style:decimal;margin:1.2em 0 1.4em;padding-left:1.6em;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol):not(.bx-list) li{margin:0 0 .5em;line-height:1.6;}

/* ---------- natuknice u kartici ---------- */
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list{
	list-style:none;margin:1.75em 0;padding:24px 28px;background:#F0F1F3;border:1px solid #DCDEE2;border-radius:var(--bx-radijus);
}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-list--krem{background:#F7EAD2;border-color:#E6D3B0;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-list--krem li::before{background:transparent;color:#000;font-size:18px;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list li{position:relative;padding-left:36px;margin:0 0 12px;line-height:1.55;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list li:last-child{margin-bottom:0;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list li::before{
	content:"\2713";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;
	background:var(--bx-zelena);color:#fff;font-size:13px;font-weight:700;line-height:24px;text-align:center;
}
:is(.blog-tekst,.mce-content-body) ol.bx-list{counter-reset:bx-brojac;}
:is(.blog-tekst,.mce-content-body) ol.bx-list li::before{counter-increment:bx-brojac;content:counter(bx-brojac);}

/* ---------- poveznice u tekstu: zelene, podcrtane, svijetlozelene na hover ---------- */
:is(.blog-tekst,.mce-content-body) a:not(.bx-link-btn){
	color:var(--bx-zelena);text-decoration:underline;text-underline-offset:3px;transition:color .2s;
}
:is(.blog-tekst,.mce-content-body) a:not(.bx-link-btn):hover,
:is(.blog-tekst,.mce-content-body) a:not(.bx-link-btn):focus{color:var(--bx-hover);}

/* poveznica kao gumb (Formats > Poveznica: gumb) */
:is(.blog-tekst,.mce-content-body) a.bx-link-btn{
	display:inline-block;background:var(--bx-zelena);color:#fff !important;border-radius:var(--bx-radijus);
	padding:14px 28px;margin:.4em 0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
	transition:background-color .2s;
}
:is(.blog-tekst,.mce-content-body) a.bx-link-btn:hover{background:var(--bx-hover);}

/* ---------- zaglavlje objave: kategorije, naslov, autor i datumi, velika slika ---------- */
main.blog-post{padding-top:clamp(24px,4vw,48px);}
main.blog-post .blog-grid{margin-top:0;}
.bx-head{margin:0 0 clamp(24px,3vw,36px);}
.bx-head__kategorije{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-zelena);}
.bx-head__kategorije a{color:inherit;text-decoration:none;}
.bx-head__kategorije a:hover{color:var(--bx-hover);}
.bx-head__kategorije span{margin:0 6px;opacity:.6;}
.bx-head__naslov{
	margin:0 0 18px;font-family:"Montserrat",sans-serif;font-weight:800;text-transform:none;letter-spacing:0;
	font-size:clamp(1.875rem,1.3rem + 2.4vw,3rem);line-height:1.15;color:var(--bx-tekst);
}
.bx-head__meta{display:flex;flex-wrap:wrap;gap:4px 0;margin:0 0 24px;font-size:14px;color:#555;}
.bx-head__meta span + span::before{content:"·";margin:0 10px;color:#999;}
.bx-head__slika{margin:0;}
.bx-head__slika img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:var(--bx-radijus);}
.bx-head__slika img.wp-post-image{max-height:none;height:auto;object-fit:contain;}

/* ---------- sidebar: povezane objave ---------- */
.bx-povezane{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.bx-povezane li{margin:0;padding:0;}
.bx-povezane__stavka{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--bx-tekst);}
.bx-povezane__slika{flex:0 0 72px;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#E4ECE8;}
.bx-povezane__slika img{display:block;width:100%;height:100%;object-fit:cover;}
.bx-povezane__tekst{display:flex;flex-direction:column;gap:4px;min-width:0;}
.bx-povezane__naslov{margin:0;font-size:14px;font-weight:600;line-height:1.35;text-transform:none;color:inherit;transition:color .2s;}
.bx-povezane__datum{font-size:12px;color:#777;}
.bx-povezane__stavka:hover .bx-povezane__naslov{color:var(--bx-zelena);}

@media(max-width:600px){
	:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list{padding:20px;}
}

/* ==========================================================================
   POPIS OBJAVA (Blog, kategorije, oznake): kartica = slika gore, sadržaj ispod
   ========================================================================== */
.blog-lista .blog-kartica{display:flex !important;flex-direction:column !important;align-items:stretch !important;}
.blog-lista .blog-kartica__slika{
	display:block;flex:0 0 auto !important;width:100% !important;max-width:none !important;height:auto !important;
	aspect-ratio:16/10;overflow:hidden;
}
.blog-lista .blog-kartica__slika img,
.blog-lista .blog-kartica__bez-slike{display:block;width:100% !important;height:100% !important;object-fit:cover;border-radius:0;}
.blog-lista .blog-kartica__bez-slike{background:#E4ECE8;}
.blog-lista .blog-kartica__tekst{width:100% !important;flex:1 1 auto;padding:22px 24px 26px;}

/* tri kartice u redu (tablet: dvije, mobitel: jedna) */
.blog-lista .blog-kartice{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.blog-lista .blog-kartica__tekst{padding:20px 20px 24px;}
@media(max-width:1024px){.blog-lista .blog-kartice{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:640px){.blog-lista .blog-kartice{grid-template-columns:minmax(0,1fr) !important;}}

/* ==========================================================================
   STRANICA YOUR GUIDE: "Why choose me as your guide"
   prvi red zelen, ostali svijetlosivi, bez hover efekta
   ========================================================================== */
.bura-razlozi .bura-razlog,
.bura-razlozi .bura-razlog:hover{background-color:#FAFAFA !important;color:#333333 !important;}
.bura-razlozi .bura-razlog *,
.bura-razlozi .bura-razlog:hover *{color:#333333 !important;}
.bura-razlozi .bura-razlog:first-child,
.bura-razlozi .bura-razlog:first-child:hover{background-color:#45846D !important;color:#ffffff !important;}
.bura-razlozi .bura-razlog:first-child *,
.bura-razlozi .bura-razlog:first-child:hover *{color:#ffffff !important;}

/* ==========================================================================
   PRAVNE STRANICE (page-legal.php): navigacija i okvir s kontaktom u desnom stupcu
   ========================================================================== */
.bx-legal-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.bx-legal-nav li{margin:0;padding:0;}
.bx-legal-nav a{
	display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;
	border-bottom:1px solid #E6E6E6;color:var(--bx-zelena);text-decoration:none;font-weight:600;font-size:14px;transition:color .2s;
}
.bx-legal-nav li:last-child a{border-bottom:0;}
.bx-legal-nav a:hover{color:var(--bx-hover);}
.bx-legal-nav__ikona{flex:0 0 auto;}
.bx-legal-info{font-size:14px;line-height:1.6;margin:0 0 16px;}
.bx-legal-gumb{margin:0;}
a.bx-legal-gumb{display:inline-block;background:var(--bx-zelena);color:#fff !important;border-radius:var(--bx-radijus);padding:14px 28px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background-color .2s;}
a.bx-legal-gumb:hover{background:var(--bx-hover);}

/* ---------- poziv na akciju ispod objave: slika, naslov, podnaslov i gumb ---------- */
.bx-cta-wrap{width:100%;max-width:1190px;margin:0 auto;padding:0 32px clamp(24px,3vw,40px);}
.bx-cta{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;border-radius:var(--radijus);overflow:hidden;}
.bx-cta__slika{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.bx-cta::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55));}
.bx-cta__sadrzaj{position:relative;z-index:2;max-width:720px;padding:56px 24px;text-align:center;color:#fff;}
.bx-cta__naslov{margin:0 0 14px;color:#fff;font-family:var(--font-naslov);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.01em;}
.bx-cta__podnaslov{margin:0 0 32px;color:rgba(255,255,255,.92);font-size:clamp(17px,2vw,20px);line-height:1.5;}
.bx-cta__gumb{display:inline-block;padding:14px 34px;border-radius:var(--radijus);background:var(--boja-primarna);color:#fff;font-family:var(--font-naslov);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color .2s,transform .2s;}
.bx-cta__gumb:hover,.bx-cta__gumb:focus{background:var(--boja-hover);color:#fff;transform:translateY(-2px);}

/* ---------- sidebar: disclaimer (sivi okvir) i Instagram ---------- */
.blog-sidebar .bx-disclaimer{background-color:var(--boja-primarna);}
.bx-disclaimer p,.bx-disclaimer strong{margin:0;font-size:14px;line-height:1.6;color:#fff;}
.bx-instagram{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-decoration:none;font-weight:400;}
.bx-instagram{color:#000;}
.bx-instagram svg{color:var(--boja-primarna);flex:0 0 auto;width:24px;height:24px;}
.bx-instagram span{font-weight:400;}
.bx-instagram:hover{color:var(--boja-primarna);}

/* sirina kontejnera: ukupno 1190px (s 32px razmaka sa strane) */
body .blog-grid,body .blog-lista__unutra{max-width:1190px;padding-left:32px;padding-right:32px;}

/* sekcija: najvise 1980px, a unutra kontejner 1200px */
body .site-main.blog-post,body .site-main.blog-lista{max-width:1980px;margin-left:auto;margin-right:auto;}

/* podnaslovi crni: tekst clanaka i stranice pravila (privacy, terms, cookie) */
html :is(.blog-tekst,.mce-content-body) :is(h1,h2,h3,h4,h5,h6),body .legal-page .bx-legal-sadrzaj :is(h2,h3,h4),body .legal-page :is(h2,h3){color:var(--boja-tekst);}

/* boje okvira za natuknice: siva (osnovna), zelena, krem */
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-list--zelena{background:var(--bx-svijetla);border-color:#CFE3DA;}
/* ikone natuknica: varijante B-H, rade na svakoj boji (A je izbacena) */
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-b li::before{background:#333;color:#fff;font-size:13px;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-c li::before{background:transparent;color:#000;font-size:13px;box-shadow:inset 0 0 0 2px #000;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-d li::before{background:rgba(255,255,255,.55);color:#333;font-size:13px;box-shadow:inset 0 0 0 1.5px #333;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-e li::before{background:#fff;color:#000;font-size:13px;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-f li::before{background:var(--bx-zelena);color:#fff;font-size:13px;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-g li::before{background:#000;color:#F7EAD2;font-size:13px;border-radius:6px;}
:is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-list.bx-ik-h li::before{background:transparent;color:#000;font-size:18px;}

/* okvir oko vise odlomaka: razmaci unutar okvira */
:is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) > :first-child{margin-top:0;}
:is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) > :last-child{margin-bottom:0;}
:is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) > :is(ul,ol).bx-list{margin-left:0;margin-right:0;}

/* popis unutar okvira: bez vlastite kartice, kvacice u tankom tamnom krugu (vrijedi za svaki popis u okviru) */
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) :is(ul,ol){list-style:none;margin:1em 0 0;padding:0;background:none;border:0;border-radius:0;counter-reset:bx-brojac;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) :is(ul,ol) li{position:relative;padding-left:36px;margin:0 0 10px;line-height:1.55;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) :is(ul,ol) li:last-child{margin-bottom:0;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) :is(ul,ol) li::before{content:"\2713";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;box-sizing:border-box;background:rgba(255,255,255,.55);color:#333;font-size:13px;font-weight:700;line-height:24px;text-align:center;box-shadow:inset 0 0 0 1.5px #333;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) :is(.bx-callout,.bx-zeleni,.bx-krem) ol li::before{counter-increment:bx-brojac;content:counter(bx-brojac);}

/* stil kvacica i brojeva: bira se u Formats, vrijedi za svaki popis (u okviru i izvan njega) */
html :is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-st-krug.bx-st-krug li::before{background:rgba(255,255,255,.55);color:#333;box-shadow:inset 0 0 0 1.5px #333;font-size:13px;border-radius:50%;}
html :is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-st-zeleni.bx-st-zeleni li::before{background:var(--bx-zelena);color:#fff;box-shadow:none;font-size:13px;border-radius:50%;}
html :is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-st-tamni.bx-st-tamni li::before{background:#333;color:#fff;box-shadow:none;font-size:13px;border-radius:50%;}
html :is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-st-kvadrat.bx-st-kvadrat li::before{background:#333;color:#fff;box-shadow:none;font-size:13px;border-radius:6px;}
html :is(.blog-tekst,.mce-content-body) :is(ul,ol).bx-st-sama.bx-st-sama li::before{background:transparent;color:#000;box-shadow:none;font-size:18px;border-radius:0;}

/* okvir bez crte: isti okvir, samo tanki rub sa svih strana */
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) .bx-bez.bx-callout{border:1px solid #DCDEE2;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) .bx-bez.bx-zeleni{border:1px solid #CFE3DA;}
:is(.blog-tekst,.mce-content-body):is(.blog-tekst,.mce-content-body) .bx-bez.bx-krem{border:1px solid #E6D3B0;}

/* sidebar: rub malo tamniji od boje kutije (isto kao okviri bez crte u blogu) */
body .blog-sidebar .blog-sidebar__blok{border:1px solid #E0E2E6;}
body .blog-sidebar .blog-sidebar__blok.bx-disclaimer{border-color:#376B58;}

/* gumbi prethodna/sljedeca objava: tanji rub (bio 3px) */
body .blog-nav__gumb{border-width:2px;}

/* sidebar ostaje na ekranu dok se skrola (bez skrolanja unutar njega; top za visoki sidebar podesi mala skripta u single.php) */
@media (min-width:1025px){
  body .blog-grid .blog-sidebar{position:sticky;top:66px;align-self:start;}
  body.admin-bar .blog-grid .blog-sidebar{top:98px;}
}


/* manji razmaci oko poziva na akciju: kraj bloga do slike i ispod slike */
body main.blog-post .blog-grid{padding-bottom:64px;}

/* razmaci oko gumba prethodna/sljedeca: isti gore (od crte) i dolje (do slike), 48px */
body .blog-nav{padding-top:48px;}

/* tagovi clanka ispod naslova: mala tiskana slova */
body .bx-head__oznake{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding:0;}
body .bx-head__oznake a{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--bx-zelena);text-decoration:none;transition:color .2s;}
body .bx-head__oznake a:hover{color:var(--bx-hover);}

/* sidebar: Follow us on social media, ikone ispod naslova */
body .blog-sidebar .bx-drustvene{padding:22px 24px;text-align:center;}
.bx-drustvene__naslov{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:var(--boja-tekst);}
.bx-drustvene__ikone{display:flex;justify-content:center;gap:12px;}
.bx-drustvene__ikone a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #E0E2E6;background:#fff;color:var(--boja-primarna);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;}
.bx-drustvene__ikone a:hover,.bx-drustvene__ikone a:focus-visible{background:var(--boja-primarna);border-color:#376B58;color:#fff;}
.bx-drustvene__ikone svg{display:block;width:22px;height:22px;}

/* poziv na akciju u sidebaru (ispod drustvenih mreza) */
body .blog-sidebar .bx-cta{min-height:420px;margin-bottom:24px;}
body .blog-sidebar .bx-cta__sadrzaj{padding:44px 26px;}
body .blog-sidebar .bx-cta__naslov{font-size:32px;line-height:1.15;margin:0 0 14px;}
body .blog-sidebar .bx-cta__podnaslov{font-size:18px;line-height:1.5;margin:0 0 26px;}
body .blog-sidebar .bx-cta__gumb{padding:15px 30px;font-size:14px;}

/* Share: u istom retku kao Previous/Next, izmedu gumba */
.bx-share{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.bx-share__naslov{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--boja-tekst);}
.bx-share__ikone{display:flex;gap:8px;}
.bx-share__ikone a,.bx-share__kopiraj{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid #E0E2E6;background:#fff;color:var(--boja-primarna);text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;}
.bx-share__ikone a:hover,.bx-share__ikone a:focus-visible,.bx-share__kopiraj:hover,.bx-share__kopiraj:focus-visible,.bx-share__kopiraj.is-kopirano{background:var(--boja-primarna);border-color:#376B58;color:#fff;}
.bx-share__ikone svg{display:block;width:20px;height:20px;}
@media (max-width:767px){.blog-nav .bx-share{order:3;}}

/* svjetlija slika poziva na akciju u sidebaru (manje tamnog sloja, tekst ostaje citljiv zahvaljujuci laganoj sjeni) */
body .blog-sidebar .bx-cta::before{background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.26));}
body .blog-sidebar .bx-cta__naslov,body .blog-sidebar .bx-cta__podnaslov{text-shadow:0 1px 14px rgba(0,0,0,.3);}

/* kadar slike poziva na akciju: grupa planinara u sredini kadra */
body .blog-sidebar .bx-cta__slika{object-position:2% center;}

/* poziv na akciju u sidebaru: naslov gore, opis u sredini okvira, gumb na dnu */
body .blog-sidebar .bx-cta{align-items:stretch;}
body .blog-sidebar .bx-cta__sadrzaj{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:none;padding:36px 26px 90px;}
body .blog-sidebar .bx-cta__podnaslov{position:absolute;left:26px;right:26px;top:50%;margin:0;transform:translateY(-50%);}
body .blog-sidebar .bx-cta__gumb{position:absolute;left:50%;bottom:30px;margin:0;transform:translateX(-50%);white-space:nowrap;}

/* opis (caption) slika: ispod glavne slike clanka i ispod slika u tekstu (polje "Caption" u biblioteci medija) */
body .bx-head__opis-slike{display:flex;align-items:center;gap:14px;margin:12px 0 0;font-size:12px;line-height:1.5;color:#54595F;text-align:left;}
body .bx-head__opis-slike::before{content:"";flex:0 0 56px;height:1px;background:#54595F;}
:is(.blog-tekst,.mce-content-body) .wp-caption{max-width:100%;margin:0 0 1.5em;}
:is(.blog-tekst,.mce-content-body) .wp-caption img{display:block;max-width:100%;height:auto;}
:is(.blog-tekst,.mce-content-body) :is(.wp-caption-text,figcaption){display:flex;align-items:center;gap:14px;margin:12px 0 0;padding:0;font-size:12px;line-height:1.5;color:#54595F;text-align:left;}
:is(.blog-tekst,.mce-content-body) :is(.wp-caption-text,figcaption)::before{content:"";flex:0 0 56px;height:1px;background:#54595F;}

/* opis ispod slike u tekstu clanka (iz polja Description u biblioteci medija): duga tanka crta pa mali tekst */
:is(.blog-tekst,.mce-content-body) .bx-slika-opis{display:flex;align-items:center;gap:14px;margin:12px 0 0;font-size:12px;line-height:1.5;color:#54595F;text-align:left;}
:is(.blog-tekst,.mce-content-body) .bx-slika-opis::before{content:"";flex:0 0 56px;height:1px;background:#54595F;}


/* ===== tablice u tekstu objave: minimalisticki, bez hovera i zebre (isto u editoru) ===== */
html :is(.blog-tekst,.mce-content-body) table{width:100%;max-width:100%;margin:32px 0;border-collapse:collapse;border-spacing:0;border:0;background:none;font-size:15px;line-height:1.5;color:var(--boja-tekst,#333);}
html :is(.blog-tekst,.mce-content-body) table :is(th,td){padding:14px 18px 14px 0;border:0;border-bottom:1px solid #E0E2E6;background:none;text-align:left;vertical-align:top;font-weight:400;color:inherit;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td):last-child{padding-right:0;}
html :is(.blog-tekst,.mce-content-body) table :is(th,thead td){font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--boja-tekst,#333);border-bottom:2px solid var(--boja-primarna,#45846D);}
html :is(.blog-tekst,.mce-content-body) table th strong,html :is(.blog-tekst,.mce-content-body) table thead td strong{font-weight:inherit;}
html :is(.blog-tekst,.mce-content-body) table :is(tr,tbody tr,tbody tr:nth-child(odd),tbody tr:nth-child(even),tbody tr:hover,tbody tr:hover>td,tbody tr:hover>th,tbody>tr:nth-child(odd)>td,tbody>tr:nth-child(even)>td){background:none;box-shadow:none;}
html :is(.blog-tekst,.mce-content-body) table tbody tr:last-child :is(td,th){border-bottom-color:#E0E2E6;}
html :is(.blog-tekst,.mce-content-body) table tbody td:first-child{font-weight:600;}
@media (max-width:767px){html .blog-tekst table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px;}html .blog-tekst table :is(th,td){white-space:nowrap;padding-right:20px;}}

/* tablice s rubovima: tanki sivi rub oko svih celija, zaglavlje svijetlosivo */
html :is(.blog-tekst,.mce-content-body) table{border:1px solid #E0E2E6;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td){padding:12px 16px;border:1px solid #E0E2E6;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td):last-child{padding-right:16px;}
html :is(.blog-tekst,.mce-content-body) table :is(th,thead td){background:#FAFAFA;border:1px solid #E0E2E6;border-bottom:2px solid var(--boja-primarna,#45846D);}
html :is(.blog-tekst,.mce-content-body) table tbody tr:last-child :is(td,th){border-bottom:1px solid #E0E2E6;}
@media (max-width:767px){html .blog-tekst table :is(th,td){padding:10px 14px;}}

/* tablice: zaobljeni rubovi (kao kartice), sve unutra bijelo */
html :is(.blog-tekst,.mce-content-body) table{border-collapse:separate;border-spacing:0;border:1px solid #E0E2E6;border-radius:var(--radijus,8px);overflow:hidden;background:#fff;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td){background:#fff;border:0;border-right:1px solid #E0E2E6;border-bottom:1px solid #E0E2E6;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td):last-child{border-right:0;}
html :is(.blog-tekst,.mce-content-body) table tbody tr:last-child :is(td,th){border-bottom:0;}
html :is(.blog-tekst,.mce-content-body) table :is(th,thead td){background:#fff;border-bottom:2px solid var(--boja-primarna,#45846D);}

/* tablice: cvrsti rubovi (nadjacavaju okvir teme i inline stilove zalijepljene tablice) */
html :is(.blog-tekst,.mce-content-body) table :is(th,td){border-top:0 !important;border-left:0 !important;border-right:1px solid #E0E2E6 !important;border-bottom:1px solid #E0E2E6 !important;outline:0;box-shadow:none;}
html :is(.blog-tekst,.mce-content-body) table :is(th,td):last-child{border-right:0 !important;}
html :is(.blog-tekst,.mce-content-body) table tbody tr:last-child :is(td,th){border-bottom:0 !important;}
html :is(.blog-tekst,.mce-content-body) table :is(th,thead td){border-bottom:2px solid var(--boja-primarna,#45846D) !important;}
html :is(.blog-tekst,.mce-content-body) table{border:1px solid #E0E2E6 !important;}

/* gumb natrag na sve objave (na vrhu objave) */
.bx-natrag{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 14px;border:1px solid #E0E2E6;border-radius:10px;background:#FAFAFA;color:#54595F;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease;}
.bx-natrag:hover,.bx-natrag:focus,.bx-natrag:focus-visible{background:#F3F4F6;border-color:#D9DCE0;color:#54595F;outline:none;text-decoration:none;}

/* gumb Back na dnu objave */
.bx-natrag--dno{margin:32px 0 0;}

/* gumb Back na vrhu sidebara: isti stil kao gumb Previous post (zeleni obrub), cijela sirina */
.bx-natrag.bx-natrag--bocna{display:flex;justify-content:center;width:100%;margin:0 0 20px;padding:16px 20px;border:2px solid var(--boja-primarna);border-radius:var(--radijus,10px);background:#fff;color:var(--boja-primarna);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.bx-natrag.bx-natrag--bocna:hover,.bx-natrag.bx-natrag--bocna:focus,.bx-natrag.bx-natrag--bocna:focus-visible{background:var(--boja-primarna);border-color:var(--boja-primarna);color:#fff;}

/* oznake clanka: razdvojene crtom | kao kategorije */
body .bx-head__oznake{gap:6px 8px;}
body .bx-head__oznake a:not(:last-child)::after{content:"|";margin-left:8px;color:var(--bx-zelena);opacity:.6;font-weight:400;}

/* breadcrumbs na vrhu objave */
.bx-breadcrumbs{margin:0 0 18px;}
.bx-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.4;color:#7A7F85;}
.bx-breadcrumbs li{display:inline-flex;align-items:center;margin:0;padding:0;min-width:0;}
.bx-breadcrumbs li+li::before{content:"/";margin:0 10px;opacity:.5;}
.bx-breadcrumbs a{color:inherit;text-decoration:none;transition:color .2s;}
.bx-breadcrumbs a:hover,.bx-breadcrumbs a:focus{color:var(--bx-zelena);}
.bx-breadcrumbs li[aria-current] span{color:var(--boja-tekst,#333);font-weight:600;max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

/* breadcrumbs: manji */
.bx-breadcrumbs{margin:0 0 14px;}
.bx-breadcrumbs ol{font-size:11px;}
.bx-breadcrumbs li+li::before{margin:0 7px;}

/* sirina sadrzaja 1190px (kao header, footer i ostale stranice): kontejner 1254px s 32px razmaka */
body .blog-grid,body .blog-lista__unutra{max-width:1254px;}


/* sidebar: CTA ispod disclaimera */
.blog-sidebar{display:flex;flex-direction:column;}
.blog-sidebar>*{order:0;}
.blog-sidebar>.bx-disclaimer{order:1;}
.blog-sidebar>.bx-cta--sidebar{order:2;}
.blog-sidebar>.bx-drustvene{order:3;}

/* sidebar: naslovi su h2, ali izgledaju kao prije (h4.h5) */
body .blog-sidebar h2.naslov-tamni{letter-spacing:normal;margin:0 0 14px;}


/* mobitel: naslovna slika posta niza (4:3) i naslov posta malo manji */
@media (max-width:767px){
	.bx-head__slika img.wp-post-image{aspect-ratio:4/3;object-fit:cover;}
	body h1.bx-head__naslov{font-size:26px;line-height:1.2;}
}


/* ===== MOBITEL (do 767px): objava (blog post) ===== */
/* sticky traka s pozivom na akciju (HTML je u single.php; na racunalu je skrivena) */
.bx-sticky-cta{display:none;}
@media (max-width:767px){
	/* sirina: tablice i sl. ne smiju siriti stranicu preko ekrana */
	body .blog-grid{grid-template-columns:minmax(0,1fr) !important;}
	body .blog-sadrzaj{min-width:0;}
	/* tablice: omot .bx-tablica se pomice udesno, stranica se ne siri; stupci zadrzavaju razumnu sirinu */
	body .blog-tekst :is(th,td){padding:10px 12px !important;font-size:13px;}
	body .blog-tekst :is(img,video,iframe){max-width:100%;}

	/* razmak od headera do breadcrumbsa manji; manji breadcrumbs */
	body .blog-grid{padding-top:8px !important;}
	body .bx-breadcrumbs{margin:0 0 10px !important;}
	body .bx-breadcrumbs ol{font-size:9px !important;gap:1px 0;line-height:1.3 !important;}
	body .bx-breadcrumbs li+li::before{margin:0 5px;}

	/* zaglavlje posta: manji razmaci, manji datum */
	body .bx-head{margin-bottom:16px !important;}
	body .bx-head__kategorije{margin-bottom:8px !important;font-size:12px;}
	body h1.bx-head__naslov{margin-bottom:10px !important;}
	body .bx-head__oznake{margin-bottom:8px !important;}
	body .bx-head__meta{margin-bottom:12px !important;font-size:11px !important;}
	body .bx-head__meta span+span::before{margin:0 6px;}

	/* Previous i Next jedan pored drugog, dijeljenje ispod njih preko cijele sirine */
	body .blog-nav{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;}
	body .blog-nav .bx-share{grid-column:1 / -1;order:3;}
	body .blog-nav__gumb{width:100%;box-sizing:border-box;justify-content:center;padding:12px 8px !important;font-size:13px !important;}

	/* lebdeca traka poziva na akciju na dnu ekrana dok se cita objava */
	/* razmak: kraj sadrzaja -> crta -> gumbi manji; razmak izmedu gumba i Share veci; manji razmak do footera */
	body .blog-nav{margin-top:24px !important;padding-top:20px !important;gap:24px 12px !important;}
	body main.blog-post .blog-grid{padding-bottom:8px !important;}

}

/* Tablice u objavama: omot koji se pomice udesno kad je tablica sira od ekrana; stupci ne postaju preuski */
.bx-tablica{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:32px 0;}
html .bx-tablica table{display:table !important;width:max-content !important;min-width:100% !important;max-width:none !important;margin:0 !important;table-layout:auto !important;}
.bx-tablica :is(th,td){white-space:normal !important;min-width:110px;max-width:260px;vertical-align:top;}

/* lebdeca traka s pozivom na akciju: tamo gdje je sidebar ispod sadrzaja (do 1024px, tablet i mobitel) */
@media (max-width:1024px){
	.bx-sticky-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:14px 15px calc(14px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 14px rgba(0,0,0,.14);transition:transform .25s ease,opacity .25s ease;}
	.bx-sticky-cta.is-skriven{transform:translateY(110%);opacity:0;pointer-events:none;}
	.bx-sticky-cta__tekst{font-size:18px;font-weight:600;line-height:1.2;color:#333;}
	.bx-sticky-cta__gumb{flex:0 0 auto;padding:13px 18px;border-radius:var(--radijus,10px);background:var(--boja-primarna);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;}
	body.bx-sticky-aktivan .bura-top{bottom:88px !important;}
}