/* Blog (modul blog): popis članaka. HTML: page-templates/blog.php
   Mirna paleta: krem pozadina, bijele kartice, tanke linije, zlatni akcenti; Marcellus naslovi, Montserrat tekst. */

/* --- Uvod ---------------------------------------------------------------------- */
.blog__uvod{padding-top:var(--r8);padding-bottom:var(--r6);text-align:center}
.blog__nadnaslov{margin-bottom:var(--r2);font:600 12px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--zlato-tekst)}
.blog__naslov{margin-bottom:var(--r3);font:400 clamp(38px,5.4vw,64px)/1.1 var(--akcent);letter-spacing:.03em}
.blog__uvod .ornament{color:var(--zlato);margin-bottom:var(--r3)}
.blog__tekst{max-width:560px;margin:0 auto;color:var(--taupe)}

/* --- Mreža: prva kartica je široka (dvije kolone), ostale po jedna ------------------- */
.blog__mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r4) var(--r3)}
.blog-kartica{display:flex;flex-direction:column;background:var(--bijela);border:1px solid var(--linija);border-radius:3px;overflow:hidden;transition:box-shadow .4s,transform .4s}
.blog-kartica:hover{box-shadow:0 18px 40px rgba(28,25,22,.09);transform:translateY(-3px)}
.blog-kartica__slika{display:block;overflow:hidden;background:var(--pijesak);aspect-ratio:4/3}
.blog-kartica__slika img,.blog-kartica__bez-slike{display:block;width:100%;height:100%;object-fit:cover}
.blog-kartica__slika img{transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.blog-kartica:hover .blog-kartica__slika img{transform:scale(1.05)}
.blog-kartica__tijelo{display:flex;flex-direction:column;flex:1;padding:var(--r3) var(--r3) var(--r4)}
.blog-kartica__meta{margin-bottom:var(--r1);font:500 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--taupe)}
.blog-kartica__naslov{margin:0 0 var(--r2);font:400 22px/1.35 var(--akcent);letter-spacing:.01em}
.blog-kartica__naslov a{text-decoration:none;background:linear-gradient(var(--zlato),var(--zlato)) 0 100%/0 1px no-repeat;transition:background-size .4s,color .2s}
.blog-kartica__naslov a:hover{background-size:100% 1px;color:var(--zlato-tekst)}
.blog-kartica__izvadak{margin-bottom:var(--r3);font-size:15px;line-height:1.75;color:var(--taupe)}
.blog-kartica__dalje{margin-top:auto;align-self:flex-start;padding-bottom:3px;border-bottom:1px solid var(--zlato);font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ponoc);transition:color .2s}
.blog-kartica__dalje::after{content:" →"}
.blog-kartica__dalje:hover{color:var(--zlato-tekst)}

/* Istaknuta (prva) kartica: cijela širina, slika kao pozadina, naslov i podaci preko nje (slike su uglavnom vodoravne) */
.blog-kartica--istaknuta{grid-column:1/-1;position:relative;min-height:clamp(380px,42vw,540px);justify-content:flex-end;border:0;background:var(--ponoc)}
.blog-kartica--istaknuta:hover{transform:none}
.blog-kartica--istaknuta .blog-kartica__slika{position:absolute;inset:0;aspect-ratio:auto;z-index:0}
/* Zatamnjenje samo u donjem dijelu slike (iza teksta); gornja polovina ostaje bez zatamnjenja */
.blog-kartica--istaknuta .blog-kartica__slika::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,25,22,0) 0%,rgba(28,25,22,0) 38%,rgba(28,25,22,.55) 62%,rgba(28,25,22,.92) 100%)}
.blog-kartica--istaknuta .blog-kartica__tijelo{position:relative;z-index:1;flex:0 0 auto;margin-top:auto;max-width:780px;padding:var(--r3) var(--r6) var(--r5,40px);color:var(--krem)}
.blog-kartica--istaknuta .blog-kartica__meta{color:var(--zlato-svijetlo)}
.blog-kartica--istaknuta .blog-kartica__naslov{font-size:clamp(26px,2.8vw,38px);line-height:1.2;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.blog-kartica--istaknuta .blog-kartica__naslov a{color:var(--krem);background-image:linear-gradient(var(--zlato),var(--zlato))}
.blog-kartica--istaknuta .blog-kartica__naslov a:hover{color:var(--krem)}
.blog-kartica--istaknuta .blog-kartica__izvadak{max-width:640px;font-size:16px;color:rgba(250,247,242,.88)}
.blog-kartica--istaknuta .blog-kartica__dalje{margin-top:var(--r1);color:var(--krem);border-bottom-color:var(--zlato)}
.blog-kartica--istaknuta .blog-kartica__dalje:hover{color:var(--zlato)}
.blog-kartica--istaknuta:hover .blog-kartica__slika img{transform:scale(1.03)}
/* --- Paginacija ------------------------------------------------------------------------ */
.blog__paginacija{margin:var(--r8) 0 var(--r12)}
.blog__paginacija ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--r1);margin:0;padding:0;list-style:none}
.blog__paginacija .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--r1);border:1px solid var(--linija);border-radius:2px;background:var(--bijela);color:var(--ponoc);font:500 14px/1 var(--sans);text-decoration:none;transition:border-color .2s}
.blog__paginacija a.page-numbers:hover{border-color:var(--ponoc)}
.blog__paginacija .page-numbers.current{background:var(--ponoc);border-color:var(--ponoc);color:var(--krem)}
.blog__paginacija .page-numbers.dots{border-color:transparent;background:transparent}
.blog__prazno{margin:var(--r8) 0 var(--r12);text-align:center;color:var(--taupe)}

/* --- Tablet i mobitel --------------------------------------------------------------------- */
@media (max-width:980px){
  .blog__mreza{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-kartica--istaknuta .blog-kartica__tijelo{padding:var(--r3) var(--r4) var(--r4)}
}

@media (max-width:680px){
  .blog__uvod{padding-top:var(--r6)}
  .blog__mreza{grid-template-columns:1fr;gap:var(--r3)}
  .blog-kartica--istaknuta{min-height:460px}
  .blog-kartica--istaknuta .blog-kartica__izvadak{display:none}
  .blog-kartica--istaknuta .blog-kartica__tijelo{padding:var(--r6) var(--r3) var(--r3)}

}
@media (prefers-reduced-motion:reduce){
  .blog-kartica,.blog-kartica__slika img{transition:none}
  .blog-kartica:hover{transform:none}
  .blog-kartica:hover .blog-kartica__slika img{transform:none}
}

/* ==========================================================================
   Pojedinačni članak (page-templates/clanak.php)
   ========================================================================== */
.clanak__zaglavlje{padding-top:var(--r6);padding-bottom:var(--r4);text-align:center;max-width:900px}
.clanak__nazad{display:inline-block;margin-bottom:var(--r4);font:600 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--taupe);transition:color .2s}
.clanak__nazad::before{content:"← "}
.clanak__nazad:hover{color:var(--zlato-tekst)}
.clanak__meta{margin-bottom:var(--r2);font:600 12px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--zlato-tekst)}
.clanak__naslov{margin-bottom:var(--r3);font:400 clamp(30px,4.4vw,52px)/1.2 var(--akcent);letter-spacing:.02em}
.clanak__zaglavlje .ornament{color:var(--zlato);margin-bottom:0}

/* Glavna slika: u cijelosti (plakati sa tekstom se ne režu), na širini teksta */
.clanak__slika{max-width:860px;margin:var(--r4) auto var(--r6);padding:0 var(--r2)}
.clanak__slika img{width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:3px;background:var(--pijesak)}

/* Tekst: uska kolona, mirna tipografija */
.clanak__tekst{max-width:720px;margin:0 auto;padding:0 var(--r2);font:400 17px/1.95 var(--sans);color:#4A433B}
.clanak__tekst>*{margin-top:0;margin-bottom:var(--r3)}
.clanak__tekst>p:first-of-type{font-size:19px;line-height:1.85;color:var(--ponoc)}
.clanak__tekst strong,.clanak__tekst b{font-weight:600;color:var(--ponoc)}
.clanak__tekst h2,.clanak__tekst h3,.clanak__tekst h4{margin:var(--r6) 0 var(--r2);font:400 28px/1.3 var(--akcent);letter-spacing:.02em;color:var(--ponoc)}
.clanak__tekst h3{font-size:24px}
.clanak__tekst h2 b,.clanak__tekst h2 strong,.clanak__tekst h3 b,.clanak__tekst h3 strong,.clanak__tekst h4 b,.clanak__tekst h4 strong{font-weight:inherit}
.clanak__tekst h4{font-size:20px}
.clanak__tekst a{color:var(--zlato-tekst);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
.clanak__tekst a:hover{color:var(--ponoc)}
.clanak__tekst ul,.clanak__tekst ol{padding-left:0;list-style:none}
.clanak__tekst li{position:relative;margin-bottom:var(--r1);padding-left:28px}
.clanak__tekst ul li::before{content:"";position:absolute;left:4px;top:.85em;width:7px;height:7px;border:1px solid var(--zlato);transform:rotate(45deg)}
.clanak__tekst ol{counter-reset:stavka}
.clanak__tekst ol li{counter-increment:stavka}
.clanak__tekst ol li::before{content:counter(stavka) ".";position:absolute;left:0;top:0;font-weight:600;color:var(--zlato-tekst)}
.clanak__tekst blockquote{margin:var(--r6) 0;padding:var(--r1) 0 var(--r1) var(--r4);border-left:2px solid var(--zlato);font:400 22px/1.6 var(--akcent);color:var(--ponoc)}
.clanak__tekst img{height:auto;border-radius:3px}
.clanak__tekst figure{margin-left:0;margin-right:0}
.clanak__tekst iframe,.clanak__tekst video{max-width:100%}
.clanak__tekst hr{border:0;height:1px;margin:var(--r6) 0;background:var(--linija)}

/* Poziv na rezervaciju */
.clanak__poziv{max-width:860px;margin:var(--r8) auto 0;padding:var(--r6) var(--r4);border-radius:3px;background:var(--ponoc);text-align:center;color:rgba(250,247,242,.8)}
.clanak__poziv-naslov{margin-bottom:var(--r1);font:400 clamp(24px,3vw,32px)/1.3 var(--akcent);letter-spacing:.03em;color:var(--krem)}
.clanak__poziv-tekst{max-width:480px;margin:0 auto var(--r4)}
.clanak__poziv-dugmad{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--r2)}

/* Prethodni / sljedeći */
.clanak__navigacija{display:grid;grid-template-columns:1fr 1fr;gap:var(--r3);max-width:860px;margin:var(--r6) auto 0}
.clanak__susjed{display:flex;flex-direction:column;gap:6px;padding:var(--r3);border:1px solid var(--linija);border-radius:3px;background:var(--bijela);text-decoration:none;transition:border-color .3s,transform .3s}
.clanak__susjed:hover{border-color:var(--zlato);transform:translateY(-2px)}
.clanak__susjed span{font:600 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.clanak__susjed strong{font:400 18px/1.4 var(--akcent);color:var(--ponoc)}
.clanak__susjed--sljedeci{grid-column:2;text-align:right}
.clanak__susjed--prethodni+.clanak__susjed--sljedeci{grid-column:2}
.clanak__susjed--prethodni:only-child{grid-column:1}

/* Povezani članci */
.clanak__povezani{padding-top:var(--r12);padding-bottom:var(--r12)}
.clanak__povezani-naslov{margin-bottom:var(--r4);font:400 clamp(26px,3vw,36px)/1.2 var(--akcent);letter-spacing:.03em;text-align:center}
.blog__mreza--povezani .blog-kartica__naslov{font-size:20px}

@media (max-width:680px){
  .clanak__zaglavlje{padding-top:var(--r4)}
  .clanak__tekst{font-size:16px;line-height:1.9}
  .clanak__tekst>p:first-of-type{font-size:17px}
  .clanak__tekst h2{font-size:24px} .clanak__tekst h3{font-size:21px}
  .clanak__poziv{padding:var(--r4) var(--r3)}
  .clanak__navigacija{grid-template-columns:1fr}
  .clanak__susjed--sljedeci{grid-column:1;text-align:left}
  .clanak__povezani{padding-top:var(--r8);padding-bottom:var(--r8)}
}