/* ATENA blog - blokovi vesti `ab-*` (atena-blog CONTRACT.md 5), core blokovi u članku, ugradnje (fasada), lightbox.
   Deli ga vebsajt (at_assets(['blog'])) i blok editor (add_editor_style) - zato bez :root i bez oslanjanja na .at-prose omot.
   Izlazak širokih slika iz kolone je vezan za .at-article--a/--b (samo vebsajt). */

/* ---- core blokovi u tekstu ---- */
.at-article__prose hr,.wp-block-separator{border:0;border-top:1px solid var(--at-line);margin:2.5em 0;max-width:6rem}
.wp-block-separator.is-style-wide{max-width:none}
.at-article__prose h2{font-size:var(--at-fs-h2);line-height:var(--at-lh-h2);letter-spacing:var(--at-display-tracking);margin-top:2em;scroll-margin-top:calc(var(--at-header-h) + 24px)}
.at-article__prose h3{font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);margin-top:1.6em}
.at-article__prose h2 + p,.at-article__prose h3 + p{margin-top:.8em}
.at-article__prose .wp-block-table{overflow-x:auto;margin:2em 0}
.at-article__prose table{width:100%;border-collapse:collapse;font-size:var(--at-fs-small);line-height:1.5}
.at-article__prose th{font-weight:600;color:var(--at-ink);background:var(--at-surface-2)}
.at-article__prose th,.at-article__prose td{padding:var(--at-s-3) var(--at-s-4);border:0;border-bottom:1px solid var(--at-line);text-align:left;vertical-align:top}
.at-article__prose .wp-block-table figcaption{margin-top:var(--at-s-2);font-size:var(--at-fs-small);color:var(--at-muted)}
.at-article__prose ul,.at-article__prose ol{padding-left:1.3em}
.at-article__prose li{padding-left:.2em}
.at-article__prose > p > strong:first-child{color:var(--at-ink)}

/* Ugradnje: YouTube/Vimeo fasada (iframe tek na klik), ostale 16/9 lazy */
.wp-block-embed{margin:2.5em 0}
.wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--at-radius-lg);background:var(--at-panel)}
.wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wp-block-embed.is-type-rich .wp-block-embed__wrapper,.wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper{aspect-ratio:auto;background:transparent;min-height:80px}
.wp-block-embed.is-type-rich .wp-block-embed__wrapper iframe,.wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper iframe{position:static;height:auto;min-height:152px}
.wp-block-embed figcaption{margin-top:var(--at-s-3);font-size:var(--at-fs-small);color:var(--at-muted)}
.at-embed__play{position:absolute;inset:0;width:100%;height:100%;display:grid;place-content:center;padding:0;cursor:pointer;color:#fff;background:var(--at-panel)}
.at-embed__play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform var(--at-d-slow) var(--at-ease-out),opacity var(--at-d-slow) var(--at-ease-out)}
.at-embed__play:hover img{transform:scale(1.03);opacity:1}
.at-embed__icon{position:relative;display:grid;place-content:center;width:72px;height:72px;border-radius:50%;background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--at-d-base) var(--at-ease-spring),background-color var(--at-d-base)}
.at-embed__icon svg{width:30px;height:30px;margin-left:3px}
.at-embed__play:hover .at-embed__icon{transform:scale(1.08);background:var(--at-accent)}
.at-embed__play:focus-visible{outline:2px solid #fff;outline-offset:-4px}

/* Linkovi-blokovi u tekstu bez podvlake .at-prose a (ab-zoom, kartice, dugmad) */
.at-article__prose a[class^="ab-"]{background:none}

/* ---- opis slike (zajedničko) ---- */
.ab-figure__caption,.ab-gallery__caption,.ab-ba__caption,.ab-video__caption,.ab-social__caption{display:flex;flex-wrap:wrap;gap:var(--at-s-1) var(--at-s-4);margin-top:var(--at-s-3);font-size:var(--at-fs-small);line-height:1.5;color:var(--at-muted)}
.ab-figure__credit{font-size:var(--at-fs-micro);letter-spacing:.04em;text-transform:uppercase}
.ab-zoom{display:block;position:relative;cursor:zoom-in;border-radius:inherit}
.ab-zoom img{display:block;width:100%;height:auto;border-radius:var(--at-radius-md)}
.ab-zoom:focus-visible{outline:2px solid var(--at-focus);outline-offset:4px}

/* ---- Ključne tačke ---- */
.ab-key{margin:2em 0;padding:var(--at-s-5) var(--at-s-6);border-left:3px solid var(--at-accent);background:var(--at-surface);border-radius:0 var(--at-radius-md) var(--at-radius-md) 0}
.ab-key__title,.ab-note__title,.ab-related__label,.ab-partner__label,.ab-event__label{margin:0 0 var(--at-s-3);font-family:var(--at-font-body);font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-muted)}
.ab-key__list{margin:0;padding:0;list-style:none;display:grid;gap:var(--at-s-2)}
.ab-key__item{position:relative;padding-left:1.4em;color:var(--at-ink);font-size:1rem;line-height:1.55}
.ab-key__item::before{content:"";position:absolute;left:0;top:.72em;width:.5em;height:.5em;border-radius:50%;background:var(--at-accent)}

/* ---- Veliki citat ---- */
.ab-quote{margin:2.6em 0;padding:0;border:0;display:grid;gap:var(--at-s-4)}
.ab-quote__text{margin:0;padding:0;border:0;font-family:var(--at-font-display);font-weight:500;font-size:var(--at-fs-h2);line-height:1.18;letter-spacing:-.02em;color:var(--at-ink);text-wrap:balance}
.ab-quote__text p{margin:0;color:inherit}
.ab-quote__text p::before{content:"„";color:var(--at-accent)}
.ab-quote__text p::after{content:"“";color:var(--at-accent)}
.ab-quote__cite{display:flex;flex-wrap:wrap;align-items:center;gap:var(--at-s-1) var(--at-s-3);font-size:var(--at-fs-small);color:var(--at-muted)}
.ab-quote__cite::before{content:"";width:2rem;height:1px;background:var(--at-accent)}
.ab-quote__author{font-weight:600;color:var(--at-ink)}

/* ---- Info kutija ---- */
.ab-note{margin:2em 0;padding:var(--at-s-5) var(--at-s-6);border-radius:var(--at-radius-md);background:var(--at-accent-soft);border-left:3px solid var(--at-accent);color:var(--at-ink)}
.ab-note--savet{background:var(--at-success-soft);border-color:var(--at-success)}
.ab-note--upozorenje{background:var(--at-warning-soft);border-color:var(--at-warning)}
.ab-note--vazno{background:var(--at-danger-soft);border-color:var(--at-danger)}
.ab-note__title{color:var(--at-ink)}
.ab-note__body{font-size:1rem;line-height:1.6}
.ab-note__body > *{margin:0}
.ab-note__body > * + *{margin-top:.7em}
.ab-note__body p{color:var(--at-ink-2)}

/* ---- Pitanja i odgovori ---- */
.ab-faq{margin:2.5em 0;border-top:1px solid var(--at-line)}
.ab-faq__title{margin:0;padding:var(--at-s-5) 0 var(--at-s-3);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3)}
.ab-faq__item{border-bottom:1px solid var(--at-line)}
.ab-faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--at-s-5);padding:var(--at-s-4) 0;cursor:pointer;list-style:none;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);line-height:var(--at-lh-h4);letter-spacing:-.01em;color:var(--at-ink);transition:color var(--at-d-base) var(--at-ease-out)}
.ab-faq__q::-webkit-details-marker{display:none}
.ab-faq__q::after{content:"";flex:none;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;color:var(--at-muted);transition:transform var(--at-d-slow) var(--at-ease-out)}
.ab-faq__q:hover{color:var(--at-accent)}
.ab-faq__item[open] .ab-faq__q::after{transform:rotate(45deg)}
.ab-faq__a{padding:0 0 var(--at-s-5);max-width:var(--at-prose-max);font-size:1rem;line-height:1.6}
.ab-faq__a p{margin:0;color:var(--at-ink-2)}

/* ---- Slika sa opisom (širine: tekst | šira | puna) ---- */
.ab-figure{margin:2.5em 0}
.ab-figure img{width:100%;height:auto;border-radius:var(--at-radius-md)}
.ab-figure--puna img,.ab-figure--puna .ab-zoom{border-radius:0}
@media (min-width:64em){
  .at-article--a .ab-figure--siroka,.at-article--b .ab-figure--siroka,.at-article--b .ab-gallery,.at-article--b .ab-ba,.at-article--b .ab-video{width:min(1100px,100vw - var(--at-sbw,0px) - 2*var(--at-gutter));margin-left:calc(50% - min(1100px,100vw - var(--at-sbw,0px) - 2*var(--at-gutter)) / 2)}
  .at-article--a .ab-figure--siroka img,.at-article--b .ab-figure--siroka img{border-radius:var(--at-radius-lg)}
}
.at-article__prose .ab-figure--puna{width:calc(100vw - var(--at-sbw,0px));margin-left:calc(50% - (100vw - var(--at-sbw,0px)) / 2);margin-block:3em}
.at-article__prose .ab-figure--puna .ab-figure__caption{padding-inline:var(--at-gutter)}
.ab-figure--puna img{max-height:88vh;object-fit:cover}

/* ---- Galerija ---- */
.ab-gallery{margin:2.5em 0}
.ab-gallery__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--at-s-3);grid-template-columns:repeat(3,1fr)}
.ab-gallery--cols-2 .ab-gallery__list{grid-template-columns:repeat(2,1fr)}
.ab-gallery__item{position:relative;min-width:0}
.ab-gallery__item .ab-zoom{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--at-radius-md);background:var(--at-surface-2)}
.ab-gallery--cols-2 .ab-zoom,.ab-gallery--karusel .ab-zoom{aspect-ratio:3/2}
.ab-gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform var(--at-d-slow) var(--at-ease-out)}
.ab-gallery__item .ab-zoom:hover img{transform:scale(1.03)}
@media (max-width:39.99em){.ab-gallery--cols-3 .ab-gallery__list{grid-template-columns:repeat(2,1fr)}}
/* mozaik: 1. velika (2x2), ostale 1x1 (3 kolone = tačno 6 polja); od 7. skrivene, 6. nosi „+N" */
.ab-gallery--mozaik .ab-gallery__list{grid-template-columns:repeat(3,1fr)}
.ab-gallery--mozaik .ab-gallery__item:first-child{grid-column:span 2;grid-row:span 2}
.ab-gallery--mozaik .ab-zoom{aspect-ratio:1;height:100%}
.ab-gallery__item--hidden{display:none}
.ab-gallery__more{position:absolute;inset:0;display:grid;place-content:center;border-radius:var(--at-radius-md);background:rgba(20,20,20,.56);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-h3);pointer-events:none}
@media (max-width:47.99em){.ab-gallery--mozaik .ab-gallery__list{grid-template-columns:repeat(2,1fr)}.ab-gallery--mozaik .ab-gallery__item:first-child{grid-column:span 2;grid-row:span 1}.ab-gallery--mozaik .ab-gallery__item:first-child .ab-zoom{aspect-ratio:16/10}.ab-gallery--mozaik .ab-gallery__item:nth-child(6){grid-column:span 2}.ab-gallery--mozaik .ab-gallery__item:nth-child(6) .ab-zoom{aspect-ratio:16/10}}
/* karusel: scroll-snap traka, strelice i brojač dodaje ab-gallery.js */
.ab-gallery--karusel{position:relative}
.ab-gallery--karusel .ab-gallery__list{display:flex;gap:var(--at-s-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;cursor:grab}
.ab-gallery--karusel .ab-gallery__list::-webkit-scrollbar{display:none}
.ab-gallery--karusel .ab-gallery__list.is-drag{cursor:grabbing;scroll-snap-type:none}
.ab-gallery--karusel .ab-gallery__item{flex:0 0 min(78%,36rem);scroll-snap-align:start}
.ab-gallery__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--at-s-3);margin-top:var(--at-s-3)}
.ab-gallery__nav p{margin:0;font-size:var(--at-fs-small);color:var(--at-muted);font-variant-numeric:tabular-nums}
.ab-gallery__nav div{display:flex;gap:var(--at-s-1)}
.ab-gallery__nav button{display:grid;place-content:center;width:40px;height:40px;border:1px solid var(--at-line);border-radius:50%;color:var(--at-ink);transition:background-color var(--at-d-base) var(--at-ease-out),border-color var(--at-d-base) var(--at-ease-out)}
.ab-gallery__nav button:hover{border-color:var(--at-ink)}
.ab-gallery__nav button:disabled{opacity:.35;pointer-events:none}
.ab-gallery__nav svg{width:18px;height:18px}

/* ---- Pre i posle ---- */
.ab-ba{margin:2.5em 0}
.ab-ba__stage{position:relative;display:grid;overflow:hidden;border-radius:var(--at-radius-lg);background:var(--at-surface-2);--ab-pos:50%;touch-action:pan-y;user-select:none}
.ab-ba__before,.ab-ba__after{grid-area:1/1;position:relative;min-width:0}
.ab-ba__img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;display:block}
.ab-ba__after{clip-path:inset(0 0 0 var(--ab-pos))}
.ab-ba__label{position:absolute;top:var(--at-s-3);left:var(--at-s-3);padding:4px 10px;border-radius:var(--at-radius-sm);background:rgba(20,20,20,.62);color:#fff;font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ab-ba__label--after{left:auto;right:var(--at-s-3)}
.ab-ba__stage::before{content:"";position:absolute;top:0;bottom:0;left:var(--ab-pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);z-index:1;pointer-events:none}
.ab-ba__stage::after{content:"";position:absolute;top:50%;left:var(--ab-pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:var(--at-shadow-md);z-index:1;pointer-events:none}
.ab-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:2;appearance:none;background:none}
.ab-ba__range:focus-visible + *,.ab-ba__stage:has(.ab-ba__range:focus-visible){outline:2px solid var(--at-focus);outline-offset:3px}

/* ---- Video sa servera ---- */
.ab-video{margin:2.5em 0}
.ab-video__player{width:100%;height:auto;display:block;border-radius:var(--at-radius-lg);background:var(--at-panel)}
.ab-video{position:relative}
.ab-video__toggle{position:absolute;right:var(--at-s-3);top:var(--at-s-3);display:grid;place-content:center;width:40px;height:40px;border-radius:50%;background:rgba(20,20,20,.55);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ab-video__toggle svg{width:18px;height:18px}

/* ---- Instagram / Facebook ---- */
.ab-social{margin:2.5em auto;max-width:34rem}
.ab-social__card{display:grid;gap:var(--at-s-2);padding:var(--at-s-5) var(--at-s-6);border:1px solid var(--at-line);border-radius:var(--at-radius-lg);background:var(--at-surface);color:var(--at-ink);transition:border-color var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out),box-shadow var(--at-d-base) var(--at-ease-out)}
.ab-social__card:hover{border-color:var(--at-ink);transform:translateY(-2px);box-shadow:var(--at-shadow-sm)}
.ab-social__net{font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-muted)}
.ab-social__cta{font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);letter-spacing:-.01em}
.ab-social__cta::after{content:" ↗";color:var(--at-accent)}
.ab-social iframe,.ab-social blockquote{margin:0 auto;max-width:100%}
.wp-block-embed-twitter .wp-block-embed__wrapper>*{margin-inline:auto!important}
.wp-block-embed__wrapper:has(.ab-tiktok){aspect-ratio:auto;max-width:340px;margin-inline:auto;background:transparent}
.wp-block-embed__wrapper .ab-tiktok{position:static;display:block;width:100%;height:auto;aspect-ratio:9/16;border:0}
.ab-map{margin:2.5em 0}
.ab-map__frame{aspect-ratio:16/9;overflow:hidden;border-radius:var(--at-radius-lg);background:var(--at-panel)}
.ab-map__iframe{display:block;width:100%;height:100%;border:0}
.ab-map__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--at-s-1) var(--at-s-4);margin-top:var(--at-s-3);font-size:var(--at-fs-small);line-height:1.5;color:var(--at-muted)}
.ab-map__link{color:var(--at-ink);text-decoration:underline;text-underline-offset:.2em}
.ab-map__link::after{content:" ↗";color:var(--at-accent)}
@media (max-width:40em){.ab-map__frame{aspect-ratio:4/3}}

/* ---- Intervju ---- */
.ab-person{margin:2.5em 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--at-s-5);align-items:center;padding:var(--at-s-5) var(--at-s-6);border:1px solid var(--at-line);border-radius:var(--at-radius-lg);background:var(--at-surface)}
.ab-person__photo{width:clamp(72px,10vw,104px);height:clamp(72px,10vw,104px);border-radius:50%;object-fit:cover}
.ab-person__name{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);letter-spacing:-.015em;color:var(--at-ink)}
.ab-person__role{margin:2px 0 0;font-size:var(--at-fs-small);color:var(--at-muted)}
.ab-person__bio{margin-top:var(--at-s-3);font-size:1rem;line-height:1.55}
.ab-person__bio p{margin:0;color:var(--at-ink-2)}
@media (max-width:39.99em){.ab-person{grid-template-columns:1fr}}
.ab-qa{margin:2.2em 0;display:grid;gap:var(--at-s-3)}
.ab-qa__q{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);line-height:var(--at-lh-h4);letter-spacing:-.01em;color:var(--at-ink)}
.ab-qa__a{padding-left:var(--at-s-5);border-left:2px solid var(--at-accent)}
.ab-qa__a p{margin:0;display:inline}
.ab-qa__who{display:inline;font-weight:600;color:var(--at-ink)}
.ab-qa__who::after{content:": "}
.ab-pquote{margin:2.8em 0;display:grid;gap:var(--at-s-4);justify-items:start}
.ab-pquote__photo{width:72px;height:72px;border-radius:50%;object-fit:cover}
.ab-pquote__text{margin:0;padding:0;border:0;font-family:var(--at-font-display);font-weight:500;font-size:var(--at-fs-h2);line-height:1.18;letter-spacing:-.02em;color:var(--at-ink);text-wrap:balance}
.ab-pquote__text p{margin:0;color:inherit}
.ab-pquote__text p::before{content:"„";color:var(--at-accent)}
.ab-pquote__text p::after{content:"“";color:var(--at-accent)}
.ab-pquote__name{font-size:var(--at-fs-small);font-weight:600;color:var(--at-muted)}
.ab-pquote__name::before{content:"- "}

/* ---- CTA traka, Pročitajte i, Partner ---- */
.ab-cta{margin:2.5em 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--at-s-4) var(--at-s-6);padding:var(--at-s-6);border-radius:var(--at-radius-lg);background:var(--at-surface-2)}
.ab-cta--tamna{background:var(--at-panel);color:var(--at-panel-ink)}
.ab-cta--dugme-levo{flex-direction:row-reverse}
.ab-cta__body{display:grid;gap:var(--at-s-2);flex:1 1 20rem;min-width:0}
.ab-cta__title{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);letter-spacing:-.015em;color:inherit}
.ab-cta__text{margin:0;color:inherit;opacity:.8;font-size:1rem}
.ab-cta__btn,.ab-partner__btn,.ab-event__btn,.ab-newsletter__btn{display:inline-flex;align-items:center;justify-content:center;height:var(--at-btn-h);padding:0 var(--at-s-5);border:1px solid transparent;border-radius:var(--at-radius-md);background:var(--at-accent);color:var(--at-accent-ink);font-family:var(--at-font-body);font-weight:600;font-size:.9375rem;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out),box-shadow var(--at-d-base) var(--at-ease-out)}
.ab-cta__btn:hover,.ab-partner__btn:hover,.ab-event__btn:hover,.ab-newsletter__btn:hover{background:var(--at-accent-hover);transform:translateY(-1px);box-shadow:var(--at-shadow-sm)}
.ab-cta--tamna .ab-cta__btn{background:var(--at-panel-ink);color:var(--at-panel)}
.ab-cta--tamna .ab-cta__btn:hover{background:#fff}
/* ---- Pročitajte i: kartica sa slikom do ivice, kategorija, naslov, strelica u krugu (maska: prsten + strelica); --dve = dve kolone ---- */
.ab-related{margin:2.75em 0}
.ab-related__label{display:flex;align-items:center;gap:var(--at-s-3);margin-bottom:var(--at-s-3);color:var(--at-ink)}
.ab-related__label::after{content:"";flex:1;height:1px;background:var(--at-line)}
.ab-related__list{display:grid;gap:var(--at-s-4)}
.ab-related__link{position:relative;display:grid;grid-template-columns:minmax(7rem,30%) minmax(0,1fr) auto;align-items:center;gap:0 var(--at-s-5);overflow:hidden;border:1px solid var(--at-line);border-radius:var(--at-radius-lg);background:var(--at-surface);color:var(--at-ink);text-decoration:none;transition:border-color var(--at-d-base) var(--at-ease-out),box-shadow var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out)}
.ab-related__link::after{content:"";width:44px;height:44px;margin-right:var(--at-s-5);background:var(--at-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='22' r='21'/%3E%3Cpath d='M15 22h14M23 16l6 6-6 6'/%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 44 44' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='22' r='21'/%3E%3Cpath d='M15 22h14M23 16l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform var(--at-d-base) var(--at-ease-out),background-color var(--at-d-base) var(--at-ease-out)}
.ab-related .ab-related__img{display:block;align-self:stretch;width:100%;height:100%;min-height:7.5rem;aspect-ratio:4/3;object-fit:cover;border-radius:0;transition:transform var(--at-d-slow) var(--at-ease-out)}
.ab-related__body{display:grid;gap:6px;padding-block:var(--at-s-5);min-width:0}
.ab-related__link:not(:has(.ab-related__img)){grid-template-columns:minmax(0,1fr) auto;padding-left:var(--at-s-5)}
.ab-related__cat{font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-accent)}
.ab-related__title{font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);line-height:1.25;letter-spacing:-.015em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--at-d-base) var(--at-ease-out)}
.ab-related__link:hover{border-color:var(--at-line-strong);box-shadow:var(--at-shadow-sm);transform:translateY(-2px)}
.ab-related__link:hover .ab-related__img{transform:scale(1.05)}
.ab-related__link:hover .ab-related__title{color:var(--at-accent)}
.ab-related__link:hover::after{background:var(--at-accent);transform:translateX(3px)}
.ab-related__link:focus-visible{outline:2px solid var(--at-focus);outline-offset:3px}
@media (min-width:40em){
  .ab-related--dve .ab-related__list{grid-template-columns:1fr 1fr}
  .ab-related--dve .ab-related__link{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}
  .ab-related--dve .ab-related__link .ab-related__img{aspect-ratio:16/10;height:auto;min-height:0}
  .ab-related--dve .ab-related__body{padding:var(--at-s-4) calc(var(--at-s-5) + 44px + var(--at-s-3)) var(--at-s-5) var(--at-s-5)}
  .ab-related--dve .ab-related__link::after{position:absolute;right:var(--at-s-4);bottom:var(--at-s-5);margin:0}
  .ab-related--dve .ab-related__title{font-size:var(--at-fs-h5);line-height:1.3}
}
@media (max-width:39.99em){
  .ab-related__link{grid-template-columns:6.5rem minmax(0,1fr) auto;gap:0 var(--at-s-4)}
  .ab-related__link::after{width:36px;height:36px;margin-right:var(--at-s-4)}
  .ab-related__body{padding-block:var(--at-s-4)}
  .ab-related .ab-related__img{min-height:6.5rem;aspect-ratio:1}
  .ab-related__title{font-size:var(--at-fs-h5);line-height:1.3}
}
@media (prefers-reduced-motion: reduce){.ab-related__link,.ab-related__img,.ab-related__link::after{transition:none}.ab-related__link:hover{transform:none}.ab-related__link:hover .ab-related__img{transform:none}}
.ab-partner{margin:2.5em 0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--at-s-4) var(--at-s-6);padding:var(--at-s-5);border:1px solid var(--at-line);border-radius:var(--at-radius-lg);background:var(--at-surface)}
@media (min-width:40em){.ab-partner{grid-template-columns:12rem minmax(0,1fr);align-items:center}.ab-partner__label{grid-column:1/-1}}
.ab-partner__img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--at-radius-md);background:var(--at-surface-2)}
.ab-partner__body{display:grid;gap:var(--at-s-3);justify-items:start}
.ab-partner__name{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);letter-spacing:-.015em;color:var(--at-ink)}
.ab-partner__text p{margin:0;font-size:1rem;color:var(--at-ink-2)}

/* ---- Newsletter ---- */
.ab-newsletter{margin:2.5em 0;padding:var(--at-s-6);border-radius:var(--at-radius-lg);background:var(--at-accent-soft)}
.ab-newsletter__title{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);letter-spacing:-.015em;color:var(--at-ink)}
.ab-newsletter__text{margin:var(--at-s-2) 0 0;color:var(--at-ink-2);font-size:1rem}
.ab-newsletter__embed{margin-top:var(--at-s-5)}
.ab-newsletter__form{display:flex;flex-wrap:wrap;gap:var(--at-s-2)}
.ab-newsletter__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ab-newsletter__input{flex:1 1 14rem;height:var(--at-btn-h);padding:0 var(--at-s-4);border:1px solid var(--at-line-strong);border-radius:var(--at-radius-md);background:var(--at-surface);font:inherit;color:var(--at-ink);transition:border-color var(--at-d-fast) var(--at-ease-out),box-shadow var(--at-d-fast) var(--at-ease-out)}
.ab-newsletter__input:focus{outline:none;border-color:var(--at-accent);box-shadow:var(--at-ring)}
.ab-newsletter__embed iframe{width:100%;border:0}

/* ---- Najava događaja ---- */
.ab-event{margin:2.5em 0;display:grid;gap:var(--at-s-2);justify-items:start;padding:var(--at-s-6);border:1px solid var(--at-line);border-left:3px solid var(--at-accent);border-radius:var(--at-radius-lg);background:var(--at-surface)}
.ab-event__name{margin:0;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h3);line-height:var(--at-lh-h3);letter-spacing:-.015em;color:var(--at-ink)}
.ab-event__when{margin:0;font-weight:600;color:var(--at-ink);font-variant-numeric:tabular-nums}
.ab-event__where{margin:0;color:var(--at-muted);font-size:var(--at-fs-small)}
.ab-event__text{margin-top:var(--at-s-2);font-size:1rem}
.ab-event__text p{margin:0;color:var(--at-ink-2)}
.ab-event__btn{margin-top:var(--at-s-3)}

/* ---- Lightbox (ab-lightbox.js): jedan za sve slike članka ---- */
.ab-lb{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;z-index:100000;overflow:hidden;touch-action:none}
.ab-lb::backdrop{background:rgba(14,14,14,.94)}
.ab-lb[open]{display:grid;grid-template-rows:auto 1fr auto}
.ab-lb__bar{display:flex;align-items:center;gap:var(--at-s-2);padding:var(--at-s-4)}
.ab-lb__count{margin-right:auto;padding:0 14px;height:40px;line-height:40px;border-radius:var(--at-radius-pill);background:rgba(255,255,255,.1);font-size:var(--at-fs-small);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.ab-lb__btn{display:grid;place-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;transition:background-color var(--at-d-base),transform var(--at-d-base) var(--at-ease-out)}
.ab-lb__btn:hover{background:rgba(255,255,255,.22);transform:scale(1.06)}
.ab-lb__btn svg{width:22px;height:22px}
.ab-lb__btn[aria-pressed="true"]{background:#fff;color:#141414}
.ab-lb__stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}
.ab-lb__img{max-width:calc(100vw - 32px);max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;cursor:zoom-in;transform:translate(var(--x,0px),var(--y,0px)) scale(var(--s,1));transform-origin:center;transition:transform var(--at-d-slow) var(--at-ease-out),opacity var(--at-d-base) var(--at-ease-out)}
.ab-lb__img.is-zoom{cursor:grab}
.ab-lb__img.is-drag{transition:none;cursor:grabbing}
.ab-lb__img.is-swap{opacity:0}
.ab-lb__arrow{position:absolute;top:50%;translate:0 -50%;width:52px;height:52px;z-index:1}
.ab-lb__arrow--prev{left:var(--at-s-4)}
.ab-lb__arrow--next{right:var(--at-s-4)}
@media (max-width:47.99em){.ab-lb__arrow{display:none}}
.ab-lb__cap{display:flex;flex-wrap:wrap;gap:var(--at-s-1) var(--at-s-4);align-items:baseline;justify-content:center;padding:var(--at-s-4) var(--at-s-5) var(--at-s-5);text-align:center;font-size:var(--at-fs-small);color:rgba(255,255,255,.78);min-height:3.5rem}
.ab-lb__credit{font-size:var(--at-fs-micro);letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ab-lb__cap:empty{visibility:hidden}
.ab-lb.is-closing{opacity:0;transition:opacity 180ms var(--at-ease-in)}
.ab-lb[open]{animation:ab-lb-in 220ms var(--at-ease-out)}
@keyframes ab-lb-in{from{opacity:0}}
@media (prefers-reduced-motion: reduce){.ab-lb[open]{animation:none}.ab-lb__img{transition:none}}