/*
 * ADVANCE / ESEJ — svijetli, v1.0.0
 * Raspored i registracija: install-esej.sql.
 * Svi vizualni selektori ograniceni su na .adv-esej.
 * Zasebni nazivi obitelji koriste postojece lokalne fontove.
 */
@font-face {
  font-family: "Advance Esej Display";
  src: url("../../assets/fonts/bodoni-moda-v28-latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-700italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej UI";
  src: url("../../assets/fonts/source-sans-3-v19-latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Esej UI";
  src: url("../../assets/fonts/source-sans-3-v19-latin_latin-ext-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.adv-esej {
  --esej-paper: #f7f3eb;
  --esej-ink: #292a26;
  --esej-muted: #68695f;
  --esej-accent: #92513d;
  --esej-line: #d8cfc0;
  --esej-panel: #eee8dd;
  --esej-measure: 680px;
  --esej-display: "Advance Esej Display", "Bodoni Moda", Georgia, serif;
  --esej-text: "Advance Esej Text", "Source Serif Pro", Georgia, serif;
  --esej-ui: "Advance Esej UI", "Source Sans 3", Arial, sans-serif;
  background: var(--esej-paper);
  color: var(--esej-ink);
  width: 100%;
  min-width: 0;
}

/* No positioning/overflow on ancestor wrappers: preserve paywall positioning. */
.adv-esej > .clanak_wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 52px 40px 76px;
  color: var(--esej-ink);
  background: transparent;
  transition: none;
}
.adv-esej .clanak_layout,
.adv-esej .clanak_main {
  display: block;
  min-width: 0;
  width: 100%;
}

/* Opening: native headline, lead, metadata, then the entire cover image. */
.adv-esej .clanak_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 44px;
  padding: 0;
  text-align: center;
}
.adv-esej .clanak_nav {
  width: 100%;
  margin: 0 0 28px;
  padding: 0 0 15px;
  border: 0;
  border-bottom: 1px solid var(--esej-line);
}
.adv-esej .clanak_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  padding: 0;
  margin: 0;
}
.adv-esej .clanak_nav ul li,
.adv-esej .clanak_nav ul li a {
  font-family: var(--esej-ui);
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--esej-muted);
}
.adv-esej .clanak_nav .izabranaKategorija {
  border: 0;
  font-weight: 700;
}
.adv-esej .textPrednaslov {
  max-width: 100%;
  box-sizing: border-box;
  margin: 2px 0 18px;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--esej-ui);
  font-weight: 700;
  line-height: 1.4;
  font-size: 12px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--esej-accent);
}
.adv-esej .clanak_header .clanak_title {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px !important; /* Global article.css uses 65% !important. */
  margin: 0 auto 26px;
  padding: 0;
  font-family: var(--esej-display);
  font-size: clamp(36px, 4.65vw, 72px);
  font-weight: 400;
  font-style: normal;
  line-height: 1.12;
  letter-spacing: -.035em;
  word-spacing: normal;
  text-align: center;
  text-transform: none;
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: none;
  color: var(--esej-ink);
}
/* Compatible with existing split-title markup, without touching inserted icons. */
.adv-esej .clanak_title > .h1_uvod,
.adv-esej .clanak_title > .h1_uvod_bezh,
.adv-esej .clanak_title > .oswald {
  display: inline;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  padding: 0;
  margin: 0;
}
.adv-esej .clanak_title > b,
.adv-esej .clanak_title > strong {
  font-weight: 400;
  background: none;
  color: inherit;
}
.adv-esej .clanak_header .clanak_lead_paragraph {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 680px;
  margin: 0 auto 25px;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--esej-text);
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: #56594f;
  hyphens: none;
  text-wrap: pretty;
}
.adv-esej .clanak_header .clanak_date {
  max-width: 100%;
  margin: 0 0 8px;
  padding: 0;
  font-family: var(--esej-ui);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .035em;
  color: var(--esej-muted);
}
.adv-esej .clanak_header .icon-container {
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin: 0 0 30px;
  font-family: var(--esej-ui);
}
.adv-esej .icon-container .iconcr {
  height: auto;
  min-height: 32px;
  box-sizing: border-box;
}
.adv-esej .icon-container .iconcr span {
  font-family: var(--esej-ui);
  font-size: 13px;
  color: var(--esej-muted);
}
.adv-esej .clanak_header > .clanak_figure {
  display: block;
  box-sizing: border-box;
  float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
.adv-esej .clanak_header > .clanak_figure .clanak_figureBefore {
  display: none;
}
.adv-esej .clanak_header > .clanak_figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  object-fit: contain;
  /* Existing LQIP opacity and its JS lifecycle remain in control. */
}
.adv-esej .clanak_header > .clanak_figure figcaption {
  box-sizing: border-box;
  width: 100%;
  margin: 11px 0 0;
  padding: 0;
  font-family: var(--esej-ui);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .015em;
  text-align: right;
  color: var(--esej-muted);
}

/* Reading column. The paywall is a descendant: style prose, not every p/button. */
.adv-esej .clanak_main > .clanak_byline {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--esej-measure);
  margin: 0 auto 28px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--esej-line);
  font-family: var(--esej-ui);
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .015em;
  color: var(--esej-muted);
}
.adv-esej .clanak_byline a {
  color: var(--esej-ink);
  border-color: var(--esej-line);
}
.adv-esej #glavniTekst.clanak_content {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--esej-measure);
  margin: 0 auto;
  font-family: var(--esej-text);
  font-size: 21px;
  line-height: 1.72;
  text-align: left;
  color: var(--esej-ink);
}
.adv-esej .clanak_content > p,
.adv-esej .clanak_content > ul,
.adv-esej .clanak_content > ol {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 1.2em;
  font-family: var(--esej-text);
  font-size: 21px;
  line-height: 1.72;
  letter-spacing: 0;
  color: var(--esej-ink);
  text-align: left;
  overflow-wrap: break-word;
  hyphens: auto;
}
.adv-esej .clanak_content > ul,
.adv-esej .clanak_content > ol {
  width: 100%;
  padding-left: 1.3em;
}
.adv-esej .clanak_content > ul > li,
.adv-esej .clanak_content > ol > li {
  margin: 0 0 .45em;
}
.adv-esej .clanak_content:not(.bezprvogvelikog) > p:first-of-type::first-letter {
  float: left;
  margin: 5px 9px 0 0;
  padding: 0;
  border: 0;
  font-family: var(--esej-display);
  font-size: 78px;
  line-height: .83;
  font-weight: 400;
  color: var(--esej-accent);
}
.adv-esej .clanak_content > h2,
.adv-esej .clanak_content > h3 {
  max-width: 100%;
  margin: 1.7em 0 .65em;
  padding: 0;
  border: 0;
  font-family: var(--esej-text);
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  text-transform: none;
  letter-spacing: -.02em;
  color: var(--esej-ink);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.adv-esej .clanak_content > h2 { font-size: 34px !important; }
.adv-esej .clanak_content > h3 { font-size: 27px !important; }
.adv-esej .clanak_content > p a,
.adv-esej .clanak_content > ul a,
.adv-esej .clanak_content > ol a,
.adv-esej .clanak_content > blockquote a,
.adv-esej .clanak_content > .posebanblok a {
  color: var(--esej-accent);
  background: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}
.adv-esej .clanak_content > p strong,
.adv-esej .clanak_content > p b {
  font-weight: 700;
}
.adv-esej .clanak_content > blockquote,
.adv-esej .clanak_content > blockquote.pullquote,
.adv-esej .clanak_content > blockquote.pullquote.pullquote_right {
  box-sizing: border-box;
  float: none;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  margin: 36px 0;
  padding: 6px 0 6px 25px;
  border: 0;
  border-left: 2px solid var(--esej-accent);
  border-radius: 0;
  background: none;
  font-family: var(--esej-text);
  font-size: 26px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.48;
  color: #5d493e;
}
.adv-esej .clanak_content > blockquote::before,
.adv-esej .clanak_content > blockquote::after {
  content: none;
  display: none;
}
.adv-esej .clanak_content > blockquote p {
  width: 100%;
  max-width: 100%;
  margin: 0 0 .65em;
  font: inherit;
  color: inherit;
}
.adv-esej .clanak_content > blockquote p:last-child { margin-bottom: 0; }
.adv-esej .clanak_content > blockquote cite {
  display: block;
  margin-top: 14px;
  font-family: var(--esej-ui);
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--esej-muted);
}
.adv-esej .clanak_content > blockquote.pullquote,
.adv-esej .clanak_content > blockquote.pullquote.pullquote_right {
  margin: 42px 0;
  padding: 26px 16px;
  border-top: 1px solid var(--esej-line);
  border-bottom: 1px solid var(--esej-line);
  border-left: 0;
  font-size: 31px;
  line-height: 1.42;
  text-align: center;
  text-wrap: pretty;
}
.adv-esej .clanak_content > .posebanblok {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  margin: 36px 0;
  padding: 28px 30px;
  border: 1px solid var(--esej-line);
  border-left: 3px solid var(--esej-accent);
  background: var(--esej-panel);
  font-family: var(--esej-ui);
  font-size: 18px;
  line-height: 1.65;
  color: var(--esej-ink);
}
.adv-esej .clanak_content > .posebanblok h2,
.adv-esej .clanak_content > .posebanblok h3 {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: var(--esej-ui);
  font-size: 21px !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  color: var(--esej-ink);
}
.adv-esej .clanak_content > .posebanblok p {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 .8em;
  font: inherit;
  color: inherit;
}
.adv-esej .clanak_content > .posebanblok > :last-child { margin-bottom: 0; }

/* Media variants are kept inside the reading column, with native proportions. */
.adv-esej .clanak_content > figure,
.adv-esej .clanak_content > .txele_large,
.adv-esej .clanak_content > .txele_medium,
.adv-esej .clanak_content > .txele_max,
.adv-esej .clanak_content > .txele_stoposto,
.adv-esej .clanak_content > .txele_mini,
.adv-esej .clanak_content > .txele_mini100 {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 32px 0 !important;
  background: none;
  border: 0;
  border-radius: 0;
}
.adv-esej .clanak_content > figure img,
.adv-esej .clanak_content > figure video,
.adv-esej .clanak_content > figure iframe,
.adv-esej .clanak_content > figure .articlePlyrWrap {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.adv-esej .clanak_content > figure img,
.adv-esej .clanak_content > figure video {
  height: auto;
  object-fit: contain;
}
.adv-esej .clanak_content > figure figcaption,
.adv-esej .clanak_content > figure .image-meta {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 0 0;
  border: 0;
  background: none;
  font-family: var(--esej-ui);
  font-size: 13px;
  line-height: 1.5;
  color: var(--esej-muted);
}
.adv-esej .clanak_content > figure .caption-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 14px;
}
.adv-esej .clanak_content > figure .image-meta {
  width: auto;
  min-width: 0;
  max-width: 100%;
}
/* Legacy oversized figures may also occur inside editorial notes/quotes. */
.adv-esej .clanak_content > :is(.posebanblok, blockquote) figure {
  box-sizing: border-box;
  float: none;
  width: 100% !important;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 24px 0 !important;
}
.adv-esej .clanak_content > :is(.posebanblok, blockquote) figure :is(img, video, iframe, .articlePlyrWrap) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.adv-esej .clanak_content > :is(.posebanblok, blockquote) figure :is(img, video) {
  height: auto;
}
.adv-esej .clanak_content > .tableMax,
.adv-esej .clanak_content > .table-wrap {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 32px 0 !important;
  overflow-x: auto;
}
.adv-esej .clanak_content > .paradivider,
.adv-esej .clanak_content > hr {
  box-sizing: border-box;
  width: 68px !important;
  max-width: 100%;
  height: 0;
  margin: 38px auto;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--esej-accent);
  background: none;
}
.adv-esej .clanak_main > #article_sources {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: var(--esej-measure);
  margin: 48px auto 0;
  padding: 22px 0 0;
  border: 0;
  border-top: 1px solid var(--esej-line);
  background: none;
  font-family: var(--esej-ui);
}
.adv-esej #article_sources h3 {
  margin: 0 0 16px;
  padding: 0;
  font-family: var(--esej-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--esej-muted);
}
.adv-esej #article_sources ol {
  margin: 0;
  padding-left: 21px;
}
.adv-esej #article_sources li {
  margin: 0 0 16px;
  padding-left: 3px;
  font-family: var(--esej-ui);
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--esej-muted);
}
.adv-esej #article_sources li::marker { color: var(--esej-accent); }
.adv-esej #article_sources a { color: var(--esej-accent); background: none; }
.adv-esej #article_sources .source_detailsInPage {
  margin-top: 9px;
  padding: 12px 16px;
  border: 0;
  background: var(--esej-panel);
  font-family: var(--esej-text);
  font-size: 16px;
  line-height: 1.55;
  color: var(--esej-ink);
}
.adv-esej a:focus-visible,
.adv-esej [tabindex]:focus-visible,
.adv-esej button:focus-visible {
  outline: 2px solid var(--esej-accent);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .adv-esej > .clanak_wrapper { padding: 30px 24px 52px; }
  .adv-esej .clanak_header { margin-bottom: 30px; }
  .adv-esej .clanak_nav { margin-bottom: 23px; }
  .adv-esej .clanak_header .clanak_title {
    font-size: clamp(36px, 6.5vw, 50px);
    max-width: 100% !important;
    margin-bottom: 21px;
    line-height: 1.14;
    letter-spacing: -.025em;
  }
  .adv-esej .clanak_header .clanak_lead_paragraph { font-size: 20px; }
  .adv-esej .clanak_header .icon-container { margin-bottom: 24px; }
  .adv-esej .clanak_header > .clanak_figure figcaption { font-size: 11px; text-align: left; }
  .adv-esej #glavniTekst.clanak_content,
  .adv-esej .clanak_content > p,
  .adv-esej .clanak_content > ul,
  .adv-esej .clanak_content > ol { font-size: 19px; line-height: 1.68; }
  .adv-esej .clanak_content > h2 { font-size: 29px !important; }
  .adv-esej .clanak_content > h3 { font-size: 24px !important; }
  .adv-esej .clanak_content > blockquote { font-size: 23px; padding-left: 18px; }
  .adv-esej .clanak_content > blockquote.pullquote,
  .adv-esej .clanak_content > blockquote.pullquote.pullquote_right { font-size: 26px; padding: 23px 4px; margin: 32px 0; }
  .adv-esej .clanak_content > .posebanblok { padding: 22px; font-size: 17px; }
  .adv-esej .clanak_content:not(.bezprvogvelikog) > p:first-of-type::first-letter { font-size: 68px; margin-top: 4px; }
}
@media (max-width: 380px) {
  .adv-esej > .clanak_wrapper { padding-left: 18px; padding-right: 18px; }
  .adv-esej .clanak_header .clanak_title { font-size: 34px; }
  .adv-esej .clanak_nav ul { gap: 6px 12px; }
  .adv-esej .clanak_content > .posebanblok { padding: 18px; }
}
@media print {
  .adv-esej { background: white; color: black; }
  .adv-esej > .clanak_wrapper { max-width: none; padding: 0; }
  .adv-esej .clanak_header .clanak_title { font-size: 32pt; }
  .adv-esej .clanak_header .icon-container { display: none; }
  .adv-esej .clanak_content > h2,
  .adv-esej .clanak_content > h3 { break-after: avoid; }
}