/**
 * Gorenjski muzej – CSS za Gutenberg patterni (Figma Make 1:1)
 * Enqueue: assets/css/gm-komponente.css
 */

:root {
  --gm-orange: #e94e1b;
  --gm-orange-hover: #9f3110;
  --gm-ink: #101828;
  --gm-muted: #4a5565;
  --gm-bg: #f9fafb;
  --gm-bg-soft: #f3f4f6;
  --gm-hover: #f2f2f7;
  --gm-banner: #b2b2b2;
  --gm-white: #ffffff;
  --gm-max: 1440px;
  --gm-hero-h: 900px;
  --gm-title-col: 1344px;
  --gm-banner-h: calc(100vw * 450 / 1920);
  --gm-visit-copy: 672px;
  --gm-visit-lead: 541px;
  --gm-quote-frame: 838px;
  --gm-quote-text: 551px;
  --gm-search-w: 301px;
  --gm-font-display: "Space Grotesk", system-ui, sans-serif;
  --gm-font-body: "Open Sans", "Noto Sans", system-ui, sans-serif;
  /* Opis / vezna besedila — enako kot .gm-digital__body (Ženske zgodbe) */
  --gm-copy-size: 1.25rem; /* 20px */
  --gm-copy-lh: 1.6;
}

/* ── Layout ─────────────────────────────────────────────── */

.gm-sekcija {
  padding: 96px 24px;
  box-sizing: border-box;
}

.gm-sekcija__inner {
  max-width: var(--gm-max);
  margin-inline: auto;
}

.gm-sekcija--visit,
.gm-sekcija--quote {
  min-height: var(--gm-banner-h, 450px);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 0 !important;
  /* Same horizontal pad as .gm-sekcija so copy lines up with Razstave / Dogodki */
  padding-inline: 24px;
  position: relative;
  overflow: hidden;
}

/* Match visit-info surface (#f3f4f6); quote keeps grey banner */
.gm-sekcija--visit {
  background: var(--gm-bg-soft, #f3f4f6);
}

.gm-sekcija--quote {
  background: var(--gm-banner);
}

/*
 * Figma Landing „Obiščite nas“:
 * On 1920px, px-240 == side margin of a 1440 content column.
 * Use max-width 1440 + auto margins so the left edge tracks other sections
 * at every viewport (not a fixed 240px that drifts on narrower screens).
 */
.gm-sekcija--visit > .gm-sekcija__inner,
.gm-sekcija--visit .gm-sekcija__inner {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--gm-max, 1440px) !important;
  margin: 0 auto !important;
  margin-inline: auto !important;
  padding-block: clamp(48px, 5vw, 96px) !important;
  padding-inline: 0 !important;
  text-align: left;
  --wp--style--block-gap: 0;
}

/* Undo WP constrained width on visit copy bands */
.gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained.has-global-padding,
.gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained {
  padding-inline: 0 !important;
}

.gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gm-sekcija--visit > .gm-sekcija__inner > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Figma Landing Section3 — Frame3: 838px block, centered in banner */
.gm-sekcija--quote > .gm-sekcija__inner,
.gm-sekcija--quote .gm-sekcija__inner {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--gm-quote-frame, 838px) !important;
  margin: 0 auto !important;
  margin-inline: auto !important;
  padding-block: clamp(48px, 5vw, 96px) !important;
  padding-inline: 0 !important;
  text-align: left;
  --wp--style--block-gap: 16px;
  gap: 16px;
}

.gm-sekcija--visit .gm-sekcija__inner > *:not(.alignfull) {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: min(var(--gm-visit-copy, 672px), 100%) !important;
  width: auto !important;
}

.gm-sekcija--visit .gm-sekcija__title {
  font-size: clamp(2rem, 2.5vw, 3rem) !important;
  line-height: clamp(2.5rem, 3.125vw, 3.75rem) !important;
  color: #000 !important;
  margin: 0 0 32px !important;
  margin-inline: 0 !important;
  text-align: left;
  width: auto !important;
  max-width: min(var(--gm-visit-copy, 672px), 100%) !important;
}

.gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead {
  max-width: min(var(--gm-visit-lead, 541px), 100%) !important;
  width: auto !important;
  margin: 0 !important;
  margin-inline: 0 !important;
  color: #000 !important;
  text-align: left;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: clamp(1.5rem, 1.875vw, 1.875rem);
  overflow-wrap: break-word;
}

.gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead + .gm-sekcija__lead {
  margin-top: 16px !important;
}

.gm-sekcija--visit .gm-sekcija__cta {
  margin-top: 32px !important;
  margin-inline: 0 !important;
  justify-content: flex-start !important;
}

.gm-sekcija--visit .gm-sekcija__cta .wp-block-button__link {
  color: #000 !important;
}

.gm-sekcija--visit .gm-sekcija__cta .wp-block-button__link:hover {
  color: #000 !important;
  opacity: 0.7;
}

/* ── Zgodbe za predmeti banner (visit layout + object story) ─ */

/* Višja specifika (.visit.zgodbe) — premaga visit 541px lead tudi v Figma scale MQ */
.gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__eyebrow {
  font-family: var(--gm-font-body);
  font-size: 0.875rem; /* 14px — ostrejše od 11–12px uppercase */
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.275px; /* DS badge tracking, ne 0.08em */
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  color: var(--gm-orange) !important;
  margin: 0 0 16px !important;
  margin-inline: 0 !important;
  max-width: min(48rem, calc(100% - min(34vw, 520px))) !important;
}

.gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__title {
  margin-bottom: 24px !important;
  max-width: min(48rem, calc(100% - min(34vw, 520px))) !important;
}

/* Lead skoraj do diamantne slike (ne 541px kot visit) */
.gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > .gm-sekcija__lead,
.gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-sekcija__inner > .gm-sekcija__lead,
.gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__lead {
  max-width: min(48rem, calc(100% - min(34vw, 520px))) !important;
}

.gm-sekcija--zgodbe-banner .gm-sekcija__cta .wp-block-button__link {
  color: var(--gm-orange) !important;
}

.gm-sekcija--zgodbe-banner .gm-sekcija__cta .wp-block-button__link:hover {
  color: var(--gm-orange-hover) !important;
  opacity: 1;
}

.gm-sekcija--zgodbe-banner > .gm-visit__decor,
.gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor {
  /* PNG ima belo/prosojno ozadje — contain + sivo #b2b2b2 mezijo; cover manj »belega preliva« */
  opacity: 1;
}

.gm-zgodbe-banner__decor img {
  object-fit: contain;
  object-position: right center;
}

/* Art direction: editor swaps two Image blocks (desktop + mobile) */
.gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor--mobile {
  display: none !important;
}

.gm-visit__decor,
.gm-quote__decor {
  position: absolute !important;
  top: calc(var(--gm-banner-h, 450px) * -198 / 450);
  right: 0;
  width: min(39.53125vw, 759px);
  max-width: 759px;
  height: calc(var(--gm-banner-h, 450px) * 796 / 450);
  margin: 0 !important;
  pointer-events: none;
  z-index: 0;
}

.gm-visit__decor img,
.gm-quote__decor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

@media (max-width: 1279px) {
  .gm-visit__decor,
  .gm-quote__decor {
    width: min(36vw, 520px);
    opacity: 0.45;
  }

  /* Keep copy clear of decor lattice on tablet / small laptop */
  .gm-sekcija--visit > .gm-sekcija__inner,
  .gm-sekcija--visit .gm-sekcija__inner {
    max-width: 100% !important;
    padding-right: min(38vw, 540px) !important;
  }

  .gm-sekcija--visit .gm-sekcija__inner > *:not(.alignfull),
  .gm-sekcija--visit .gm-sekcija__title,
  .gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead {
    max-width: 100% !important;
  }

  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner {
    padding-right: min(38vw, 540px) !important;
  }

  /*
   * Zgodbe banner @ tablet: visit že rezervira padding-right za dekor.
   * Ne odštevaj še enkrat 34vw v max-width (lead ≈ 270px) in ne fade-aj slike.
   */
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-sekcija__inner,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner {
    padding-right: min(34vw, 420px) !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__eyebrow,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__title,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > *:not(.alignfull),
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > .gm-sekcija__lead,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__lead {
    max-width: 100% !important;
    width: auto !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-visit__decor,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor {
    width: min(34vw, 420px);
    max-width: 420px;
    opacity: 1 !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-visit__decor img,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-zgodbe-banner__decor img {
    object-fit: contain;
    object-position: right center;
    opacity: 1 !important;
  }
}

@media (max-width: 1023px) {
  .gm-visit__decor,
  .gm-quote__decor {
    display: none !important;
  }

  .gm-sekcija--visit,
  .gm-sekcija--quote {
    min-height: 0;
    height: auto;
  }

  .gm-sekcija--visit > .gm-sekcija__inner,
  .gm-sekcija--visit .gm-sekcija__inner,
  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner {
    padding-right: 0 !important;
    max-width: 100% !important;
    padding-block: 48px !important;
  }

  .gm-sekcija--quote .gm-quote__text {
    font-size: 40px !important;
    line-height: 48px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .gm-sekcija--quote .gm-quote__author {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}

/* Mobile: stack, full-width copy, hide decor */
@media (max-width: 767px) {
  .gm-sekcija--visit,
  .gm-sekcija--quote {
    height: auto;
    min-height: 0;
    padding-inline: 16px !important;
  }

  .gm-sekcija--visit > .gm-sekcija__inner,
  .gm-sekcija--visit .gm-sekcija__inner,
  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner {
    padding-block: 48px !important;
    padding-inline: 0 !important;
    max-width: 100% !important;
    align-items: flex-start !important;
  }

  .gm-sekcija--visit .gm-sekcija__inner > *:not(.alignfull) {
    max-width: 100%;
  }

  .gm-sekcija--quote .gm-quote__text {
    font-size: 40px !important;
    line-height: 48px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .gm-sekcija--quote .gm-quote__author {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .gm-sekcija--visit .gm-sekcija__title {
    font-size: 40px !important;
    line-height: 48px !important;
    margin-bottom: 24px !important;
  }

  .gm-sekcija--visit .gm-sekcija__lead {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  .gm-sekcija--visit .gm-sekcija__cta {
    margin-top: 24px !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__eyebrow {
    font-size: 0.8125rem; /* 13px */
    margin-bottom: 12px !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__title,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > .gm-sekcija__lead,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__eyebrow {
    max-width: 100% !important;
  }

  .gm-visit__decor,
  .gm-quote__decor {
    display: none !important;
  }
}

/* Figma Landing Section3 — quote copy; undo WP constrained child width */
.gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained.has-global-padding,
.gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained {
  padding-inline: 0 !important;
  padding-block: clamp(48px, 5vw, 96px) !important;
}

.gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gm-sekcija--quote > .gm-sekcija__inner > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.gm-sekcija--quote .gm-quote__text {
  max-width: var(--gm-quote-text, 551px) !important;
  width: auto !important;
}

.gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained > .gm-quote__text,
.gm-sekcija--quote > .gm-sekcija__inner > .gm-quote__text {
  max-width: var(--gm-quote-text, 551px) !important;
}

.gm-sekcija--quote .gm-quote__author {
  width: auto !important;
}

/* Figma Landing Frame4 / Section5:
 * full-bleed #101828 → flex-centered column (912/1920 of viewport, like Make zoom)
 * → left-aligned title/lead/form stack inside that column */
.gm-sekcija--newsletter {
  background: var(--gm-ink);
  color: var(--gm-white);
  padding-block: 96px;
  padding-inline: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.gm-sekcija--newsletter > .gm-sekcija__inner,
.gm-sekcija--newsletter .gm-sekcija__inner {
  /* Match Figma Make ResponsivePage: 912 @ 1920, scales with viewport */
  width: calc(100vw * 912 / 1920) !important;
  max-width: none !important;
  margin-inline: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  box-sizing: border-box;
}

/* Kill WP constrained auto-centering on children */
.gm-sekcija--newsletter .gm-sekcija__inner > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100%;
}

.gm-sekcija--newsletter .gm-sekcija__title {
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.gm-sekcija--newsletter .gm-sekcija__lead {
  margin: 0 !important;
  max-width: calc(100vw * 672 / 1920) !important;
  width: auto !important;
  color: #d1d5dc !important;
}

.gm-sekcija--newsletter .gm-newsletter {
  margin: 0 !important;
  width: calc(100vw * 448 / 1920) !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .gm-sekcija--newsletter {
    padding-inline: 24px;
  }

  .gm-sekcija--newsletter > .gm-sekcija__inner,
  .gm-sekcija--newsletter .gm-sekcija__inner {
    width: 100% !important;
  }

  .gm-sekcija--newsletter .gm-sekcija__lead {
    max-width: none !important;
  }

  .gm-sekcija--newsletter .gm-newsletter {
    width: 100% !important;
  }
}

.gm-sekcija--stats {
  /*
   * Figma OMuzeju Section: 450×1920 artboard, py 96.
   * Make ResponsivePage zooms the canvas (vw/1920) — match that height.
   */
  box-sizing: border-box !important;
  background: var(--gm-banner);
  height: var(--gm-banner-h);
  min-height: var(--gm-banner-h);
  max-height: var(--gm-banner-h);
  padding-block: calc(var(--gm-banner-h) * 96 / 450);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gm-sekcija--dogodki,
.gm-sekcija--novice,
.gm-sekcija--novice-list,
.gm-sekcija--dogodki-list {
  background: var(--gm-bg);
}

/* Figma Razstave: tabs + search sit on white; card list is #f9fafb */
.gm-sekcija.gm-sekcija--razstave-grid {
  background: var(--gm-white);
  padding: 24px 24px 0;
}

.gm-hero--page:has(+ .gm-sekcija--javne-tabs) {
  min-height: 0;
  padding-bottom: 16px;
}

.gm-sekcija.gm-sekcija--javne-tabs {
  background: var(--gm-white);
  padding: 8px 24px 24px;
}

.gm-sekcija--javne-tabs .gm-tabs,
.gm-sekcija--javne-tabs .gm-tabs.wp-block-buttons {
  margin-bottom: 0;
}

.gm-sekcija--javne-tabs .gm-tabs {
  flex-wrap: wrap;
  height: auto;
  min-height: 50px;
}

.gm-sekcija--stories,
.gm-sekcija--razstave,
.gm-sekcija--team,
.gm-sekcija--values,
.gm-sekcija--intro {
  background: var(--gm-white);
}

.gm-sekcija__header {
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
  border-bottom: 3px solid var(--gm-ink) !important;
  padding-bottom: 12px !important;
  margin-bottom: 32px !important;
  gap: 24px !important;
}

/* Figma: title flex-1, CTA shrink-0 on the content right edge */
.gm-sekcija__header > .wp-block-column:first-child {
  flex: 1 1 auto !important;
  min-width: 0;
}

.gm-sekcija__header > .wp-block-column:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  width: auto !important;
}

.gm-sekcija__cta.wp-block-buttons,
.gm-sekcija__cta {
  justify-content: flex-end !important;
  margin: 0 !important;
}

/* Figma Landing „Obiščite nas“: CTA sits under the 672 copy column, not flex-end of the full inner */
.gm-sekcija--visit .gm-sekcija__cta.wp-block-buttons,
.gm-sekcija--visit .gm-sekcija__cta {
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
}

.gm-sekcija__cta .wp-block-button {
  margin: 0 !important;
}

.gm-sekcija__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 60px !important;
  line-height: 72px !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

.gm-sekcija__title--light {
  color: var(--gm-white) !important;
  font-size: 48px !important;
  line-height: 60px !important;
}

.gm-sekcija__title--sm {
  font-size: 48px !important;
  line-height: 60px !important;
}

.gm-sekcija__lead {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size);
  line-height: var(--gm-copy-lh);
  font-weight: 400;
  color: var(--gm-ink);
  max-width: var(--gm-visit-copy, 42rem);
}

.gm-sekcija__lead--light {
  color: #d1d5dc !important;
}

/* Lead tekst block: isti stolpec kot ostale sekcije (1440 + 24px pad) */
.gm-sekcija--lead-tekst {
  padding-block: 0;
  padding-inline: 24px;
  box-sizing: border-box;
}

.gm-sekcija--lead-tekst > .gm-sekcija__inner {
  max-width: var(--gm-max, 1440px);
  margin-inline: auto;
  width: 100%;
}

/* Lead na celotno širino notranjega stolpca (premaga visit 541px / 42rem) */
.gm-sekcija__lead--full,
.gm-sekcija--lead-tekst .gm-sekcija__lead--full,
.gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead.gm-sekcija__lead--full,
.gm-sekcija--visit .gm-sekcija__inner > p.gm-sekcija__lead--full,
.gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__lead.gm-sekcija__lead--full,
.gm-sekcija--visit > .gm-sekcija__inner > .gm-sekcija__lead.gm-sekcija__lead--full {
  max-width: 100% !important;
  width: 100% !important;
}

/* Legacy bare <p> (brez ovoja) — isti 1440px stolpec kot .gm-sekcija__inner */
.entry-content > p.gm-sekcija__lead.gm-sekcija__lead--full,
.wp-block-post-content > p.gm-sekcija__lead.gm-sekcija__lead--full {
  max-width: var(--gm-max, 1440px) !important;
  width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box;
}

.gm-sekcija__grid {
  gap: 24px !important;
}

/* Hide legacy double separators if still in content */
.gm-sekcija__header + .gm-sep,
.gm-sekcija__header + .wp-block-separator,
.gm-sekcija__header + .wp-block-spacer {
  display: none !important;
}

.gm-sep--thick {
  border: none !important;
  border-bottom: 3px solid var(--gm-ink) !important;
  background: none !important;
  margin: 0 0 1rem !important;
}

/* ── Page hero ──────────────────────────────────────────── */

.gm-hero--page {
  background: var(--gm-white);
  min-height: 350px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 64px 24px 48px;
  border-bottom: none;
  box-sizing: border-box;
  text-align: left;
  overflow: visible;
}

/*
 * Figma listing heroes (Razstave, …): title + lead left in the 1440 column.
 * Parent was display:flex (row) + align-items:center → inner flex item shrank
 * to the 672px lead and looked centered. Force full content column width.
 */
.gm-hero--page:not(.gm-hero--page-center) > .gm-sekcija__inner,
.gm-hero--page:not(.gm-hero--page-center) > .gm-sekcija__inner.is-layout-constrained {
  width: 100% !important;
  max-width: var(--gm-max, 1440px) !important;
  margin-inline: auto !important;
  box-sizing: border-box;
  justify-items: start !important;
  text-align: left;
}

.gm-hero--page:not(.gm-hero--page-center) > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gm-hero--page:not(.gm-hero--page-center) > .gm-sekcija__inner > .gm-hero__title,
.gm-hero--page:not(.gm-hero--page-center) > .gm-sekcija__inner > .gm-hero__lead {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-self: start !important;
  text-align: left;
}

/* Page hero lead: full width of the content column (not the 42rem / 672px cap). */
.gm-hero--page .gm-hero__lead {
  max-width: none !important;
  width: 100% !important;
}

.gm-hero--page-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.gm-hero--page-center .gm-hero__lead {
  margin-inline: auto;
}

/* Landing hero — Figma Landing absolute title left-[288px] top-[747px] on 1920×900
 * 288 = (1920 − 1344) / 2 → keep that content column at every viewport */
.gm-hero--landing.wp-block-cover {
  min-height: var(--gm-hero-h, 900px) !important;
  align-items: flex-end !important;
}

.gm-hero--landing .wp-block-cover__background {
  opacity: 0 !important; /* Figma desktop: no flat dim */
}

.gm-hero--landing .wp-block-cover__inner-container {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  /* min 16px · scales with viewport · caps at Figma 288px (18rem) below 1920 */
  padding-inline: clamp(1rem, calc((100vw - var(--gm-title-col, 1344px)) / 2), 18rem) !important;
  padding-top: 0 !important;
  padding-bottom: clamp(1.5rem, 2.7vw, 2.6875rem) !important; /* ~43px @ 1920 */
}

.gm-hero--landing .gm-hero__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  /* Figma 90/110 desktop → 40/48 mobile; fluid in between */
  font-size: clamp(2.5rem, 4.6875vw, 5.625rem) !important;
  line-height: clamp(3rem, 5.729vw, 6.875rem) !important;
  color: #fff !important;
  margin: 0 !important;
  max-width: min(100%, var(--gm-title-col, 1344px));
  width: 100%;
}

/*
 * Wide screens (>1920): Figma Make ResponsivePage zooms the 1920 canvas
 * (scale = viewport / 1920). WP cannot zoom the whole document, so layout
 * tokens grow in proportion — hero 900→taller, content 1440→wider.
 */
@media (min-width: 1921px) {
  :root {
    --gm-max: calc(100vw * 1440 / 1920);
    --gm-hero-h: calc(100vw * 900 / 1920);
    --gm-title-col: calc(100vw * 1344 / 1920);
    --gm-banner-h: calc(100vw * 450 / 1920);
    --gm-visit-copy: calc(100vw * 672 / 1920);
    --gm-visit-lead: calc(100vw * 541 / 1920);
    --gm-quote-frame: calc(100vw * 838 / 1920);
    --gm-quote-text: calc(100vw * 551 / 1920);
    --gm-search-w: calc(100vw * 301 / 1920);
    --wp--style--global--wide-size: var(--gm-max);
    --wp--style--global--content-size: calc(100vw * 1200 / 1920);
  }

  .gm-hero--landing.wp-block-cover {
    height: var(--gm-hero-h) !important;
    min-height: var(--gm-hero-h) !important;
  }

  .gm-hero--landing .wp-block-cover__inner-container {
    padding-inline: calc((100vw - var(--gm-title-col)) / 2) !important;
    padding-bottom: calc(100vw * 43 / 1920) !important;
  }

  .gm-hero--landing .gm-hero__title {
    font-size: 4.6875vw !important; /* 90 / 1920 */
    line-height: 5.7291667vw !important; /* 110 / 1920 */
    max-width: var(--gm-title-col);
  }

  /* Gutenberg bakes contentSize:1440px into unique .wp-container-* rules.
   * Visit copy stays --gm-visit-copy / --gm-visit-lead (not the 1440 column).
   * Quote / visit banners keep their own frame widths. */
  .gm-sekcija:not(.gm-sekcija--intro):not(.gm-sekcija--newsletter):not(.gm-sekcija--quote):not(.gm-sekcija--visit) > .gm-sekcija__inner {
    max-width: var(--gm-max) !important;
  }

  /* Team keeps --gm-title-col (1344), not full --gm-max (1440). */
  .gm-sekcija:not(.gm-sekcija--intro):not(.gm-sekcija--visit):not(.gm-sekcija--quote):not(.gm-sekcija--newsletter):not(.gm-sekcija--team) > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-sekcija:not(.gm-sekcija--intro):not(.gm-sekcija--visit):not(.gm-sekcija--quote):not(.gm-sekcija--newsletter):not(.gm-sekcija--team) > .gm-sekcija__inner > .alignwide {
    max-width: var(--gm-max) !important;
  }

  .gm-visit__decor,
  .gm-quote__decor {
    width: calc(100vw * 759 / 1920);
    max-width: none;
  }

  .gm-sekcija--quote .gm-quote__text {
    font-size: calc(100vw * 60 / 1920) !important;
    line-height: calc(100vw * 72 / 1920) !important;
    max-width: var(--gm-quote-text) !important;
  }

  .gm-sekcija--quote .gm-quote__author {
    font-size: calc(100vw * 24 / 1920) !important;
    line-height: calc(100vw * 32 / 1920) !important;
  }

  /* Figma Section3: Frame3 stays viewport-centered and scales with canvas zoom.
   * width must be the full frame — auto shrinks to the 551px text column (live bug >1920). */
  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner[class*="wp-container-"] {
    width: var(--gm-quote-frame) !important;
    min-width: var(--gm-quote-frame) !important;
    max-width: var(--gm-quote-frame) !important;
    flex: 0 0 var(--gm-quote-frame) !important;
    margin-inline: auto !important;
    padding-block: calc(100vw * 96 / 1920) !important;
    gap: calc(100vw * 16 / 1920);
  }

  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained,
  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained.has-global-padding {
    padding-inline: 0 !important;
    padding-block: calc(100vw * 96 / 1920) !important;
  }

  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained > .gm-quote__text,
  .gm-sekcija--quote > .gm-sekcija__inner > .gm-quote__text {
    max-width: var(--gm-quote-text) !important;
  }

  .gm-sekcija--visit .gm-sekcija__title {
    font-size: calc(100vw * 48 / 1920) !important;
    line-height: calc(100vw * 60 / 1920) !important;
  }

  .gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead {
    font-size: calc(100vw * 20 / 1920);
    line-height: calc(100vw * 30 / 1920);
  }

  /* Visit: 1440 column scales via --gm-max; padding must grow (clamp caps at 96px below). */
  .gm-sekcija--visit > .gm-sekcija__inner,
  .gm-sekcija--visit .gm-sekcija__inner,
  .gm-sekcija--visit .gm-sekcija__inner[class*="wp-container-"] {
    width: 100% !important;
    max-width: var(--gm-max) !important;
    margin-inline: auto !important;
    padding-block: calc(100vw * 96 / 1920) !important;
  }

  .gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained,
  .gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained.has-global-padding {
    padding-inline: 0 !important;
    padding-block: calc(100vw * 96 / 1920) !important;
  }

  .gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-sekcija--visit > .gm-sekcija__inner > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: min(var(--gm-visit-copy, 672px), 100%) !important;
  }

  .gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead {
    max-width: min(var(--gm-visit-lead, 541px), 100%) !important;
  }

  .gm-sekcija--visit .gm-sekcija__inner > .gm-sekcija__lead.gm-sekcija__lead--full,
  .gm-sekcija--visit > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__lead.gm-sekcija__lead--full,
  .gm-sekcija--visit > .gm-sekcija__inner > .gm-sekcija__lead.gm-sekcija__lead--full {
    max-width: 100% !important;
    width: 100% !important;
  }

  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > *:not(.alignfull),
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner .gm-sekcija__inner > .gm-sekcija__lead,
  .gm-sekcija--visit.gm-sekcija--zgodbe-banner > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: min(48rem, calc(100% - min(34vw, 520px))) !important;
  }

  .gm-landing-razstave > .gm-exhibition-card {
    height: calc(100vw * 624 / 1920);
  }

  .gm-kartica--dogodek .gm-kartica__img-wrap,
  .gm-kartica--dogodek .gm-kartica__img,
  .gm-kartica--dogodek .gm-kartica__img img {
    height: calc(100vw * 432 / 1920);
  }

  /* Newsletter width scales at all viewports (see base .gm-sekcija--newsletter). */

  /* Razstava detail: same 1440 centered column as header bar-inner. */
  .gm-hero.gm-hero--detail-stack > .gm-sekcija__inner,
  .gm-hero.gm-hero--detail-stack > .gm-sekcija__inner.is-layout-constrained,
  .gm-hero.gm-hero--detail-stack > .gm-sekcija__inner.has-global-padding,
  .gm-hero.gm-hero--detail-stack > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-hero.gm-hero--detail-stack > .gm-sekcija__inner > .alignwide {
    max-width: var(--gm-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gm-sekcija.gm-sekcija--content > .gm-sekcija__inner,
  .gm-sekcija.gm-sekcija--content > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-sekcija.gm-sekcija--content .gm-content__band {
    max-width: var(--gm-title-col) !important;
  }

  .gm-hero--detail-stack .gm-hero__img,
  .gm-hero--detail-stack .gm-hero__img img,
  .gm-hero__detail-row {
    max-width: 100% !important;
    width: 100%;
  }

  .gm-hero--detail-stack .gm-hero__title {
    font-size: calc(100vw * 60 / 1920) !important;
    line-height: calc(100vw * 72 / 1920) !important;
  }

  .gm-sekcija--content .gm-sekcija__lead--lg {
    font-size: var(--gm-copy-size) !important;
    line-height: var(--gm-copy-lh) !important;
  }

  /* Footer + header: same 1440 column as Razstave (Gutenberg bakes 1440px). */
  .gm-footer .gm-footer__inner,
  .gm-footer__inner.has-global-padding,
  .gm-footer .gm-footer__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-footer .gm-footer__inner > .alignwide,
  .gm-header__bar-inner {
    max-width: var(--gm-max) !important;
  }

  /* Lokacija hero: keep meta row flush with title when inner scales past 1440. */
  .gm-hero--lokacija > .gm-sekcija__inner,
  .gm-hero--lokacija > .gm-sekcija__inner.is-layout-constrained,
  .gm-hero--lokacija > .gm-sekcija__inner[class*="wp-container-"] {
    max-width: var(--gm-max) !important;
  }

  .gm-hero--lokacija > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .gm-hero--lokacija > .gm-sekcija__inner > .gm-lokacija-hero__meta {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Lokacija: map column tracks gallery side tile as inner scales past 1440. */
  .gm-sekcija--lokacija-galerija .gm-sekcija__inner,
  .gm-sekcija--lokacija-opis .gm-sekcija__inner {
    --gm-lokacija-side-w: calc((100% - 16px) / 2.8);
  }

  .gm-sekcija--lokacija-opis .gm-lokacija-opis__row > .wp-block-column:last-child {
    flex: 0 0 var(--gm-lokacija-side-w) !important;
    flex-basis: var(--gm-lokacija-side-w) !important;
    max-width: var(--gm-lokacija-side-w) !important;
    width: var(--gm-lokacija-side-w) !important;
  }

  /* O muzeju · Ekipa — Figma Make zoom: photo 270, row 223, type 30/38 + 20/30 */
  .gm-sekcija.gm-sekcija--team.is-layout-flow > .gm-sekcija__inner.is-layout-constrained.has-global-padding > .gm-sekcija__title,
  .gm-sekcija.gm-sekcija--team.is-layout-flow > .gm-sekcija__inner.is-layout-constrained.has-global-padding > .gm-team__list,
  .gm-sekcija.gm-sekcija--team > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__title,
  .gm-sekcija.gm-sekcija--team > .gm-sekcija__inner.is-layout-constrained > .gm-team__list {
    max-width: var(--gm-title-col) !important;
    margin-inline: auto !important;
  }

  .gm-sekcija--team .gm-sekcija__title {
    font-size: calc(100vw * 48 / 1920) !important;
    line-height: calc(100vw * 60 / 1920) !important;
  }

  .gm-kartica--kontakt > .gm-kartica__img,
  .gm-kartica--kontakt > .wp-block-image.gm-kartica__img {
    flex: 0 0 calc(100vw * 270 / 1920) !important;
    width: calc(100vw * 270 / 1920) !important;
    max-width: calc(100vw * 270 / 1920) !important;
  }

  .gm-kartica--kontakt .gm-kartica__img img {
    width: 100% !important;
    /* 24 + 38 + 12 + 90 + 24 = 188 (title + 3×30 role lines + padding) */
    min-height: calc(100vw * 188 / 1920) !important;
  }

  .gm-kartica--kontakt .gm-kartica__panel {
    gap: 0 !important;
    padding: calc(100vw * 24 / 1920) 0 !important;
    justify-content: space-evenly !important;
  }

  .gm-kartica--kontakt .gm-kartica__identity,
  .gm-kartica--kontakt .gm-kartica__contacts {
    flex: 0 0 calc(100vw * 445 / 1920) !important;
    width: calc(100vw * 445 / 1920) !important;
    max-width: calc((100% - 3rem) / 2) !important;
  }

  .gm-kartica--kontakt .gm-kartica__title {
    font-size: calc(100vw * 30 / 1920) !important;
    line-height: calc(100vw * 38 / 1920) !important;
    margin-bottom: calc(100vw * 12 / 1920) !important;
  }

  .gm-kartica--kontakt .gm-kartica__meta,
  .gm-kartica--kontakt .gm-kartica__role {
    font-size: calc(100vw * 20 / 1920) !important;
    line-height: calc(100vw * 30 / 1920) !important;
    min-height: calc(100vw * 90 / 1920) !important;
  }

  .gm-kartica--kontakt .gm-kartica__contacts a,
  .gm-kartica--kontakt .gm-kartica__email,
  .gm-kartica--kontakt .gm-kartica__phone {
    font-size: calc(100vw * 20 / 1920) !important;
    line-height: calc(100vw * 30 / 1920) !important;
  }

  .gm-kartica--kontakt .gm-kartica__email,
  .gm-kartica--kontakt .gm-kartica__phone {
    gap: calc(100vw * 16 / 1920);
  }

  .gm-kartica--kontakt .gm-kartica__email::before,
  .gm-kartica--kontakt .gm-kartica__phone::before {
    flex-basis: calc(100vw * 24 / 1920);
    width: calc(100vw * 24 / 1920);
    height: calc(100vw * 24 / 1920);
  }

  .gm-kartica--novica-page .gm-kartica__row {
    min-height: calc(100vw * 223 / 1920);
  }

  .gm-kartica--novica-page .gm-kartica__row > .wp-block-column:first-child {
    flex-basis: calc(100vw * 270 / 1920) !important;
    max-width: calc(100vw * 270 / 1920) !important;
  }

  .gm-kartica--novica-page .gm-kartica__img-wrap {
    width: calc(100vw * 270 / 1920);
    height: calc(100vw * 223 / 1920);
  }

  .gm-kartica--novica-page .gm-kartica__img,
  .gm-kartica--novica-page .gm-kartica__img img,
  .gm-kartica--novica-page .gm-kartica__img-el {
    width: calc(100vw * 270 / 1920);
    height: calc(100vw * 223 / 1920);
  }

  .gm-kartica--novica-page .gm-kartica__row > .wp-block-column:last-child {
    padding: calc(100vw * 24 / 1920);
    gap: calc(100vw * 12 / 1920);
  }

  .gm-kartica--novica-page .gm-kartica__title {
    font-size: calc(100vw * 30 / 1920) !important;
    line-height: calc(100vw * 38 / 1920) !important;
  }

  .gm-kartica--novica-page .gm-kartica__text {
    font-size: calc(100vw * 24 / 1920) !important;
    line-height: calc(100vw * 32 / 1920) !important;
  }

  .gm-kartica--novica-page .gm-kartica__head .gm-kartica__date {
    font-size: calc(100vw * 16 / 1920) !important;
    line-height: calc(100vw * 24 / 1920) !important;
  }

  /* Dogodek detail: hero column tracks scaled --gm-max; title/lead grow with Make zoom */
  .gm-dogodek-hero__top,
  .gm-dogodek-hero__content,
  .gm-dogodek-hero__content.is-layout-flow,
  .gm-dogodek-hero__content.wp-block-group {
    max-width: var(--gm-max) !important;
  }

  .gm-hero--dogodek-cover .wp-block-cover__inner-container,
  .gm-hero--dogodek-cover .wp-block-cover__inner-container.is-layout-flow {
    padding-inline: calc(100vw * 64 / 1920) !important;
    padding-block: calc(100vw * 32 / 1920) calc(100vw * 48 / 1920) !important;
  }

  .gm-hero--dogodek-cover .gm-hero__title,
  .gm-hero--dogodek-cover .gm-hero__title--light {
    font-size: calc(100vw * 72 / 1920) !important;
    line-height: calc(100vw * 76 / 1920) !important;
    max-width: calc(100vw * 768 / 1920) !important; /* ~48rem @ 1920 */
  }

  .gm-dogodek-hero__lead {
    font-size: calc(100vw * 16 / 1920) !important;
    line-height: calc(100vw * 24 / 1920) !important;
    max-width: calc(100vw * 672 / 1920) !important; /* ~42rem @ 1920 */
  }

  .gm-sekcija--dogodek-body > .gm-sekcija__inner,
  .gm-sekcija--dogodek-sorodni > .gm-sekcija__inner {
    max-width: var(--gm-max) !important;
  }
}

.gm-hero__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 90px !important;
  line-height: 110px !important;
  color: #fff !important;
  margin: 0 !important;
}

.gm-hero__title--dark {
  color: var(--gm-ink) !important;
}

/* Figma Razstava1 H1 is 60/72, not the landing 90/110 */
.gm-hero--detail-stack .gm-hero__title {
  font-size: 60px !important;
  line-height: 72px !important;
}

.gm-hero__lead {
  font-family: var(--gm-font-body);
  font-size: 24px;
  line-height: 32px;
  color: var(--gm-ink);
  max-width: 42rem;
  margin-top: 16px !important;
}

.gm-hero__lead--light {
  color: rgba(255, 255, 255, 0.95);
}

/* Detail hero — stacked gray band (not cover overlay).
 * Same column as content / header: 24px section gutter + max 1440 centered. */
.gm-hero--detail-stack {
  background: var(--gm-banner);
  padding: 32px 24px 64px;
}

.gm-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--gm-font-body);
  font-weight: 700;
  font-size: 20px;
  color: var(--gm-ink);
  text-decoration: none;
  margin-bottom: 24px;
}

.gm-detail__img {
  width: 100%;
  max-width: var(--gm-title-col, 1344px);
  height: auto;
  aspect-ratio: 1344 / 500;
  object-fit: cover;
  display: block;
  margin: 0 auto 32px;
  background: var(--gm-bg-soft);
}

.gm-detail__grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 48px;
  max-width: var(--gm-title-col, 1344px);
  margin: 0 auto;
  align-items: start;
}

.gm-detail__rule {
  width: 1px;
  background: var(--gm-ink);
  align-self: stretch;
}

.gm-detail__title {
  font-family: var(--gm-font-display) !important;
  font-size: 60px !important;
  line-height: 72px !important;
  margin: 0 0 16px !important;
}

.gm-detail__lead {
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  margin: 0 0 24px !important;
}

.gm-detail__meta p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 12px !important;
}

/* ── Buttons / links ────────────────────────────────────── */

.gm-btn .wp-block-button__link,
.gm-cta .wp-block-button__link {
  font-family: var(--gm-font-body);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  border-radius: 0;
}

.gm-btn--link .wp-block-button__link,
.gm-btn--link-light .wp-block-button__link,
.gm-btn--ink .wp-block-button__link {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.gm-btn--link .wp-block-button__link {
  color: var(--gm-orange) !important;
}

.gm-btn--link .wp-block-button__link:hover {
  color: var(--gm-orange-hover) !important;
}

.gm-btn--link-light .wp-block-button__link {
  color: #fff !important;
}

.gm-btn--ink .wp-block-button__link {
  color: #000 !important;
}

/*
 * Figma link arrow (Landing Svg): 20×20 stroke icon, gap 12px (cards 8px).
 * Replaces unicode → in content — stripped on render in block-styles.php.
 */
.gm-btn--link .wp-block-button__link,
.gm-btn--link-light .wp-block-button__link,
.wp-block-button.is-style-gm-link .wp-block-button__link,
.wp-block-button.is-style-gm-link-light .wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
}

.gm-btn--link .wp-block-button__link::after,
.gm-btn--link-light .wp-block-button__link::after,
.wp-block-button.is-style-gm-link .wp-block-button__link::after,
.wp-block-button.is-style-gm-link-light .wp-block-button__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16667L15.8333 10L10 15.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16667L15.8333 10L10 15.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.gm-kartica .gm-btn--link .wp-block-button__link,
.gm-kartica .gm-btn--link-light .wp-block-button__link,
.gm-exhibition-card .gm-btn--link .wp-block-button__link,
.gm-exhibition-card .gm-btn--link-light .wp-block-button__link,
.gm-kartica .wp-block-button.is-style-gm-link .wp-block-button__link,
.gm-exhibition-card .wp-block-button.is-style-gm-link-light .wp-block-button__link {
  gap: 8px;
}

.gm-btn--dark .wp-block-button__link {
  background: var(--gm-ink) !important;
  color: #fff !important;
  padding: 12px 24px !important;
}

.gm-btn--accent .wp-block-button__link {
  background: var(--gm-orange) !important;
  color: #fff !important;
  padding: 16px 32px !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
}

/* Figma Razstava1 accent arrow (white stroke, 20×20) */
.gm-btn--accent .wp-block-button__link::after,
.wp-block-button.is-style-gm-accent .wp-block-button__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333' stroke='%23000' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16667L15.8333 10L10 15.8333' stroke='%23000' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333' stroke='%23000' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16667L15.8333 10L10 15.8333' stroke='%23000' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.gm-btn--outline .wp-block-button__link {
  background: transparent !important;
  color: var(--gm-ink) !important;
  border: 2px solid var(--gm-ink) !important;
  padding: 10px 22px !important;
}

/* Filter chips: muted by default; orange only when .is-active / aria-pressed */
.gm-btn--chip .wp-block-button__link,
.gm-chip .wp-block-button__link,
.gm-btn--chip-muted .wp-block-button__link {
  background: var(--gm-bg-soft) !important;
  color: #364153 !important;
  font-weight: 400;
  padding: 12px 24px !important;
  font-size: 20px !important;
  width: 100%;
  text-align: center;
}

.gm-btn--chip.is-active .wp-block-button__link,
.gm-chip.is-active .wp-block-button__link,
.gm-btn--chip-muted.is-active .wp-block-button__link,
.gm-chips .wp-block-button.is-active .wp-block-button__link,
.gm-chips .wp-block-button__link[aria-pressed="true"],
.gm-chips .wp-block-button__link.is-active {
  background: var(--gm-orange) !important;
  border-color: var(--gm-orange) !important;
  color: #fff !important;
  font-weight: 700;
}

/* ── Badge ──────────────────────────────────────────────── */

.gm-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 150px;
  background: var(--gm-ink);
  color: #fff !important;
  font-family: var(--gm-font-body);
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  line-height: 16.5px;
  padding: 10.5px 12px 8.5px;
  margin: 0 !important;
}

.gm-badge--overlay {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

/* Landing home: 3 portrait exhibition tiles */
.gm-landing-razstave {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.gm-landing-razstave > .gm-exhibition-card {
  max-width: none;
  width: 100%;
}

@media (max-width: 1024px) {
  .gm-landing-razstave {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .gm-landing-razstave {
    grid-template-columns: 1fr;
  }

  .gm-landing-razstave > .gm-exhibition-card {
    height: auto;
    aspect-ratio: 431 / 624;
    max-height: 520px;
  }
}

/* Landing home: news rows (date | title | CTA) */
.gm-landing-novice .gm-kartica__row--novica {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.gm-landing-novice .gm-kartica__col--date {
  flex: 0 0 auto;
}

.gm-landing-novice .gm-kartica__col--title {
  flex: 1 1 auto;
  min-width: 0;
}

.gm-landing-novice .gm-kartica__col--cta {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 640px) {
  .gm-landing-novice .gm-kartica__row--novica {
    flex-wrap: wrap;
    gap: 12px 16px;
  }

  .gm-landing-novice .gm-kartica__col--cta {
    margin-left: 0;
    width: 100%;
  }
}

/* ── Home exhibition tile (overlay) ─────────────────────── */

.gm-exhibition-card {
  position: relative;
  width: 100%;
  max-width: 431px;
  height: 624px;
  overflow: hidden;
  background: var(--gm-bg-soft);
  color: #fff;
  isolation: isolate;
}

.gm-exhibition-card__img {
  position: absolute !important;
  inset: 0;
  margin: 0 !important;
  z-index: 0;
}

.gm-exhibition-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gm-exhibition-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.gm-exhibition-card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 312px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.gm-exhibition-card__body {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.gm-exhibition-card__title {
  font-family: var(--gm-font-body) !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  color: #fff !important;
  margin: 0 !important;
}

.gm-exhibition-card__text {
  font-size: 20px !important;
  line-height: 30px !important;
  color: #fff !important;
  margin: 0 !important;
}

.gm-exhibition-card .gm-btn--link-light .wp-block-button__link {
  color: #fff !important;
}

/* Whole-card click target (razstave / dogodki / predmeti) */
.gm-card-hit {
  position: relative;
  cursor: pointer;
}

.gm-card-hit__stretch {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  background: transparent;
  text-decoration: none;
  color: transparent;
}

.gm-card-hit__stretch:focus {
  outline: none;
}

.gm-card-hit:has(.gm-card-hit__stretch:focus-visible) {
  outline: 2px solid var(--gm-orange, #e94e1b);
  outline-offset: 2px;
}

.gm-card-hit:hover .gm-btn--link .wp-block-button__link,
.gm-card-hit:hover .gm-btn--link-light .wp-block-button__link {
  color: var(--gm-orange-hover, #9f3110) !important;
}

.gm-card-hit:hover .gm-btn--link-light .wp-block-button__link {
  color: #fff !important;
  opacity: 0.85;
}

.gm-card-hit:hover .gm-zgodbe__cta {
  color: var(--gm-orange-hover, #9f3110);
}

/* ── Razstave listing card (horizontal 460 + panel) ─────── */

.gm-kartica--razstava {
  display: flex;
  width: 100%;
  max-width: var(--gm-title-col, 1344px);
  background: #fff;
  transition: background-color 0.15s ease;
}

.gm-kartica--razstava:hover {
  background: var(--gm-hover);
}

.gm-kartica--razstava .gm-kartica__row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.gm-kartica--razstava .gm-kartica__row > .wp-block-column:first-child,
.gm-kartica--razstava-dynamic .gm-kartica__media {
  position: relative;
  flex-basis: 460px !important;
  flex-grow: 0 !important;
  max-width: 460px;
}

.gm-kartica--razstava-dynamic .gm-kartica__row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
}

.gm-kartica--razstava-dynamic .gm-kartica__panel {
  flex: 1 1 auto;
  min-width: 0;
}

.gm-kartica--razstava .gm-kartica__img,
.gm-kartica--razstava .gm-kartica__img img,
.gm-kartica--razstava-dynamic .gm-kartica__img-el {
  width: 460px;
  max-width: 100%;
  height: 460px;
  object-fit: cover;
  margin: 0 !important;
  display: block;
}

.gm-razstave-seznam__empty {
  color: var(--gm-muted, #4a5565);
  font-size: 18px;
  padding: 24px 0;
}

/* Digitalni muzej / Zbirka: tile cards (Zgodbe variation) in listing */
.gm-razstave-seznam {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 40px;
  align-items: stretch;
}

.gm-razstave-seznam > .gm-kartica--razstava-dynamic,
.gm-razstave-seznam > .gm-razstave-seznam__gap,
.gm-razstave-seznam > .gm-razstave-seznam__empty,
.gm-razstave-seznam > .gm-razstave-seznam__empty-filter {
  grid-column: 1 / -1;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital {
  max-width: none;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital.gm-zgodbe__card {
  max-width: none;
  flex: none;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital:hover {
  background: #f2f2f7;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital .gm-zgodbe__media {
  position: relative;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital .gm-badge--overlay {
  left: auto;
  right: 0;
}

.gm-razstave-seznam > .gm-kartica--razstava-digital.is-filter-hidden {
  display: none !important;
}

@media (max-width: 1099px) and (min-width: 700px) {
  .gm-razstave-seznam {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 32px;
  }
}

@media (max-width: 699px) {
  .gm-razstave-seznam {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 900px) {
  .gm-kartica--razstava-dynamic .gm-kartica__row {
    flex-direction: column;
  }

  .gm-kartica--razstava-dynamic .gm-kartica__media {
    max-width: 100%;
    flex-basis: auto !important;
  }

  .gm-kartica--razstava-dynamic .gm-kartica__img-el {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

.gm-kartica--razstava .gm-kartica__panel {
  flex: 1;
  padding: 42px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  box-sizing: border-box;
}

.gm-kartica--razstava .gm-kartica__intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.gm-kartica--razstava .gm-kartica__title {
  font-size: 36px !important;
  line-height: 44px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: var(--gm-ink) !important;
}

.gm-kartica--razstava .gm-kartica__text {
  font-size: 24px !important;
  line-height: 32px !important;
  margin: 0 !important;
  color: var(--gm-ink);
}

/* Figma Frame5: divider + date/pin row + divider */
.gm-kartica--razstava .gm-kartica__facts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.gm-kartica--razstava .gm-kartica__divider {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #101828;
}

.gm-kartica--razstava .gm-kartica__meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  width: 100%;
  margin: 0;
}

.gm-kartica--razstava .gm-kartica__meta {
  font-size: 20px;
  line-height: 30px;
  color: var(--gm-ink, #101828);
  margin: 0 !important;
}

.gm-kartica--razstava .gm-kartica__meta--date,
.gm-kartica--razstava .gm-kartica__meta--loc {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--gm-ink, #101828);
  text-decoration: none;
}

.gm-kartica--razstava .gm-kartica__meta--date::before,
.gm-kartica--razstava .gm-kartica__meta--loc::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

/* Same Figma 20×20 calendar / pin as dogodek cards */
.gm-kartica--razstava .gm-kartica__meta--date::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 3.33333H4.16667C3.24619 3.33333 2.5 4.07953 2.5 5V16.6667C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6667V5C17.5 4.07953 16.7538 3.33333 15.8333 3.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33333H17.5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 3.33333H4.16667C3.24619 3.33333 2.5 4.07953 2.5 5V16.6667C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6667V5C17.5 4.07953 16.7538 3.33333 15.8333 3.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33333H17.5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-kartica--razstava .gm-kartica__meta--loc::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Beat full-card stretch so location opens its own page */
.gm-kartica--razstava a.gm-kartica__meta--loc {
  position: relative;
  z-index: 6;
}

.gm-kartica--razstava a.gm-kartica__meta--loc:hover,
.gm-kartica--razstava a.gm-kartica__meta--loc:focus {
  color: var(--gm-orange, #e94e1b);
}

.gm-kartica--razstava .gm-kartica__cta {
  margin: 0;
}

/* ── Dogodki card (Figma DogodkiKarticaDefault / Landing) ── */
/* Default body transparent (section bg shows through); hover #F2F2F7. */

.gm-kartica--dogodek {
  max-width: 431px;
  background: transparent;
  transition: background-color 0.15s ease;
}

.gm-kartica--dogodek:hover {
  background: var(--gm-hover);
}

.gm-kartica--dogodek .gm-kartica__img-wrap {
  position: relative;
  background: var(--gm-bg-soft);
  height: 432px;
  overflow: hidden;
}

.gm-kartica--dogodek .gm-kartica__img,
.gm-kartica--dogodek .gm-kartica__img img {
  width: 100%;
  height: 432px;
  object-fit: cover;
  margin: 0 !important;
}

.gm-kartica--dogodek .gm-kartica__body {
  padding: 24px 0 25px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: transparent;
}

.gm-kartica--dogodek .gm-kartica__title {
  font-size: 36px !important;
  line-height: 44px !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
  padding-top: 4px;
}

.gm-kartica--dogodek.gm-filter-cat--novice .gm-badge,
.gm-kartica--dogodek.gm-kartica--novica-tile .gm-badge {
  background: var(--gm-orange);
}

.gm-kartica--dogodek .gm-kartica__meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 0 !important;
}

.gm-kartica--dogodek .gm-kartica__meta-row.wp-block-group {
  max-width: none;
}

.gm-kartica--dogodek .gm-kartica__meta {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin: 0 !important;
}

.gm-kartica--dogodek .gm-kartica__meta--date,
.gm-kartica--dogodek .gm-kartica__meta--time,
.gm-kartica--dogodek .gm-kartica__meta--loc {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.gm-kartica--dogodek .gm-kartica__meta--loc {
  padding-top: 4px;
  width: 100%;
}

.gm-kartica--dogodek .gm-kartica__meta--date::before,
.gm-kartica--dogodek .gm-kartica__meta--time::before,
.gm-kartica--dogodek .gm-kartica__meta--loc::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

/* Figma 20×20 calendar */
.gm-kartica--dogodek .gm-kartica__meta--date::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 3.33333H4.16667C3.24619 3.33333 2.5 4.07953 2.5 5V16.6667C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6667V5C17.5 4.07953 16.7538 3.33333 15.8333 3.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33333H17.5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 1.66667V5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 3.33333H4.16667C3.24619 3.33333 2.5 4.07953 2.5 5V16.6667C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6667V5C17.5 4.07953 16.7538 3.33333 15.8333 3.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33333H17.5' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Figma 20×20 clock */
.gm-kartica--dogodek .gm-kartica__meta--time::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V10L13.3333 11.6667' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V10L13.3333 11.6667' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Figma 20×20 map pin */
.gm-kartica--dogodek .gm-kartica__meta--loc::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Figma Dogodki: 3×N grid, gap 24px, card max 431px */
.gm-dogodki-seznam,
.gm-razstave-seznam--lokacija {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.gm-dogodki-seznam > .gm-kartica--dogodek,
.gm-razstave-seznam--lokacija > .gm-kartica--lokacija-razstava {
  max-width: none;
  width: 100%;
  min-width: 0;
}

@media (max-width: 1024px) {
  .gm-dogodki-seznam,
  .gm-razstave-seznam--lokacija {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .gm-dogodki-seznam,
  .gm-razstave-seznam--lokacija {
    grid-template-columns: 1fr;
  }

  .gm-kartica--dogodek .gm-kartica__img-wrap,
  .gm-kartica--dogodek .gm-kartica__img,
  .gm-kartica--dogodek .gm-kartica__img img {
    height: auto;
    aspect-ratio: 431 / 432;
  }

  .gm-kartica--dogodek .gm-kartica__title {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}

/* ── Novice row ─────────────────────────────────────────── */

.gm-kartica--novica {
  border-bottom: 3px solid var(--gm-ink);
  padding-block: 32px;
  transition: background-color 0.15s ease;
}

.gm-kartica--novica:hover {
  background: var(--gm-hover);
}

.gm-kartica--novica .gm-kartica__row--novica {
  align-items: center !important;
  gap: 32px !important;
  margin: 0 !important;
}

.gm-kartica--novica .gm-kartica__date:not(.gm-badge--overlay) {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
  white-space: nowrap;
}

.gm-kartica--novica .gm-kartica__title {
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

/* Novice page — Figma Novice Link: 270×223 img + padded text column, h 223 */
.gm-sekcija--novice-list .gm-novice-seznam {
  width: 100%;
  max-width: var(--gm-title-col, 1344px);
  margin-inline: auto;
}

.gm-kartica--novica-page {
  display: block;
  width: 100%;
  padding: 0;
  border-top: 1px solid var(--gm-ink);
  border-bottom: 1px solid var(--gm-ink);
  box-sizing: border-box;
  overflow: hidden;
  transition: background-color 0.15s ease;
}

.gm-kartica--novica-page + .gm-kartica--novica-page {
  border-top: none;
}

.gm-kartica--novica-page:hover {
  background: var(--gm-hover);
}

.gm-kartica--novica-page .gm-kartica__row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  width: 100%;
  min-height: 223px;
}

.gm-kartica--novica-page .gm-kartica__row > .wp-block-column {
  margin: 0 !important;
  min-width: 0;
}

.gm-kartica--novica-page .gm-kartica__row > .wp-block-column:first-child {
  flex: 0 0 270px !important;
  max-width: 270px !important;
}

.gm-kartica--novica-page .gm-kartica__img-wrap {
  position: relative;
  width: 270px;
  height: 223px;
  flex-shrink: 0;
  overflow: hidden;
}

.gm-kartica--novica-page .gm-kartica__img-wrap .gm-kartica__img,
.gm-kartica--novica-page .gm-kartica__img-wrap .gm-kartica__img img,
.gm-kartica--novica-page .gm-kartica__img-wrap .gm-kartica__img-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
}

.gm-kartica--novica-page .gm-kartica__date.gm-badge--overlay {
  display: none !important;
}

.gm-kartica--novica-page .gm-kartica__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.gm-kartica--novica-page .gm-kartica__head .gm-kartica__title {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 4px;
  width: auto;
}

.gm-kartica--novica-page .gm-kartica__head .gm-kartica__date {
  flex: 0 0 auto;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
  padding-top: 8px;
  white-space: nowrap;
}

.gm-kartica--novica-page .gm-kartica__row > .wp-block-column:last-child {
  flex: 1 1 auto !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  box-sizing: border-box;
}

.gm-kartica--novica-page .gm-kartica__title {
  font-size: 30px !important;
  line-height: 38px !important;
  margin: 0 !important;
}

.gm-kartica--novica-page .gm-kartica__text {
  font-size: 24px !important;
  line-height: 32px !important;
  color: var(--gm-muted);
  margin: 0 !important;
  width: 100%;
}

.gm-kartica--novica-page .gm-kartica__cta {
  margin: 0 !important;
  padding-top: 6px;
}

/* ── KontaktKartica (person) — full-width Figma row ─────── */

.gm-kartica--kontakt {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-top: 1px solid var(--gm-ink);
  border-bottom: 1px solid var(--gm-ink);
  margin: 0 !important;
  padding: 0 !important;
  transition: background-color 0.15s ease;
  box-sizing: border-box;
}

.gm-kartica--kontakt + .gm-kartica--kontakt {
  border-top: none;
}

.gm-kartica--kontakt:hover {
  background: var(--gm-hover);
}

.gm-kartica--kontakt > .gm-kartica__img,
.gm-kartica--kontakt > .wp-block-image.gm-kartica__img {
  flex: 0 0 270px;
  width: 270px;
  max-width: 270px;
  margin: 0 !important;
  align-self: stretch;
  display: flex;
}

.gm-kartica--kontakt .gm-kartica__img img {
  width: 270px;
  /* Stretch with card; tall enough for title + 3 lines of role text (30px). */
  height: 100%;
  min-height: calc(24px + 38px + 12px + (3 * 30px) + 24px);
  object-fit: cover;
  object-position: center top;
  display: block;
}

.gm-kartica--kontakt .gm-kartica__panel {
  flex: 1;
  display: flex;
  flex-direction: row;
  /* Equal gaps: panel-left → identity → contacts → panel-right */
  gap: 0;
  align-items: flex-start;
  justify-content: space-evenly;
  padding: 24px 0;
  box-sizing: border-box;
  min-width: 0;
}

.gm-kartica--kontakt .gm-kartica__identity {
  /* Match contacts width: icon 24 + gap 16 + longest email (~404px at 20px). */
  flex: 0 0 445px;
  width: 445px;
  max-width: calc((100% - 3rem) / 2);
  min-width: 0;
}

.gm-kartica--kontakt .gm-kartica__title {
  font-size: 30px !important;
  line-height: 38px !important;
  margin: 0 0 12px !important;
  color: var(--gm-ink) !important;
}

.gm-kartica--kontakt .gm-kartica__meta,
.gm-kartica--kontakt .gm-kartica__role {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
  /* Reserve 3 lines of role text (3 × 30px). */
  min-height: calc(3 * 30px);
}

.gm-kartica--kontakt .gm-kartica__contacts {
  flex: 0 0 445px;
  width: 445px;
  max-width: calc((100% - 3rem) / 2);
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gm-kartica--kontakt .gm-kartica__contacts a,
.gm-kartica--kontakt .gm-kartica__email,
.gm-kartica--kontakt .gm-kartica__phone {
  color: var(--gm-ink) !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 700;
  text-decoration: underline;
  margin: 0 !important;
}

.gm-kartica--kontakt .gm-kartica__email,
.gm-kartica--kontakt .gm-kartica__phone {
  display: flex;
  align-items: center;
  gap: 16px;
}

.gm-kartica--kontakt .gm-kartica__email {
  /* Figma: whitespace-nowrap so address stays one line. */
  white-space: nowrap;
}

.gm-kartica--kontakt .gm-kartica__email::before,
.gm-kartica--kontakt .gm-kartica__phone::before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='M4 6h16v12H4z'/%3E%3Cpath stroke='%23000' stroke-width='2' d='m4 7 8 6 8-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 24 24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='M4 6h16v12H4z'/%3E%3Cpath stroke='%23000' stroke-width='2' d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.gm-kartica--kontakt .gm-kartica__phone::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 4h3l2 5-2 1a10 10 0 0 0 5 5l1-2 5 2v3a2 2 0 0 1-2 2A14 14 0 0 1 4 6a2 2 0 0 1 2-2z'/%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 24 24' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linecap='round' d='M6 4h3l2 5-2 1a10 10 0 0 0 5 5l1-2 5 2v3a2 2 0 0 1-2 2A14 14 0 0 1 4 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.gm-team__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 32px;
}

.gm-sekcija--team {
  background: var(--gm-bg);
}

/* Figma: title + cards share the 1344 column, centered in the 1440 inner.
 * Specificity must beat wide-screen rule that forces children to --gm-max. */
.gm-sekcija.gm-sekcija--team.is-layout-flow > .gm-sekcija__inner.is-layout-constrained.has-global-padding > .gm-sekcija__title,
.gm-sekcija.gm-sekcija--team.is-layout-flow > .gm-sekcija__inner.is-layout-constrained.has-global-padding > .gm-team__list,
.gm-sekcija.gm-sekcija--team > .gm-sekcija__inner.is-layout-constrained > .gm-sekcija__title,
.gm-sekcija.gm-sekcija--team > .gm-sekcija__inner.is-layout-constrained > .gm-team__list {
  max-width: var(--gm-title-col, 1344px) !important;
  width: 100%;
  margin-inline: auto !important;
}

.gm-sekcija--team .gm-sekcija__title {
  margin-bottom: 0 !important;
}

.gm-kartica--kontakt {
  max-width: 100%;
}

/* ── O muzeju · Mreža zgodb (flankers) ───────────────────── */
/* Figma: 700+150+672+150+700 na artboardu 1920, overflow do roba viewporta.
   Vsebnik = polna širina zaslona (brez max 1920), vrstica 2372/1920 →
   konice diamantov vedno na robu brskalnika, enako razmerje na vseh desktopih. */

.gm-sekcija.gm-sekcija--intro {
  overflow-x: clip;
  /* Sit tight under page hero — no extra section top pad (Figma Background1 starts immediately). */
  padding-top: 0;
  padding-inline: 0;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  box-sizing: border-box;
}

/* Do not clip .wp-site-blocks — overflow-x there makes overflow-y auto (nested
   page scroll). iOS Chrome then grows an endless white area under the footer. */

.gm-sekcija--intro > .gm-sekcija__inner {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0;
  padding-inline: 0 !important;
  overflow: hidden;
}

.gm-intro__row {
  align-items: center !important;
  justify-content: center !important;
  /* 150 / 2372 */
  gap: 6.3238% !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
  /* 2372 / 1920 of full viewport width */
  width: 123.5417% !important;
  max-width: none !important;
  position: relative;
  left: 50%;
  translate: -50% 0;
}

.gm-intro__row > .wp-block-column {
  min-width: 0 !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

/* 700 / 2372 */
.gm-intro__row > .wp-block-column:first-child,
.gm-intro__row > .wp-block-column:last-child {
  flex-basis: 29.511% !important;
  width: 29.511% !important;
  max-width: none !important;
}

/* 672 / 2372 */
.gm-intro__row > .wp-block-column:nth-child(2) {
  flex-basis: 28.33% !important;
  width: 28.33% !important;
  max-width: none !important;
}

.gm-intro__decor,
.gm-intro__decor img {
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 700 / 553;
  object-fit: contain;
  object-position: center;
  margin: 0 !important;
  display: block;
}

.gm-intro__copy {
  max-width: 100%;
  margin-inline: auto;
  width: 100%;
}

/* Even vertical rhythm: lead → body matches body → closing lead (16px). */
.gm-intro__copy > p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.gm-intro__copy > p:last-child {
  margin-bottom: 0 !important;
}

.gm-sekcija__title--md {
  font-size: 48px !important;
  line-height: 60px !important;
  margin: 0 0 32px !important;
}

/* ── O muzeju · Kaj počnemo (vertical list) ─────────────── */

.gm-values__row {
  align-items: center !important;
  gap: 64px !important;
  margin: 0 !important;
}

.gm-values__decor,
.gm-values__decor img {
  width: 100%;
  max-width: 307px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto !important;
  display: block;
}

.gm-values__copy {
  max-width: 672px;
}

/* Opisi v values (navadni odstavki) = enako kot .gm-digital__body */
.gm-values__copy > p,
.gm-values__copy > .wp-block-paragraph {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 0 16px !important;
}

.gm-values__copy > p:last-child,
.gm-values__copy > .wp-block-paragraph:last-child {
  margin-bottom: 0 !important;
}

.gm-values__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
  max-width: 558px;
}

.gm-values__title {
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
  margin: 0 0 12px !important;
}

.gm-values__text {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

/* ── Object stories carousel (Zgodbe za predmeti) ───────── */

.gm-sekcija--stories .gm-sekcija__inner > .gm-zgodbe {
  width: 100%;
}

.gm-zgodbe__header {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 80px;
  border-bottom: 3px solid var(--gm-ink);
  margin-bottom: 64px;
  padding-bottom: 0;
}

.gm-zgodbe__heading {
  flex: 1 1 auto;
  min-width: 0;
}

.gm-zgodbe__controls {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

.gm-zgodbe__counter {
  font-family: var(--gm-font-body);
  font-size: 16px;
  line-height: 24px;
  color: #9ca3af;
  min-width: 80px;
  text-align: center;
  margin: 0 !important;
}

.gm-zgodbe__nav {
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 150ms ease, background 150ms ease;
  padding: 0;
  color: var(--gm-ink);
}

.gm-zgodbe__nav--prev {
  border: 2px solid var(--gm-ink);
  background: #fff;
}

.gm-zgodbe__nav--prev:disabled {
  background: #f3f4f6;
  opacity: 0.35;
  cursor: not-allowed;
}

.gm-zgodbe__nav--next {
  border: none;
  background: var(--gm-ink);
  color: #fff;
}

.gm-zgodbe__nav--next:disabled {
  background: #f3f4f6;
  color: var(--gm-ink);
  opacity: 0.35;
  cursor: not-allowed;
}

.gm-zgodbe__nav:focus-visible {
  outline: 2px solid var(--gm-orange, #e94e1b);
  outline-offset: 2px;
}

.gm-zgodbe__viewport {
  width: 100%;
  overflow: hidden;
}

.gm-zgodbe__track {
  display: flex;
  gap: 40px;
  align-items: stretch;
  width: 100%;
}

.gm-zgodbe__card {
  flex: 1 1 0;
  min-width: 0;
  max-width: calc((100% - 80px) / 3);
  display: flex;
  flex-direction: column;
  background: transparent;
  transition: background-color 150ms ease;
}

@media (max-width: 1099px) and (min-width: 700px) {
  .gm-zgodbe__card {
    max-width: calc((100% - 40px) / 2);
  }
}

.gm-zgodbe__card[hidden] {
  display: none !important;
}

.gm-zgodbe__card:hover {
  background: #f2f2f7;
}

.gm-zgodbe__media {
  position: relative;
  display: block;
  width: 100%;
  height: 340px;
  overflow: hidden;
  background: #f3f4f6;
  flex-shrink: 0;
}

.gm-zgodbe__img-el,
.gm-zgodbe__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
}

.gm-zgodbe__badge {
  position: absolute;
  top: 0;
  left: 0;
  background: #101828;
  padding: 6px 14px;
  font-family: Inter, var(--gm-font-ui, sans-serif);
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.6);
}

.gm-zgodbe__body {
  padding: 24px 0 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gm-zgodbe__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

.gm-zgodbe__title a {
  color: inherit;
  text-decoration: none;
}

.gm-zgodbe__title a:hover {
  color: var(--gm-orange, #e94e1b);
}

.gm-zgodbe__text {
  font-family: var(--gm-font-body);
  font-size: 16px;
  line-height: 26px;
  color: #4a5565;
  margin: 0 !important;
  flex: 1;
}

.gm-zgodbe__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-top: 10px;
  font-family: var(--gm-font-body);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: var(--gm-orange, #e94e1b);
  text-decoration: none;
  transition: color 150ms ease;
}

.gm-zgodbe__cta:hover,
.gm-card-hit:hover .gm-zgodbe__cta {
  color: var(--gm-orange-hover, #9f3110);
}

.gm-zgodbe__cta svg {
  flex-shrink: 0;
}

.gm-zgodbe__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}

.gm-zgodbe__dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  border: none;
  background: #e5e7eb;
  padding: 0;
  cursor: pointer;
  transition: width 200ms ease, background 200ms ease;
}

.gm-zgodbe__dot.is-active {
  width: 28px;
  background: var(--gm-orange, #e94e1b);
}

.gm-zgodbe__dot:focus-visible {
  outline: 2px solid var(--gm-ink);
  outline-offset: 2px;
}

/* Legacy single-slide markup (if still present in old content) */
.gm-stories {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.gm-stories__arrow {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: var(--gm-ink);
}

.gm-stories__slide {
  display: grid;
  grid-template-columns: 432px 432px;
  gap: 100px;
  align-items: center;
  flex: 1;
  max-width: 1330px;
  margin: 0 auto;
}

.gm-stories__text .gm-stories__title {
  font-size: 36px !important;
  line-height: 44px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

.gm-stories__text .gm-stories__body {
  font-size: 20px !important;
  line-height: 30px !important;
  margin: 0 0 12px !important;
}

.gm-stories__img,
.gm-stories__img img {
  width: 432px;
  height: 432px;
  object-fit: cover;
  background: var(--gm-bg-soft);
  margin: 0 !important;
}

/* ── Quote ──────────────────────────────────────────────── */

.gm-sekcija--quote .gm-quote__text {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(2.5rem, 3.125vw, 3.75rem) !important;
  line-height: clamp(3rem, 3.75vw, 4.5rem) !important;
  color: var(--gm-ink) !important;
  max-width: var(--gm-quote-text, 551px) !important;
  margin: 0 !important;
  text-align: left;
  width: auto;
}

.gm-sekcija--quote .gm-quote__author {
  font-family: var(--gm-font-body);
  font-size: clamp(1.125rem, 1.25vw, 1.5rem) !important;
  font-weight: 400 !important;
  line-height: clamp(1.625rem, 1.667vw, 2rem) !important;
  color: var(--gm-ink);
  margin: 0 !important;
  text-align: left;
}

/* Legacy selectors — keep for patterns outside banner */
.gm-quote__text {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 60px !important;
  line-height: 72px !important;
  color: var(--gm-ink) !important;
  max-width: var(--gm-quote-text, 551px) !important;
  margin: 0 !important;
  text-align: left;
  width: auto;
}

.gm-quote__author {
  font-family: var(--gm-font-body);
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  color: var(--gm-ink);
  margin: 0 !important;
  text-align: left;
}

/* ── Newsletter form (GM design + Brevo sib-form) ────────── */

.gm-newsletter.sib-form {
  text-align: left;
  background: transparent;
}

.gm-newsletter .sib-form-container {
  max-width: 100%;
}

/* Brevo message panels — hidden until sibforms.js shows them */
.gm-newsletter .sib-form-message-panel {
  display: none;
  margin: 16px 0 0;
  max-width: 448px;
  font-family: var(--gm-font-body);
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
  border: none;
  padding: 0;
}

.gm-newsletter .sib-form-message-panel--active,
.gm-newsletter .sib-form-message-panel[style*="display: block"],
.gm-newsletter .sib-form-message-panel[style*="display:block"] {
  display: block !important;
}

.gm-newsletter .sib-form-message-panel.is-success,
.gm-newsletter #success-message.sib-form-message-panel--active {
  color: #a7f3d0;
}

.gm-newsletter .sib-form-message-panel.is-error,
.gm-newsletter #error-message.sib-form-message-panel--active {
  color: #fecaca;
}

.gm-newsletter .sib-form-message-panel .sib-notification__icon,
.gm-newsletter .sib-form-message-panel svg {
  display: none;
}

/* Figma: flex gap-[12px], max-w 448px, left under title; pt ~24 after lead gap */
.gm-newsletter__form {
  display: flex;
  gap: 12px;
  max-width: 100%;
  width: 100%;
  margin: 24px 0 0;
  align-items: stretch;
  position: relative;
}

.gm-newsletter__form input[type="email"],
.gm-newsletter__form input[type="text"].input,
.gm-newsletter__form #EMAIL {
  flex: 1 1 auto;
  min-width: 0;
  height: 56px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 0 21px;
  font-family: var(--gm-font-body);
  font-size: 15px;
  outline: none;
  border-radius: 0;
}

.gm-newsletter__form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.gm-newsletter__form .wp-block-button__link,
.gm-newsletter__form button,
.gm-newsletter__form .sib-form-block__button {
  height: 56px;
  box-sizing: border-box;
  flex: 0 0 auto;
  background: var(--gm-orange) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  font-weight: 700;
  line-height: 24px !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.gm-newsletter__form button:disabled,
.gm-newsletter__form .sib-form-block__button:disabled {
  opacity: 0.7;
  cursor: wait;
}

.gm-newsletter__form button:hover:not(:disabled),
.gm-newsletter__form .sib-form-block__button:hover:not(:disabled) {
  background: var(--gm-orange-hover, #9f3110) !important;
}

.gm-newsletter__form .sib-hide-loader-icon {
  display: none;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.gm-newsletter__form .sib-form-block__button.sib-form-block__button--loading .sib-hide-loader-icon,
.gm-newsletter__form .sib-form-block__button[aria-busy="true"] .sib-hide-loader-icon {
  display: inline-block;
}

.gm-newsletter__hp,
.gm-newsletter .input--hidden {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.gm-newsletter__status {
  margin: 16px 0 0;
  max-width: 448px;
  font-family: var(--gm-font-body);
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.85);
}

.gm-newsletter__status.is-success {
  color: #a7f3d0;
}

.gm-newsletter__status.is-error {
  color: #fecaca;
}

.gm-newsletter__status.is-pending {
  color: rgba(255, 255, 255, 0.7);
}

.gm-newsletter__hint {
  display: none; /* hide editor placeholder if present */
}

/* Hide Brevo field error labels under input (we use panels) */
.gm-newsletter .entry__error,
.gm-newsletter .entry__specification,
.gm-newsletter .entry__label:not(.screen-reader-text) {
  display: none !important;
}

/* ── Tabs / chips ───────────────────────────────────────── */

/* Figma: HorizontalTabsHover — flex row, 1px black bottom border, no gap */
.gm-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: stretch;
  border-bottom: 1px solid var(--gm-ink);
  margin-bottom: 24px;
  height: 50px;
  box-sizing: content-box;
}

.gm-tabs.wp-block-buttons {
  gap: 0;
}

.gm-tabs .wp-block-button {
  margin: 0;
}

/* Figma: _Tab button base — h 50px, px 32px, Open Sans Bold 20/30.
 * Padding belongs only on the link — double padding on .gm-tabs__tab + link
 * pushed the orange border ~10px below the black line. */
.gm-tabs__tab,
.gm-tabs__item {
  appearance: none;
  border: none;
  background: none;
  font-family: var(--gm-font-body);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  height: 50px;
  box-sizing: border-box;
  color: var(--gm-ink);
  cursor: pointer;
  margin: 0;
  position: relative;
}

.gm-tabs .wp-block-button.gm-tabs__tab {
  padding: 0 !important;
  height: 50px;
  display: flex;
  align-items: stretch;
}

.gm-tabs .gm-tabs__tab .wp-block-button__link {
  background: transparent !important;
  color: var(--gm-ink) !important;
  font-family: var(--gm-font-body);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 32px !important;
  height: 50px !important;
  box-sizing: border-box;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* Figma active: orange text + orange segment flush on the black line */
.gm-tabs__tab.is-active,
.gm-tabs__item--active,
.gm-tabs__item.gm-tabs__item--active {
  color: var(--gm-orange);
}

.gm-tabs .gm-tabs__tab.is-active .wp-block-button__link,
.gm-tabs .gm-tabs__tab.is-active .wp-block-button__link:hover,
.gm-tabs .gm-tabs__tab.is-active .wp-block-button__link:focus {
  color: var(--gm-orange) !important;
  border: 0 !important;
  background: transparent !important;
}

.gm-tabs .gm-tabs__tab.is-active::after,
.gm-tabs .gm-tabs__item--active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: var(--gm-orange);
  z-index: 1;
  pointer-events: none;
}

/* Hover on inactive: subtle tint, text stays ink */
.gm-tabs .gm-tabs__tab:not(.is-active):hover .wp-block-button__link,
.gm-tabs .gm-tabs__tab:not(.is-active) .wp-block-button__link:hover,
.gm-tabs .gm-tabs__tab:not(.is-active) .wp-block-button__link:focus {
  color: var(--gm-ink) !important;
  background: rgba(233, 78, 27, 0.06) !important;
}

/* Dogodki/Novice — Figma HorizontalTabs_full_width: two equal tabs on 1344 col */
.gm-sekcija--tabs {
  background: var(--gm-white);
  padding: 24px 24px 0;
}

.gm-sekcija--tabs > .gm-sekcija__inner > .gm-tabs,
.gm-sekcija--tabs > .gm-sekcija__inner > .gm-tabs.wp-block-buttons {
  position: relative;
  width: 100%;
  max-width: var(--gm-title-col, 1344px);
  margin-inline: auto !important;
  margin-bottom: 0;
  border-bottom: 2px solid var(--gm-ink) !important;
  background: none !important;
  height: 46px;
  min-height: 46px;
  box-sizing: content-box;
}

/* Combined listing: drop Dogodki/Novice tabs when category chips are present. */
.gm-sekcija--tabs:has(.gm-chips) > .gm-sekcija__inner > .gm-tabs,
.gm-sekcija--tabs:has(.gm-chips) > .gm-sekcija__inner > .gm-tabs.wp-block-buttons {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Figma: ink baseline on row; active tab orange segment covers it (same 2px band) */
.gm-sekcija--tabs .gm-tabs .wp-block-button.gm-tabs__tab.is-active::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--gm-orange);
  z-index: 2;
  pointer-events: none;
}

.gm-sekcija--tabs .gm-tabs .wp-block-button.gm-tabs__tab {
  flex: 1 1 0 !important;
  min-width: 0;
  height: 46px;
  position: relative;
  box-sizing: content-box;
  border: none;
}

.gm-sekcija--tabs .gm-tabs .gm-tabs__tab .wp-block-button__link {
  width: 100%;
  justify-content: center;
  padding: 0 8px !important;
  height: 46px !important;
}

.gm-sekcija--tabs .gm-tabs .gm-tabs__tab.is-active::after {
  content: none !important;
  display: none !important;
}

.gm-sekcija--tabs > .gm-sekcija__inner > .gm-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0 !important;
  width: 100%;
  max-width: var(--gm-title-col, 1344px);
  margin-inline: auto !important;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 50px;
  height: auto;
  box-sizing: content-box;
  border-bottom: 1px solid var(--gm-ink);
  background: none !important;
  overflow: visible;
}

/* Chips + search row (same pattern as Razstave tabs + search) */
.gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 16px;
  max-width: var(--gm-title-col, 1344px);
  margin-inline: auto;
  width: 100%;
  box-sizing: border-box;
}

.gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > .gm-chips {
  flex: 1 1 auto;
  width: auto !important;
  max-width: calc(100% - var(--gm-search-w, 301px) - 24px);
  margin-inline: 0 !important;
}

.gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > .gm-search,
.gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > :has(> .gm-search) {
  flex: 0 0 var(--gm-search-w, 301px);
  width: var(--gm-search-w, 301px);
  max-width: 100%;
  margin: 0 0 0 auto !important;
  align-self: center;
}

.gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > .gm-tabs-dropdown {
  flex: 1 1 100%;
  width: 100%;
  order: 3;
}

/* Match Razstave .gm-tabs__tab look/feel on Dogodki chips */
.gm-sekcija--tabs .gm-chips .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
  height: 50px;
  display: flex;
  align-items: stretch;
  position: relative;
  flex: 0 0 auto;
}

.gm-sekcija--tabs .gm-chips .wp-block-button__link,
.gm-sekcija--tabs .gm-chips .gm-btn--chip .wp-block-button__link,
.gm-sekcija--tabs .gm-chips .gm-btn--chip-muted .wp-block-button__link {
  background: transparent !important;
  color: var(--gm-ink) !important;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  padding: 0 24px !important;
  height: 50px !important;
  min-height: 50px !important;
  width: auto !important;
  box-sizing: border-box;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.gm-sekcija--tabs .gm-chips .wp-block-button.is-active .wp-block-button__link,
.gm-sekcija--tabs .gm-chips .wp-block-button__link[aria-pressed="true"],
.gm-sekcija--tabs .gm-chips .wp-block-button__link.is-active,
.gm-sekcija--tabs .gm-chips .gm-btn--chip.is-active .wp-block-button__link,
.gm-sekcija--tabs .gm-chips .gm-btn--chip-muted.is-active .wp-block-button__link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--gm-orange) !important;
  font-weight: 700 !important;
}

.gm-sekcija--tabs .gm-chips .wp-block-button.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: var(--gm-orange);
  z-index: 1;
  pointer-events: none;
}

.gm-sekcija--tabs .gm-chips .wp-block-button:not(.is-active) .wp-block-button__link:hover,
.gm-sekcija--tabs .gm-chips .wp-block-button:not(.is-active) .wp-block-button__link:focus {
  color: var(--gm-ink) !important;
  background: rgba(233, 78, 27, 0.06) !important;
}

/* Figma Dogodki Section: chips then grid in one gray band — no extra section gap */
.gm-sekcija--dogodki-list {
  padding: 48px 24px 80px;
}

/* Figma Novice Section: tabs (white) then pt-48 before first Link row */
.gm-sekcija--novice-list {
  padding: 48px 24px 80px;
}

.gm-kartica--razstava.is-filter-hidden,
.gm-kartica--dogodek.is-filter-hidden,
.gm-kartica--novica.is-filter-hidden,
.gm-razstave-seznam__gap.is-filter-hidden,
.gm-razstave-seznam__empty-filter.is-filter-hidden,
.wp-block-spacer.is-filter-hidden {
  display: none !important;
}

.gm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.gm-chips .wp-block-button__link {
  border-radius: 0 !important;
}

.gm-chips .wp-block-button.is-active .wp-block-button__link,
.gm-chips .wp-block-button__link[aria-pressed="true"] {
  background: var(--gm-orange) !important;
  border-color: var(--gm-orange) !important;
  color: #fff !important;
}

.gm-filters-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-bottom: 32px;
}

.gm-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: var(--gm-search-w, 301px);
  max-width: 100%;
  min-width: 0;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  padding: 15px 17px 16.5px 49px;
}

.gm-search::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  background: #99a1af;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M8.75 14.167A5.417 5.417 0 1 0 8.75 3.333a5.417 5.417 0 0 0 0 10.834ZM17.5 17.5l-3.583-3.583'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M8.75 14.167A5.417 5.417 0 1 0 8.75 3.333a5.417 5.417 0 0 0 0 10.834ZM17.5 17.5l-3.583-3.583'/%3E%3C/svg%3E") center / contain no-repeat;
}

.gm-search input {
  border: none;
  background: transparent;
  /* ≥16px prevents iOS Safari auto-zoom on focus (was 15px). */
  font-size: 16px;
  line-height: normal;
  outline: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-family: var(--gm-font-body);
  color: var(--gm-ink);
}

.gm-search input::placeholder {
  color: rgba(26, 26, 26, 0.5);
}

/* Figma Razstave-1 mobile dropdown — custom list (no native OS picker) */
.gm-tabs-dropdown {
  display: none;
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 5;
}

.gm-tabs-dropdown__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 8px 40px 8px 12px;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23A4A7AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 6px;
  border: 1px solid #d5d7da;
  border-radius: 0;
  font-family: var(--gm-font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #181d27;
  text-align: left;
  cursor: pointer;
}

.gm-tabs-dropdown.is-open .gm-tabs-dropdown__btn,
.gm-tabs-dropdown__btn:focus {
  border-color: var(--gm-orange);
  outline: none;
}

.gm-tabs-dropdown.is-open .gm-tabs-dropdown__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23A4A7AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 5 4-4 4 4'/%3E%3C/svg%3E");
}

.gm-tabs-dropdown__list {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 6;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #d5d7da;
  box-sizing: border-box;
}

.gm-tabs-dropdown__option {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  appearance: none;
  border: 0;
  background: #fff;
  font-family: var(--gm-font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #181d27;
  text-align: left;
  cursor: pointer;
}

.gm-tabs-dropdown__option:hover,
.gm-tabs-dropdown__option:focus {
  background: rgba(233, 78, 27, 0.08);
  color: var(--gm-ink);
  outline: none;
}

.gm-tabs-dropdown__option.is-selected {
  background: var(--gm-orange);
  color: #fff;
}

.gm-tabs-dropdown__option.is-selected:hover,
.gm-tabs-dropdown__option.is-selected:focus {
  background: var(--gm-orange-hover, #9f3110);
  color: #fff;
}

/* Legacy native select (if cached HTML) — keep hidden */
.gm-tabs-select {
  display: none !important;
}

/*
 * Figma Razstave Frame10: tabs (shrink, black underline only as wide as tabs)
 * + search 301px on the right, gap ~371px on the 1344 column. White behind.
 * Card list (Background1) is full-bleed #f9fafb with 62px vertical padding.
 */
.gm-sekcija--razstave-grid > .gm-sekcija__inner {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 0;
}

.gm-sekcija--razstave-grid > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-inline: 0 !important;
}

/* Keep search right-aligned to the 1344 card column (overrides margin-inline:0 above). */
.gm-sekcija--razstave-grid > .gm-sekcija__inner > .gm-search,
.gm-sekcija--razstave-grid > .gm-sekcija__inner > :has(> .gm-search) {
  flex: 0 0 var(--gm-search-w, 301px);
  width: var(--gm-search-w, 301px);
  max-width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: max(0px, calc(100% - min(100%, var(--gm-title-col, 1344px)))) !important;
}

.gm-sekcija--razstave-grid .gm-tabs,
.gm-sekcija--razstave-grid .gm-tabs.wp-block-buttons {
  flex: 0 1 auto;
  width: max-content !important;
  max-width: 100%;
  margin-bottom: 0;
  justify-content: flex-start !important;
}

.gm-sekcija--razstave-grid > .gm-sekcija__inner > .gm-razstave-seznam,
.gm-sekcija--razstave-grid > .gm-sekcija__inner > .wp-block-gorenjski-muzej-razstave-seznam {
  flex: 1 1 100%;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;
  padding-top: 62px;
  padding-bottom: 62px;
  background: var(--gm-bg);
  box-shadow: 0 0 0 100vmax var(--gm-bg);
  clip-path: inset(0 -100vmax);
}

/* ── Stats (Figma OMuzeju Frame1) ───────────────────────── */

.gm-sekcija--stats > .gm-sekcija__inner {
  width: 100%;
  max-width: var(--gm-max, 1440px);
}

.gm-stats__grid.wp-block-columns,
.gm-stats__grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  /* Figma gap-x 71 @ 1920 → scales with Make zoom */
  gap: calc(100vw * 71 / 1920) !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center;
}

.gm-stats__grid > .wp-block-column {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.gm-stat__num {
  font-family: var(--gm-font-display) !important;
  /* Figma 60/72 @ 1920 — scale like ResponsivePage zoom */
  font-size: calc(100vw * 60 / 1920) !important;
  line-height: calc(100vw * 72 / 1920) !important;
  font-weight: 700 !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  color: #000;
  white-space: nowrap;
}

.gm-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  font-family: var(--gm-font-body) !important;
  /* Figma 30/38 @ 1920 */
  font-size: calc(100vw * 30 / 1920) !important;
  line-height: calc(100vw * 38 / 1920) !important;
  font-weight: 700 !important;
  color: #000;
  margin: 0 !important;
  white-space: nowrap;
}

.gm-stat br {
  display: none;
}

/* ── Audience chips / tickets ───────────────────────────── */

.gm-audience {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}

.gm-chips--audience {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 24px !important;
  width: 100%;
  margin: 0 !important;
}

.gm-chips--audience .wp-block-button {
  flex: 1 1 0;
  min-width: 0;
}

.gm-chips--audience .wp-block-button__link {
  width: 100%;
  box-sizing: border-box;
}

/* Audience CTAs are always brand-filled (Figma ObisciteNas), not toggle filters */
.gm-chips--audience .gm-btn--chip .wp-block-button__link,
.gm-chips--audience .wp-block-button__link {
  background: var(--gm-orange) !important;
  color: #fff !important;
  font-weight: 700;
}

.gm-tickets {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 640px;
}

.gm-tickets__row {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
  font-size: 20px;
  line-height: 30px;
}

.gm-tickets__hours-row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 48px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  width: 100%;
  overflow: visible !important;
}

.gm-tickets__hours-row > .wp-block-column {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0;
  overflow: visible !important;
}

.gm-tickets__hours {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
  padding-left: 0;
}

.gm-tickets__hours br,
.gm-tickets__price br {
  display: none;
}

.gm-tickets__hours strong {
  color: var(--gm-ink);
  font-weight: 700;
}

.gm-tickets__hours span {
  color: var(--gm-muted);
  font-weight: 400;
}

/* Figma ObisciteNas: 24px Lucide clock in 48×48 slot, 16px gap to copy */
.gm-tickets__hours--icon {
  position: relative;
  padding-left: 64px;
  min-height: 48px;
  overflow: visible !important;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 10px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23101828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6V12L16 14' stroke='%23101828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-tickets__hours--icon::before,
.gm-tickets__hours--icon::after {
  content: none;
  display: none;
}

.gm-tickets__hours--accent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23E94E1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6V12L16 14' stroke='%23E94E1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-tickets__prices {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  width: 100%;
}

.gm-tickets__prices > .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
}

.gm-tickets__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 0;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 400;
  color: var(--gm-ink) !important;
  border: none !important;
}

.gm-tickets__price strong {
  font-weight: 700;
}

.gm-tickets__cta-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 0;
}

.gm-tickets__cta-row .gm-sekcija__cta,
.gm-tickets__cta-row .gm-cta {
  margin: 0 !important;
}

.gm-tickets__note {
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
}

.gm-tickets__hours-row .gm-tickets__note {
  font-size: 20px !important;
  line-height: 30px !important;
  color: #6a7282 !important;
  padding-top: 15px;
  margin-left: 0 !important;
}

.gm-hours {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 30px;
}

/* ── Story / generic cards ──────────────────────────────── */

.gm-story-card__title {
  font-family: var(--gm-font-body) !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  color: var(--gm-ink) !important;
  margin: 0 0 12px !important;
}

.gm-story-card__text {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink);
  margin: 0 0 12px !important;
}

.gm-kartica__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.gm-kartica__title {
  font-family: var(--gm-font-body) !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
}

.gm-kartica__meta {
  color: var(--gm-muted);
}

.gm-kartica__text {
  color: var(--gm-ink);
}

/* ── Lokacija kartica ───────────────────────────────────── */

.gm-kartica--lokacija {
  background: #fff;
  transition: background-color 0.15s ease;
}

.gm-kartica--lokacija:hover {
  background: var(--gm-hover);
}

.gm-kartica--lokacija .gm-kartica__row {
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
}

.gm-kartica--lokacija-dynamic .gm-kartica__row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
}

.gm-kartica--lokacija-dynamic .gm-kartica__media {
  flex: 0 0 460px;
  max-width: 460px;
}

.gm-kartica--lokacija-dynamic .gm-kartica__panel {
  flex: 1 1 auto;
  min-width: 0;
}

.gm-kartica--lokacija .gm-kartica__img,
.gm-kartica--lokacija .gm-kartica__img img,
.gm-kartica--lokacija-dynamic .gm-kartica__img-el {
  width: 460px;
  max-width: 100%;
  height: 460px;
  object-fit: cover;
  margin: 0 !important;
  display: block;
}

.gm-lokacije-seznam__empty {
  color: var(--gm-muted, #4a5565);
  font-size: 18px;
  padding: 24px 0;
}

.gm-kartica--lokacija .gm-kartica__panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 42px;
  box-sizing: border-box;
  justify-content: center;
}

.gm-kartica--lokacija .gm-kartica__intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.gm-kartica--lokacija .gm-kartica__title {
  font-size: 36px !important;
  line-height: 44px !important;
  margin: 0 !important;
}

.gm-kartica--lokacija .gm-kartica__text {
  font-size: 20px !important;
  line-height: 30px !important;
  margin: 0 !important;
}

/* Figma Frame7: divider + pin/hours row + divider */
.gm-kartica--lokacija .gm-kartica__facts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.gm-kartica--lokacija .gm-kartica__divider {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #101828;
}

.gm-kartica--lokacija .gm-kartica__meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  width: 100%;
  margin: 0;
}

.gm-kartica--lokacija .gm-kartica__meta {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
}

.gm-kartica--lokacija .gm-kartica__meta--loc,
.gm-kartica--lokacija .gm-kartica__meta--hours {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--gm-ink, #101828);
}

.gm-kartica--lokacija .gm-kartica__meta--loc::before,
.gm-kartica--lokacija .gm-kartica__meta--hours::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.gm-kartica--lokacija .gm-kartica__meta--loc::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33333C16.6667 12.4942 12.0508 16.8275 10.5008 18.1658C10.3564 18.2744 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64356 18.2744 9.49917 18.1658C7.94917 16.8275 3.33333 12.4942 3.33333 8.33333C3.33333 6.56522 4.03571 4.86953 5.28595 3.61929C6.5362 2.36905 8.23189 1.66667 10 1.66667C11.7681 1.66667 13.4638 2.36905 14.714 3.61929C15.9643 4.86953 16.6667 6.56522 16.6667 8.33333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-kartica--lokacija .gm-kartica__meta--hours::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V10L13.3333 11.6667' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V10L13.3333 11.6667' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-kartica--lokacija .gm-kartica__cta {
  margin: 0;
}

/* ── Visit info (Obiščite nas) ──────────────────────────── */
/* Figma ObisciteNas Section: #f3f4f6, py 60, list in 1440 col,
 * grid-icon absolute bottom-right 657×689 (not landing visit banner). */

.gm-sekcija--visit-info {
  background: #f3f4f6;
  overflow: hidden;
  position: relative;
  padding-block: 60px;
}

/* Wrong inject leftover: landing banner decor must never show here */
.gm-sekcija--visit-info > .gm-visit__decor,
.gm-sekcija--visit-info .gm-visit__decor:not(.gm-visit-info__decor) {
  display: none !important;
}

/*
 * Figma + same pattern as .gm-sekcija--visit:
 * decor is absolute to the full-bleed section (right: 0), not the 1440 inner.
 * WP constrained layout sets position:relative on .gm-sekcija__inner — undo that.
 */
.gm-sekcija--visit-info > .gm-sekcija__inner,
.gm-sekcija--visit-info .gm-sekcija__inner {
  position: static !important;
}

.gm-visit-info__row {
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  position: static !important;
  z-index: 1;
}

.gm-visit-info__row > .wp-block-column:first-child {
  flex-basis: 100% !important;
  flex-grow: 1 !important;
  max-width: 871px;
  position: static !important;
  z-index: 1;
}

/* Decor lives in this column in saved markup — collapse column; figure is absolute */
.gm-visit-info__row > .wp-block-column:last-child {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: static !important;
}

.gm-info-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1 0;
  min-width: 0;
  max-width: 871px;
}

/*
 * Grid layout (not flex): icon | title/text.
 * Avoids flex-basis:100% in column mode overflowing into sibling WP columns.
 */
.gm-info-item {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 24px;
  row-gap: 12px;
  align-items: start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 !important;
}

/*
 * Editable markup: icon via ::before (no Custom HTML).
 * Legacy: keep .gm-info-item__icon span — hide ::before when span is present.
 */
.gm-info-item::before {
  content: '';
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: var(--gm-ink);
  opacity: 0.9;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 40px 40px;
  mask-size: 40px 40px;
}

.gm-info-item:has(.gm-info-item__icon)::before,
.gm-info-item:has(.wp-block-html)::before {
  content: none;
  display: none;
}

.gm-info-item__icon {
  position: relative;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 16px;
}

.gm-info-item > .wp-block-html {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 56px;
  line-height: 0;
  margin: 0;
}

.gm-info-item__icon::before {
  content: '';
  position: absolute;
  inset: 8px;
  background-color: var(--gm-ink);
  opacity: 0.9;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.gm-info-item--location::before,
.gm-info-item--location .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.33-6-10a6 6 0 1 1 12 0c0 4.67-6 10-6 10z'/%3E%3Ccircle cx='12' cy='11' r='2.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.33-6-10a6 6 0 1 1 12 0c0 4.67-6 10-6 10z'/%3E%3Ccircle cx='12' cy='11' r='2.5'/%3E%3C/svg%3E");
}

.gm-info-item--access::before,
.gm-info-item--access .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.5' r='2'/%3E%3Cpath d='M6 10h4l1.5 4L9 21'/%3E%3Cpath d='M14 10h4'/%3E%3Cpath d='M11.5 14h4L18 21'/%3E%3Cpath d='M9 10l2 4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.5' r='2'/%3E%3Cpath d='M6 10h4l1.5 4L9 21'/%3E%3Cpath d='M14 10h4'/%3E%3Cpath d='M11.5 14h4L18 21'/%3E%3Cpath d='M9 10l2 4'/%3E%3C/svg%3E");
}

.gm-info-item--groups::before,
.gm-info-item--groups .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 19c0-3 2.5-5 6-5s6 2 6 5'/%3E%3Cpath d='M14.5 14.5c2.2.4 4.5 1.8 4.5 4.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 19c0-3 2.5-5 6-5s6 2 6 5'/%3E%3Cpath d='M14.5 14.5c2.2.4 4.5 1.8 4.5 4.5'/%3E%3C/svg%3E");
}

.gm-info-item--tickets::before,
.gm-info-item--tickets .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V9z'/%3E%3Cpath d='M13 7v2'/%3E%3Cpath d='M13 15v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V9z'/%3E%3Cpath d='M13 7v2'/%3E%3Cpath d='M13 15v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E");
}

.gm-info-item--car::before,
.gm-info-item--car .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");
}

.gm-info-item--bus::before,
.gm-info-item--bus .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v6'/%3E%3Cpath d='M15 6v6'/%3E%3Cpath d='M2 12h19.6'/%3E%3Cpath d='M18 18h3s.5-1.7.8-2.3c.1-.2.1-.5.1-.8V10c0-2.2-1.8-4-4-4H5c-2.2 0-4 1.8-4 4v5c0 .3 0 .5.1.8.3.6.8 2.2.8 2.2H6'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Cpath d='M9 18h5'/%3E%3Ccircle cx='16' cy='18' r='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v6'/%3E%3Cpath d='M15 6v6'/%3E%3Cpath d='M2 12h19.6'/%3E%3Cpath d='M18 18h3s.5-1.7.8-2.3c.1-.2.1-.5.1-.8V10c0-2.2-1.8-4-4-4H5c-2.2 0-4 1.8-4 4v5c0 .3 0 .5.1.8.3.6.8 2.2.8 2.2H6'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Cpath d='M9 18h5'/%3E%3Ccircle cx='16' cy='18' r='2'/%3E%3C/svg%3E");
}

.gm-info-item--train::before,
.gm-info-item--train .gm-info-item__icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='3' rx='2'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='m8 19-2 3'/%3E%3Cpath d='m18 22-2-3'/%3E%3Cpath d='M8 15h0'/%3E%3Cpath d='M16 15h0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='3' rx='2'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='m8 19-2 3'/%3E%3Cpath d='m18 22-2-3'/%3E%3Cpath d='M8 15h0'/%3E%3Cpath d='M16 15h0'/%3E%3C/svg%3E");
}

.gm-info-item__body {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Flat editable items: title + text in content column */
.gm-info-item > .gm-info-item__title,
.gm-info-item > .wp-block-heading.gm-info-item__title {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0 !important;
}

.gm-info-item > .gm-info-item__text,
.gm-info-item > .wp-block-paragraph.gm-info-item__text {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  margin: 0 !important;
}

.gm-info-item__title {
  font-family: var(--gm-font-body) !important;
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

.gm-info-item__text {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-muted) !important;
  margin: 0 !important;
}

.gm-info-item__text a {
  color: var(--gm-orange, #e94e1b) !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.gm-info-item__text a:hover,
.gm-info-item__text a:focus-visible {
  color: var(--gm-orange-hover, #9f3110) !important;
}

/*
 * Figma ObisciteNas: absolute bottom-0 right-0 w-[657] h-[689]
 * (same edge anchoring as .gm-visit__decor on landing visit banner).
 */
.gm-sekcija--visit-info .gm-visit-info__decor,
.gm-sekcija--visit-info > .gm-visit-info__decor {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  top: auto !important;
  width: min(34.21875vw, 657px) !important;
  height: min(35.8854167vw, 689px) !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
  z-index: 0;
}

.gm-sekcija--visit-info .gm-visit-info__decor img {
  position: absolute !important;
  display: block;
  height: 100% !important;
  width: 100.01% !important;
  max-width: none !important;
  left: 3.09%;
  top: 13.69%;
  object-fit: cover;
  object-position: left top;
  margin: 0 !important;
}

/* Legacy info cards (if present) */
.gm-info-cards {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px !important;
  margin: 0 !important;
}

.gm-info-cards > .wp-block-column {
  background: var(--gm-bg);
  padding: 24px;
  box-sizing: border-box;
  transition: background-color 0.15s ease;
}

.gm-info-cards > .wp-block-column:hover {
  background: var(--gm-hover);
}

.gm-info-card__title {
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 700 !important;
  color: var(--gm-ink) !important;
  margin: 0 0 12px !important;
}

.gm-info-card__text {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

/* ── Locations (Figma Frame14: bg #F9FAFB) ───────────────── */

.gm-sekcija--locations {
  background: #f9fafb;
}

.gm-sekcija--locations .gm-sekcija__title,
.gm-sekcija--locations .gm-sekcija__lead {
  text-align: left;
  margin-inline: 0 !important;
}

.gm-sekcija--locations .gm-sekcija__lead {
  max-width: 42rem;
  color: var(--gm-muted);
  margin-top: 12px !important;
  margin-bottom: 48px !important;
}

/* ── Kako do nas ────────────────────────────────────────── */

.gm-sekcija--how-to .gm-sekcija__lead {
  max-width: 48rem;
  color: var(--gm-muted);
  margin-top: 12px !important;
  margin-bottom: 32px !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  line-height: clamp(1.5rem, 1.875vw, 1.875rem) !important;
}

.gm-sekcija--how-to .gm-sekcija__grid {
  gap: 48px !important;
  margin-top: 0 !important;
}

.gm-sekcija--how-to .gm-sekcija__grid > .wp-block-column {
  min-width: 0;
  overflow: hidden;
}

/* Desktop: icon above text, 3× size (56 → 168) */
.gm-sekcija--how-to .gm-info-item {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  row-gap: 24px;
  column-gap: 0;
  height: auto;
}

.gm-sekcija--how-to .gm-info-item::before {
  grid-column: 1;
  grid-row: 1;
  width: 168px;
  height: 168px;
  -webkit-mask-size: 120px 120px;
  mask-size: 120px 120px;
}

.gm-sekcija--how-to .gm-info-item__icon,
.gm-sekcija--how-to .gm-info-item > .wp-block-html {
  grid-column: 1;
  grid-row: 1;
  width: 168px;
  height: 168px;
}

.gm-sekcija--how-to .gm-info-item__icon::before {
  inset: 24px;
}

.gm-sekcija--how-to .gm-info-item > .gm-info-item__title,
.gm-sekcija--how-to .gm-info-item > .wp-block-heading.gm-info-item__title {
  grid-column: 1;
  grid-row: 2;
}

.gm-sekcija--how-to .gm-info-item > .gm-info-item__text,
.gm-sekcija--how-to .gm-info-item > .wp-block-paragraph.gm-info-item__text {
  grid-column: 1;
  grid-row: 3;
}

.gm-sekcija--how-to .gm-info-item__body {
  grid-column: 1;
  grid-row: 2 / span 2;
}

.gm-sekcija--how-to .gm-info-item__title {
  font-size: clamp(1.5rem, 2.2vw, 2.25rem) !important;
  line-height: clamp(1.875rem, 2.7vw, 2.75rem) !important;
}

.gm-sekcija--how-to .gm-info-item__text {
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  line-height: clamp(1.5rem, 1.875vw, 1.875rem) !important;
}

.gm-sekcija--how-to .gm-kartica__title {
  font-size: clamp(1.5rem, 2.2vw, 2.25rem) !important;
  line-height: clamp(1.875rem, 2.7vw, 2.75rem) !important;
  margin: 0 0 12px !important;
}

.gm-sekcija--how-to .gm-kartica__text {
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  line-height: clamp(1.5rem, 1.875vw, 1.875rem) !important;
  margin: 0 !important;
}

/* ── Load more ──────────────────────────────────────────── */

.gm-load-more {
  display: flex !important;
  justify-content: center;
  margin-top: 48px !important;
}

.gm-load-more .wp-block-button__link {
  background: var(--gm-ink) !important;
  color: #fff !important;
  padding: 16px 32px !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

/* ── Detail hero (generator classes) — Figma Razstava1 ──── */

.gm-hero--detail-stack > .gm-sekcija__inner {
  max-width: var(--gm-max, 1440px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* WP constrained / global-padding: do not add a second gutter or left-pin. */
.gm-hero--detail-stack > .gm-sekcija__inner.is-layout-constrained,
.gm-hero--detail-stack > .gm-sekcija__inner.has-global-padding {
  padding-inline: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--gm-max, 1440px) !important;
  box-sizing: border-box !important;
}

.gm-hero--detail-stack .gm-hero__back {
  font-family: var(--gm-font-body);
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 0 !important;
}

.gm-hero--detail-stack .gm-hero__back a {
  color: var(--gm-ink);
  text-decoration: none;
}

/* Razstava detail breadcrumb (same pattern as dogodek / novica / predmet). */
.gm-hero--detail-stack .gm-razstava-bc,
.gm-razstava-bc {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
  text-align: left;
}

.gm-razstava-bc a {
  color: var(--gm-muted, #4a5565);
  text-decoration: none;
}

.gm-razstava-bc a:hover {
  color: var(--gm-orange, #e94e1b);
}

.gm-razstava-bc__current {
  font-weight: 700;
  color: var(--gm-ink, #101828);
}

.gm-razstava-bc__sep {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #9ca3af;
  border-bottom: 1.5px solid #9ca3af;
  transform: rotate(-45deg);
  margin: 0 2px;
  flex-shrink: 0;
}

.gm-hero--detail-stack .gm-hero__img,
.gm-hero--detail-stack .gm-hero__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1344 / 500;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  background: var(--gm-bg-soft);
}

.gm-hero__detail-row {
  max-width: 100%;
  margin: 0 !important;
  width: 100%;
  align-items: flex-end !important;
  gap: 0 !important;
}

.gm-hero--detail-stack .gm-hero__detail-row > .wp-block-column:first-child {
  display: flex !important;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  flex: 1 1 0 !important;
  min-width: 0;
  max-width: 723px;
}

.gm-hero--detail-stack .gm-hero__detail-row > .wp-block-column:last-child {
  display: flex !important;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  /* Wider than Figma 391px so note fits on 2 lines (~16px / Open Sans) */
  flex: 0 1 480px !important;
  min-width: 0;
  max-width: 560px;
  margin-left: 48px !important;
  padding-left: 48px !important;
  border-left: 2px solid #101828;
  box-sizing: border-box;
}

.gm-hero--detail-stack .gm-hero__title {
  margin: 0 !important;
}

.gm-hero--detail-stack .gm-hero__lead {
  font-family: var(--gm-font-body);
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  max-width: 672px;
  margin: 0 !important;
}

.gm-hero--detail-stack .gm-hero__cta {
  margin: 0 !important;
}

.gm-hero--detail-stack .gm-hero__meta {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
}

.gm-hero--detail-stack .gm-hero__meta::before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

/* 1 map-pin · 2 clock · 3 ticket (Figma Remix fills) */
.gm-hero--detail-stack .gm-hero__meta:nth-child(1)::before,
.gm-hero--detail-stack .gm-hero__meta--loc::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 23.728L5.636 17.364C4.37734 16.1053 3.52018 14.5017 3.17292 12.7558C2.82567 11.01 3.0039 9.20043 3.68509 7.5559C4.36629 5.91137 5.51984 4.50577 6.99988 3.51684C8.47992 2.52792 10.22 2.00008 12 2.00008C13.78 2.00008 15.5201 2.52792 17.0001 3.51684C18.4802 4.50577 19.6337 5.91137 20.3149 7.5559C20.9961 9.20043 21.1743 11.01 20.8271 12.7558C20.4798 14.5017 19.6227 16.1053 18.364 17.364L12 23.728ZM16.95 15.95C17.9289 14.971 18.5955 13.7237 18.8655 12.3659C19.1356 11.008 18.9969 9.6006 18.4671 8.32156C17.9373 7.04251 17.04 5.94931 15.8889 5.18017C14.7378 4.41103 13.3844 4.0005 12 4.0005C10.6156 4.0005 9.26221 4.41103 8.11108 5.18017C6.95995 5.94931 6.06275 7.04251 5.53291 8.32156C5.00308 9.6006 4.86441 11.008 5.13445 12.3659C5.40449 13.7237 6.0711 14.971 7.05 15.95L12 20.9L16.95 15.95ZM12 13C11.4696 13 10.9609 12.7893 10.5858 12.4142C10.2107 12.0391 10 11.5304 10 11C10 10.4696 10.2107 9.96086 10.5858 9.58579C10.9609 9.21071 11.4696 9 12 9C12.5304 9 13.0391 9.21071 13.4142 9.58579C13.7893 9.96086 14 10.4696 14 11C14 11.5304 13.7893 12.0391 13.4142 12.4142C13.0391 12.7893 12.5304 13 12 13Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 23.728L5.636 17.364C4.37734 16.1053 3.52018 14.5017 3.17292 12.7558C2.82567 11.01 3.0039 9.20043 3.68509 7.5559C4.36629 5.91137 5.51984 4.50577 6.99988 3.51684C8.47992 2.52792 10.22 2.00008 12 2.00008C13.78 2.00008 15.5201 2.52792 17.0001 3.51684C18.4802 4.50577 19.6337 5.91137 20.3149 7.5559C20.9961 9.20043 21.1743 11.01 20.8271 12.7558C20.4798 14.5017 19.6227 16.1053 18.364 17.364L12 23.728ZM16.95 15.95C17.9289 14.971 18.5955 13.7237 18.8655 12.3659C19.1356 11.008 18.9969 9.6006 18.4671 8.32156C17.9373 7.04251 17.04 5.94931 15.8889 5.18017C14.7378 4.41103 13.3844 4.0005 12 4.0005C10.6156 4.0005 9.26221 4.41103 8.11108 5.18017C6.95995 5.94931 6.06275 7.04251 5.53291 8.32156C5.00308 9.6006 4.86441 11.008 5.13445 12.3659C5.40449 13.7237 6.0711 14.971 7.05 15.95L12 20.9L16.95 15.95ZM12 13C11.4696 13 10.9609 12.7893 10.5858 12.4142C10.2107 12.0391 10 11.5304 10 11C10 10.4696 10.2107 9.96086 10.5858 9.58579C10.9609 9.21071 11.4696 9 12 9C12.5304 9 13.0391 9.21071 13.4142 9.58579C13.7893 9.96086 14 10.4696 14 11C14 11.5304 13.7893 12.0391 13.4142 12.4142C13.0391 12.7893 12.5304 13 12 13Z'/%3E%3C/svg%3E");
}

.gm-hero--detail-stack .gm-hero__meta:nth-child(2)::before,
.gm-hero--detail-stack .gm-hero__meta--hours::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z'/%3E%3C/svg%3E");
}

.gm-hero--detail-stack .gm-hero__meta:nth-child(3)::before,
.gm-hero--detail-stack .gm-hero__meta--price::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 3C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V9.5C21.337 9.5 20.7011 9.76339 20.2322 10.2322C19.7634 10.7011 19.5 11.337 19.5 12C19.5 12.663 19.7634 13.2989 20.2322 13.7678C20.7011 14.2366 21.337 14.5 22 14.5V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V14.5C2.66304 14.5 3.29893 14.2366 3.76777 13.7678C4.23661 13.2989 4.5 12.663 4.5 12C4.5 11.337 4.23661 10.7011 3.76777 10.2322C3.29893 9.76339 2.66304 9.5 2 9.5V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H21ZM20 5H4V7.968L4.156 8.049C4.83432 8.41905 5.40593 8.95752 5.81577 9.61257C6.22561 10.2676 6.45987 11.0172 6.496 11.789L6.5 12C6.50013 12.8082 6.28252 13.6016 5.87005 14.2967C5.45758 14.9917 4.86549 15.5629 4.156 15.95L4 16.032V19H20V16.031L19.844 15.951C19.1657 15.581 18.5941 15.0425 18.1842 14.3874C17.7744 13.7324 17.5401 12.9828 17.504 12.211L17.5 12C17.4999 11.1918 17.7175 10.3984 18.1299 9.70334C18.5424 9.00829 19.1345 8.43714 19.844 8.05L20 7.968V5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 3C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V9.5C21.337 9.5 20.7011 9.76339 20.2322 10.2322C19.7634 10.7011 19.5 11.337 19.5 12C19.5 12.663 19.7634 13.2989 20.2322 13.7678C20.7011 14.2366 21.337 14.5 22 14.5V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V14.5C2.66304 14.5 3.29893 14.2366 3.76777 13.7678C4.23661 13.2989 4.5 12.663 4.5 12C4.5 11.337 4.23661 10.7011 3.76777 10.2322C3.29893 9.76339 2.66304 9.5 2 9.5V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H21ZM20 5H4V7.968L4.156 8.049C4.83432 8.41905 5.40593 8.95752 5.81577 9.61257C6.22561 10.2676 6.45987 11.0172 6.496 11.789L6.5 12C6.50013 12.8082 6.28252 13.6016 5.87005 14.2967C5.45758 14.9917 4.86549 15.5629 4.156 15.95L4 16.032V19H20V16.031L19.844 15.951C19.1657 15.581 18.5941 15.0425 18.1842 14.3874C17.7744 13.7324 17.5401 12.9828 17.504 12.211L17.5 12C17.4999 11.1918 17.7175 10.3984 18.1299 9.70334C18.5424 9.00829 19.1345 8.43714 19.844 8.05L20 7.968V5Z'/%3E%3C/svg%3E");
}

.entry-content .gm-hero--detail-stack .gm-hero__meta a,
.wp-block-post-content .gm-hero--detail-stack .gm-hero__meta a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.entry-content .gm-hero--detail-stack .gm-hero__meta a:hover,
.entry-content .gm-hero--detail-stack .gm-hero__meta a:focus-visible,
.wp-block-post-content .gm-hero--detail-stack .gm-hero__meta a:hover,
.wp-block-post-content .gm-hero--detail-stack .gm-hero__meta a:focus-visible {
  color: var(--gm-orange);
}

.gm-hero--detail-stack .gm-hero__note {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 !important;
  max-width: none;
  width: 100%;
}

/* ── Content bands (detail) ─────────────────────────────── */

.gm-content__band {
  margin-bottom: 64px;
}

.gm-content__band .gm-content__row,
.gm-content__band.wp-block-columns {
  align-items: center !important;
  gap: 48px !important;
  margin: 0 !important;
}

.gm-content__img,
.gm-content__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0 !important;
  background: var(--gm-bg-soft);
}

/*
 * Image focal + zoom (editor joystick/slider → CSS vars on <figure>).
 * Vars: --gm-img-pos-x, --gm-img-pos-y (0–100%), --gm-img-zoom (0.5–2).
 * Class gm-img--focal is added when controls are used.
 * Legacy utility classes (gm-img--pos-30, --zoom-120, …) still work.
 */
.gm-hero__img,
.gm-content__img,
.wp-block-image.gm-img--focal,
.wp-block-image[class*="gm-img--"],
.wp-block-image[class*="is-style-gm-img-"] {
  --gm-img-pos-x: 50%;
  --gm-img-pos-y: 50%;
  --gm-img-zoom: 1;
  overflow: hidden;
}

.gm-hero__img img,
.gm-content__img img,
.wp-block-image.gm-img--focal img,
.wp-block-image[class*="gm-img--"] img,
.wp-block-image[class*="is-style-gm-img-"] img {
  object-fit: cover;
  object-position: var(--gm-img-pos-x) var(--gm-img-pos-y);
  transform: scale(var(--gm-img-zoom));
  transform-origin: var(--gm-img-pos-x) var(--gm-img-pos-y);
}

/* Legacy Y keywords */
.gm-img--pos-top,
.gm-hero__img--top,
.gm-content__img--top,
.wp-block-image.is-style-gm-img-pos-top { --gm-img-pos-y: 0%; }

.gm-img--pos-center,
.gm-hero__img--center,
.gm-content__img--center,
.wp-block-image.is-style-gm-img-pos-center { --gm-img-pos-y: 50%; }

.gm-img--pos-bottom,
.gm-hero__img--bottom,
.gm-content__img--bottom,
.wp-block-image.is-style-gm-img-pos-bottom { --gm-img-pos-y: 100%; }

/* Legacy Y % */
.gm-img--pos-0,  .gm-hero__img--pos-0,  .gm-content__img--pos-0,  .gm-img--pos-y-0  { --gm-img-pos-y: 0%; }
.gm-img--pos-10, .gm-hero__img--pos-10, .gm-content__img--pos-10, .gm-img--pos-y-10 { --gm-img-pos-y: 10%; }
.gm-img--pos-20, .gm-hero__img--pos-20, .gm-content__img--pos-20, .gm-img--pos-y-20 { --gm-img-pos-y: 20%; }
.gm-img--pos-30, .gm-hero__img--pos-30, .gm-content__img--pos-30, .gm-img--pos-y-30 { --gm-img-pos-y: 30%; }
.gm-img--pos-40, .gm-hero__img--pos-40, .gm-content__img--pos-40, .gm-img--pos-y-40 { --gm-img-pos-y: 40%; }
.gm-img--pos-50, .gm-hero__img--pos-50, .gm-content__img--pos-50, .gm-img--pos-y-50 { --gm-img-pos-y: 50%; }
.gm-img--pos-60, .gm-hero__img--pos-60, .gm-content__img--pos-60, .gm-img--pos-y-60 { --gm-img-pos-y: 60%; }
.gm-img--pos-70, .gm-hero__img--pos-70, .gm-content__img--pos-70, .gm-img--pos-y-70 { --gm-img-pos-y: 70%; }
.gm-img--pos-80, .gm-hero__img--pos-80, .gm-content__img--pos-80, .gm-img--pos-y-80 { --gm-img-pos-y: 80%; }
.gm-img--pos-90, .gm-hero__img--pos-90, .gm-content__img--pos-90, .gm-img--pos-y-90 { --gm-img-pos-y: 90%; }
.gm-img--pos-100,.gm-hero__img--pos-100,.gm-content__img--pos-100,.gm-img--pos-y-100 { --gm-img-pos-y: 100%; }

/* Legacy X */
.gm-img--pos-left,
.gm-hero__img--left,
.gm-content__img--left,
.wp-block-image.is-style-gm-img-pos-left { --gm-img-pos-x: 0%; }

.gm-img--pos-right,
.gm-hero__img--right,
.gm-content__img--right,
.wp-block-image.is-style-gm-img-pos-right { --gm-img-pos-x: 100%; }

.gm-img--pos-x-0   { --gm-img-pos-x: 0%; }
.gm-img--pos-x-10  { --gm-img-pos-x: 10%; }
.gm-img--pos-x-20  { --gm-img-pos-x: 20%; }
.gm-img--pos-x-30  { --gm-img-pos-x: 30%; }
.gm-img--pos-x-40  { --gm-img-pos-x: 40%; }
.gm-img--pos-x-50  { --gm-img-pos-x: 50%; }
.gm-img--pos-x-60  { --gm-img-pos-x: 60%; }
.gm-img--pos-x-70  { --gm-img-pos-x: 70%; }
.gm-img--pos-x-80  { --gm-img-pos-x: 80%; }
.gm-img--pos-x-90  { --gm-img-pos-x: 90%; }
.gm-img--pos-x-100 { --gm-img-pos-x: 100%; }

/* Legacy zoom */
.gm-img--zoom-100, .wp-block-image.is-style-gm-img-zoom-100 { --gm-img-zoom: 1; }
.gm-img--zoom-110, .wp-block-image.is-style-gm-img-zoom-110 { --gm-img-zoom: 1.1; }
.gm-img--zoom-120, .wp-block-image.is-style-gm-img-zoom-120 { --gm-img-zoom: 1.2; }
.gm-img--zoom-130, .wp-block-image.is-style-gm-img-zoom-130 { --gm-img-zoom: 1.3; }
.gm-img--zoom-140, .wp-block-image.is-style-gm-img-zoom-140 { --gm-img-zoom: 1.4; }
.gm-img--zoom-150, .wp-block-image.is-style-gm-img-zoom-150 { --gm-img-zoom: 1.5; }

/* ── Intro lead (O muzeju) ──────────────────────────────── */

.gm-sekcija__lead--lg,
.gm-sekcija--intro .gm-sekcija__lead {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 0 16px !important;
}

.gm-sekcija--intro .gm-content__row {
  align-items: center !important;
  gap: 48px !important;
}

.gm-sekcija.gm-sekcija--tickets {
  background: #fff;
  padding-block: 90px;
  overflow: visible;
}

/* Obiščite nas: official 2-col cenik was pasted in WP; Figma tickets block stays. */
body.page-obiscite-nas .gm-sekcija--lokacija-cenik {
  display: none !important;
}

.gm-sekcija--tickets .gm-sekcija__cta,
.gm-sekcija--tickets .gm-cta {
  margin-top: 0;
}

.gm-sekcija--tickets .gm-sekcija__title--sm {
  margin-bottom: 32px !important;
}

.gm-sekcija--tickets .gm-btn--accent .wp-block-button__link {
  padding: 12px 24px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  gap: 8px;
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 900px) {
  .gm-sekcija:not(.gm-sekcija--visit):not(.gm-sekcija--quote) {
    padding: 48px 16px;
  }

  .gm-sekcija--visit,
  .gm-sekcija--quote {
    padding-inline: 16px !important;
    padding-block: 0 !important;
  }

  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained,
  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained.has-global-padding,
  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner {
    padding-block: 48px !important;
    max-width: 100% !important;
  }

  .gm-sekcija--quote .gm-quote__text {
    font-size: 40px !important;
    line-height: 48px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .gm-sekcija--quote .gm-quote__author {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .gm-sekcija__title {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .gm-sekcija--how-to .gm-sekcija__lead,
  .gm-sekcija--how-to .gm-info-item__text,
  .gm-sekcija--how-to .gm-kartica__text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .gm-sekcija--how-to .gm-info-item__title,
  .gm-sekcija--how-to .gm-kartica__title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .gm-sekcija--how-to .gm-sekcija__grid {
    gap: 32px !important;
  }

  /* Mobile: keep icon beside text, original 56px size */
  .gm-sekcija--how-to .gm-info-item {
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 16px;
    row-gap: 12px;
  }

  .gm-sekcija--how-to .gm-info-item::before {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px;
    height: 56px;
    -webkit-mask-size: 40px 40px;
    mask-size: 40px 40px;
  }

  .gm-sekcija--how-to .gm-info-item__icon,
  .gm-sekcija--how-to .gm-info-item > .wp-block-html {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px;
    height: 56px;
  }

  .gm-sekcija--how-to .gm-info-item__icon::before {
    inset: 8px;
  }

  .gm-sekcija--how-to .gm-info-item > .gm-info-item__title,
  .gm-sekcija--how-to .gm-info-item > .wp-block-heading.gm-info-item__title {
    grid-column: 2;
    grid-row: 1;
  }

  .gm-sekcija--how-to .gm-info-item > .gm-info-item__text,
  .gm-sekcija--how-to .gm-info-item > .wp-block-paragraph.gm-info-item__text {
    grid-column: 2;
    grid-row: 2;
  }

  .gm-sekcija--how-to .gm-info-item__body {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .gm-hero__title {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .gm-hero--landing .gm-hero__title {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .gm-hero--landing .wp-block-cover__inner-container {
    padding-inline: 16px !important;
    padding-bottom: 24px !important;
  }

  /* Page hero: no forced 350px — content can sit higher under fixed header */
  .gm-hero--page {
    min-height: 0;
    padding: 28px 16px 20px;
    align-items: flex-start;
  }

  .gm-hero--page .gm-hero__lead {
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px !important;
  }

  .gm-sekcija.gm-sekcija--razstave-grid {
    padding: 16px 16px 0;
  }

  .gm-sekcija--razstave-grid > .gm-sekcija__inner {
    row-gap: 16px;
  }

  /* Figma Razstave-1: Select replaces horizontal tabs */
  .gm-sekcija--razstave-grid .gm-tabs,
  .gm-sekcija--razstave-grid .gm-tabs.wp-block-buttons {
    display: none !important;
  }

  .gm-sekcija--razstave-grid .gm-tabs-dropdown {
    display: block;
    flex: 1 1 100%;
    width: 100%;
    order: 0;
  }

  .gm-sekcija.gm-sekcija--javne-tabs {
    padding: 8px 16px 16px;
    position: relative;
    z-index: 20;
  }

  .gm-sekcija--javne-tabs:has(.gm-tabs-dropdown.is-open) {
    z-index: 30;
  }

  .gm-sekcija--javne-tabs .gm-tabs,
  .gm-sekcija--javne-tabs .gm-tabs.wp-block-buttons {
    display: none !important;
  }

  .gm-sekcija--javne-tabs .gm-tabs-dropdown {
    display: block;
    width: 100%;
    z-index: 21;
  }

  .gm-sekcija--javne-tabs .gm-tabs-dropdown__list {
    z-index: 22;
  }

  .gm-sekcija--razstave-grid > .gm-sekcija__inner > .gm-search,
  .gm-sekcija--razstave-grid > .gm-sekcija__inner > :has(> .gm-search) {
    flex: 1 1 100%;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 1;
  }

  .gm-sekcija--razstave-grid .gm-search {
    width: 100%;
    min-height: 40px;
    height: auto;
    padding: 10px 17px 10px 49px;
  }

  .gm-sekcija--razstave-grid .gm-search input {
    font-size: 16px;
  }

  .gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > .gm-search,
  .gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > :has(> .gm-search) {
    flex: 1 1 100%;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    order: 1;
  }

  .gm-sekcija--tabs:has(.gm-chips):has(.gm-search) > .gm-sekcija__inner > .gm-chips {
    max-width: 100%;
    order: 2;
  }

  .gm-sekcija--tabs:has(.gm-search) .gm-search {
    width: 100%;
    min-height: 40px;
    height: auto;
    padding: 10px 17px 10px 49px;
  }

  .gm-sekcija--tabs:has(.gm-search) .gm-search input {
    font-size: 16px;
  }

  .gm-sekcija--razstave-grid > .gm-sekcija__inner > .gm-razstave-seznam,
  .gm-sekcija--razstave-grid > .gm-sekcija__inner > .wp-block-gorenjski-muzej-razstave-seznam {
    order: 2;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  /* Tabs + filter chips: compact stack, chips scroll in one row */
  .gm-sekcija--tabs {
    padding-top: 12px;
    padding-bottom: 16px;
    position: relative;
    z-index: 20;
  }

  /* Open dropdown must sit above dogodki cards (.gm-card-hit__stretch is z-index 5) */
  .gm-sekcija--tabs:has(.gm-tabs-dropdown.is-open) {
    z-index: 30;
  }

  .gm-sekcija--tabs:has(.gm-tabs-dropdown.is-open) + .gm-sekcija--dogodki-list {
    pointer-events: none;
  }

  .gm-sekcija--tabs .gm-tabs-dropdown {
    z-index: 21;
  }

  .gm-sekcija--tabs .gm-tabs-dropdown__list {
    z-index: 22;
  }

  .gm-sekcija--tabs .gm-tabs {
    margin-bottom: 12px;
  }

  .gm-sekcija--tabs > .gm-sekcija__inner > .gm-tabs,
  .gm-sekcija--tabs > .gm-sekcija__inner > .gm-tabs.wp-block-buttons {
    height: 46px !important;
    min-height: 46px !important;
  }

  .gm-sekcija--tabs .gm-tabs .gm-tabs__tab .wp-block-button__link {
    height: 46px !important;
    min-height: 46px !important;
  }

  /* Dogodki/Novice: chips → dropdown on mobile (same pattern as Razstave listing) */
  .gm-sekcija--tabs > .gm-sekcija__inner > .gm-chips,
  .gm-sekcija--tabs > .gm-sekcija__inner > .gm-chips.wp-block-buttons {
    display: none !important;
  }

  .gm-sekcija--tabs .gm-tabs-dropdown {
    display: block;
    width: 100%;
    max-width: var(--gm-title-col, 1344px);
    margin-inline: auto;
  }

  .gm-sekcija--razstave-grid .gm-chips,
  .gm-filters-bar .gm-chips,
  .gm-chips:not(.gm-chips--audience) {
    flex-wrap: nowrap !important;
    gap: 8px;
    margin-bottom: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 2px;
  }

  .gm-chips:not(.gm-chips--audience) .wp-block-button {
    flex: 0 0 auto !important;
  }

  .gm-chips:not(.gm-chips--audience) .gm-btn--chip .wp-block-button__link,
  .gm-chips:not(.gm-chips--audience) .gm-btn--chip-muted .wp-block-button__link,
  .gm-chips:not(.gm-chips--audience) .wp-block-button__link {
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 8px 14px !important;
    min-height: 36px;
    width: auto;
  }

  .gm-sekcija--dogodki-list {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .gm-sekcija--novice-list {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .gm-hero--landing.wp-block-cover {
    min-height: 600px !important;
  }

  .gm-hero--landing .wp-block-cover__background {
    opacity: 0 !important; /* brez sivega preliva — enako kot desktop */
  }

  .gm-exhibition-card {
    max-width: 100%;
    height: 400px;
  }

  .gm-exhibition-card__title {
    font-size: 30px !important;
    line-height: 38px !important;
  }

  .gm-exhibition-card__text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .gm-exhibition-card__body {
    padding: 16px;
  }

  .gm-exhibition-card::after {
    height: 200px;
  }

  .gm-kartica--razstava .gm-kartica__row {
    flex-direction: column !important;
  }

  .gm-kartica--razstava .gm-kartica__row > .wp-block-column:first-child,
  .gm-kartica--razstava .gm-kartica__img,
  .gm-kartica--razstava .gm-kartica__img img {
    max-width: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .gm-stories__slide {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .gm-stories__img,
  .gm-stories__img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .gm-zgodbe__header {
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
    min-height: 0;
    padding-bottom: 12px;
  }

  .gm-zgodbe__controls {
    width: 100%;
    justify-content: flex-end;
  }

  .gm-zgodbe__track {
    gap: 24px;
  }

  .gm-zgodbe__card {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .gm-zgodbe__media {
    height: auto;
    aspect-ratio: 450 / 340;
  }

  .gm-zgodbe__dots {
    margin-top: 32px;
  }

  .gm-sekcija--quote .gm-quote__text {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .gm-sekcija--quote .gm-quote__author {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .gm-audience {
    grid-template-columns: 1fr;
  }

  .gm-detail__grid {
    grid-template-columns: 1fr;
  }

  .gm-detail__rule {
    display: none;
  }

  .gm-kartica--kontakt {
    flex-direction: column !important;
  }

  .gm-kartica--kontakt > .gm-kartica__img,
  .gm-kartica--kontakt > .wp-block-image.gm-kartica__img,
  .gm-kartica--kontakt .gm-kartica__img img {
    width: 100%;
    max-width: 100%;
    flex: none;
    height: auto;
    aspect-ratio: 270 / 188;
  }

  .gm-kartica--kontakt .gm-kartica__panel {
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
  }

  .gm-kartica--kontakt .gm-kartica__contacts {
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .gm-kartica--kontakt .gm-kartica__identity {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .gm-kartica--kontakt .gm-kartica__meta,
  .gm-kartica--kontakt .gm-kartica__role {
    min-height: 0;
  }

  .gm-kartica--kontakt .gm-kartica__contacts a,
  .gm-kartica--kontakt .gm-kartica__email,
  .gm-kartica--kontakt .gm-kartica__phone {
    font-size: 16px !important;
    line-height: 24px !important;
    word-break: break-word;
    white-space: normal;
  }

  .gm-kartica--kontakt .gm-kartica__title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .gm-kartica--kontakt .gm-kartica__meta,
  .gm-kartica--kontakt .gm-kartica__role {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .gm-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    width: 100%;
    height: auto;
    scrollbar-width: thin;
  }

  .gm-tabs .wp-block-button,
  .gm-tabs .gm-tabs__tab {
    flex: 0 0 auto !important;
  }

  .gm-tabs .gm-tabs__tab .wp-block-button__link {
    white-space: nowrap !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    height: auto !important;
    min-height: 44px;
  }

  .gm-sekcija__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .gm-sekcija__header .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .gm-sekcija__header > .wp-block-column:last-child {
    align-items: flex-start !important;
  }

  .gm-sekcija__cta.wp-block-buttons,
  .gm-sekcija__cta {
    justify-content: flex-start !important;
  }

  .gm-intro__row,
  .gm-values__row {
    flex-direction: column !important;
  }

  /* Intro desktop is full-bleed for diamond flankers; restore gutters like other sections. */
  .gm-sekcija.gm-sekcija--intro {
    padding-inline: 16px;
    width: auto;
    max-width: 100%;
    margin-left: 0;
    overflow-x: visible;
  }

  .gm-sekcija--intro > .gm-sekcija__inner {
    overflow: visible;
  }

  .gm-intro__row {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    left: auto;
    translate: none;
  }

  .gm-intro__row > .wp-block-column:first-child,
  .gm-intro__row > .wp-block-column:last-child,
  .gm-intro__row > .wp-block-column:nth-child(2) {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .gm-intro__decor,
  .gm-values__decor {
    display: none;
  }

  .gm-sekcija--tabs .gm-tabs .wp-block-button.gm-tabs__tab {
    flex: 1 1 0 !important;
  }

  .gm-sekcija--tabs > .gm-sekcija__inner > .gm-tabs-dropdown {
    padding-block: 24px;
  }

  .gm-kartica--novica-page .gm-kartica__row {
    flex-direction: column !important;
    min-height: 0;
  }

  .gm-kartica--novica-page .gm-kartica__row > .wp-block-column:first-child {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .gm-kartica--novica-page .gm-kartica__img-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 270 / 223;
  }

  .gm-kartica--novica-page .gm-kartica__row > .wp-block-column:last-child {
    padding: 20px 16px;
  }

  .gm-kartica--novica-page .gm-kartica__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .gm-kartica--novica-page .gm-kartica__head .gm-kartica__title {
    padding-top: 0;
  }

  .gm-kartica--novica-page .gm-kartica__head .gm-kartica__date {
    padding-top: 0;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal;
  }

  .gm-kartica--novica-page .gm-kartica__img,
  .gm-kartica--novica-page .gm-kartica__img img,
  .gm-kartica--novica-page .gm-kartica__img-el {
    width: 100%;
    height: auto;
    aspect-ratio: 270 / 223;
  }

  .gm-newsletter__form {
    flex-direction: column;
    gap: 12px;
    max-width: none;
  }

  .gm-newsletter__form button {
    width: 100%;
  }

  .gm-info-cards {
    grid-template-columns: 1fr 1fr;
  }

  .gm-chips--audience {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .gm-chips--audience .wp-block-button {
    flex: 1 1 calc(50% - 12px);
    min-width: min(100%, 140px);
  }

  .gm-chips--audience .wp-block-button__link {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
    white-space: normal;
  }

  .gm-stats__grid.wp-block-columns,
  .gm-stats__grid {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 32px 24px !important;
  }

  .gm-stats__grid > .wp-block-column {
    flex: 1 1 calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
  }

  .gm-sekcija--stats {
    height: auto;
    min-height: 0;
    max-height: none;
    padding-block: 48px;
    overflow: visible;
  }

  .gm-stat__num {
    font-size: 40px !important;
    line-height: 48px !important;
    white-space: nowrap;
  }

  .gm-stat {
    font-size: 18px !important;
    line-height: 24px !important;
    white-space: nowrap;
  }

  .gm-tickets__hours-row,
  .gm-tickets__prices,
  .gm-tickets__cta-row {
    flex-direction: column !important;
  }

  .gm-tickets__prices {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 16px !important;
  }

  .gm-tickets__prices > .wp-block-column {
    flex: none;
    width: auto !important;
  }

  .gm-tickets__hours--icon {
    padding-left: 64px;
  }

  .gm-sekcija.gm-sekcija--tickets {
    padding-block: 48px;
  }

  /*
   * Landing visit banner: same mobile stack as visit-info —
   * full-bleed mobile asset above copy; copy inset 16px like Dogodki.
   */
  .gm-sekcija--visit {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding-top: 0 !important;
    padding-inline: 16px !important;
    padding-bottom: 48px !important;
  }

  .gm-sekcija--visit > .gm-sekcija__inner {
    order: 2;
    width: 100%;
    padding-inline: 0 !important;
    /* Flush copy under mobile decor (undo 48px padding-block) */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .gm-sekcija--visit > .gm-visit__decor {
    display: block !important;
    order: 1;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    /* Break out of section 16px pad for full-bleed image */
    width: calc(100% + 32px) !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1025 / 822;
    margin: 0 -16px 16px !important;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0;
    opacity: 1 !important;
  }

  /* Obiščite nas only — do not override Zgodbe za predmeti banner image */
  .gm-sekcija--visit:not(.gm-sekcija--zgodbe-banner) > .gm-visit__decor {
    background-image: url("/wp-content/uploads/2026/09/home-visit-banner-decor_mobile.webp");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .gm-sekcija--visit:not(.gm-sekcija--zgodbe-banner) > .gm-visit__decor img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
    /* Hide desktop src; figure background shows mobile asset */
    opacity: 0 !important;
  }

  /* Zgodbe za predmeti: show mobile Image block, hide desktop */
  .gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor--desktop {
    display: none !important;
  }

  .gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor--mobile {
    display: block !important;
    aspect-ratio: auto;
    background-image: none;
  }

  .gm-sekcija--zgodbe-banner > .gm-zgodbe-banner__decor--mobile img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    object-position: center top;
    opacity: 1 !important;
  }

  /*
   * Landing quote banner: same mobile stack as visit —
   * full-bleed preseren_mobile.webp above quote copy.
   */
  .gm-sekcija--quote {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
    padding-inline: 16px !important;
    padding-bottom: 48px !important;
  }

  .gm-sekcija--quote > .gm-sekcija__inner,
  .gm-sekcija--quote .gm-sekcija__inner,
  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained,
  .gm-sekcija--quote > .gm-sekcija__inner.is-layout-constrained.has-global-padding {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .gm-sekcija--quote > .gm-quote__decor {
    display: block !important;
    order: 1;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1336 / 1062;
    margin: 0 -16px 16px !important;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0;
    opacity: 1 !important;
    background-image: url("/wp-content/uploads/2026/09/preseren_mobile.webp");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .gm-sekcija--quote > .gm-quote__decor img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
    opacity: 0 !important;
  }

  /*
   * Live markup often has .gm-visit-info__decor as a direct child of the
   * section (after inner). Put it above the copy on mobile.
   */
  .gm-sekcija--visit-info {
    display: flex !important;
    flex-direction: column !important;
    /* Flush decor to top edge — no gray gap above image */
    padding-top: 0 !important;
    padding-bottom: 48px !important;
  }

  .gm-sekcija--visit-info > .gm-sekcija__inner {
    order: 2;
    width: 100%;
  }

  .gm-sekcija--visit-info > .gm-visit-info__decor {
    order: 1;
    margin-top: 0 !important;
    margin-bottom: 32px !important;
  }

  .gm-visit-info__row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .gm-visit-info__row > .wp-block-column:first-child {
    max-width: none;
    flex-basis: 100% !important;
    order: 2;
  }

  /* Pattern markup: decor still inside 2nd column — show column above list */
  .gm-visit-info__row > .wp-block-column:last-child {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    order: 1;
    margin: 0 0 32px !important;
    overflow: visible !important;
  }

  /* Empty 2nd column (decor moved out) — collapse */
  .gm-visit-info__row > .wp-block-column:last-child:empty,
  .gm-visit-info__row > .wp-block-column:last-child:not(:has(.gm-visit-info__decor)) {
    display: none !important;
    margin: 0 !important;
  }

  .gm-sekcija--visit-info .gm-visit-info__decor,
  .gm-sekcija--visit-info > .gm-visit-info__decor {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    /* Full-bleed mobile asset */
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1325 / 1026;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0;
    background-image: url("/wp-content/uploads/2026/09/visit-info-decor_mobile.webp");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .gm-sekcija--visit-info .gm-visit-info__decor img {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
    /* Hide desktop src; figure background shows mobile asset */
    opacity: 0 !important;
  }

  .gm-sekcija--visit-info .gm-info-list {
    gap: 32px;
    max-width: none;
    width: 100%;
  }

  /*
   * Mobile visit-info items (Figma):
   * [icon] Title
   * text full-width under row (align left with icon)
   * Works for flat markup and legacy .gm-info-item__body via display:contents.
   */
  .gm-sekcija--visit-info .gm-info-item {
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 16px;
    row-gap: 12px;
    align-items: center;
  }

  .gm-sekcija--visit-info .gm-info-item__body {
    display: contents;
  }

  .gm-sekcija--visit-info .gm-info-item::before,
  .gm-sekcija--visit-info .gm-info-item__icon,
  .gm-sekcija--visit-info .gm-info-item > .wp-block-html {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .gm-sekcija--visit-info .gm-info-item .gm-info-item__title,
  .gm-sekcija--visit-info .gm-info-item > .gm-info-item__title,
  .gm-sekcija--visit-info .gm-info-item .wp-block-heading.gm-info-item__title {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .gm-sekcija--visit-info .gm-info-item .gm-info-item__text,
  .gm-sekcija--visit-info .gm-info-item > .gm-info-item__text,
  .gm-sekcija--visit-info .gm-info-item .wp-block-paragraph.gm-info-item__text {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .gm-kartica--lokacija .gm-kartica__row {
    flex-direction: column !important;
  }

  .gm-kartica--lokacija-dynamic .gm-kartica__media {
    max-width: 100%;
    flex-basis: auto;
    flex: 1 1 auto;
  }

  .gm-kartica--lokacija .gm-kartica__img,
  .gm-kartica--lokacija .gm-kartica__img img,
  .gm-kartica--lokacija-dynamic .gm-kartica__img-el {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .gm-kartica--lokacija .gm-kartica__panel {
    padding: 24px 16px;
  }

  .gm-hero__detail-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .gm-hero--detail-stack .gm-hero__detail-row > .wp-block-column:first-child,
  .gm-hero--detail-stack .gm-hero__detail-row > .wp-block-column:last-child {
    max-width: none;
    flex: 1 1 auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0;
  }

  .gm-hero--detail-stack .gm-hero__detail-row > .wp-block-column:last-child {
    border-top: 2px solid #101828;
    padding-top: 24px;
    margin-top: 24px !important;
  }

  .gm-hero--detail-stack .gm-hero__lead {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

@media (max-width: 600px) {
  .gm-info-cards {
    grid-template-columns: 1fr;
  }

  .gm-chips--audience .wp-block-button {
    flex: 1 1 100%;
  }

  .gm-tickets__prices {
    grid-template-columns: 1fr;
  }
}

/* ── Galerije (GMK) → glej assets/css/blocks/gm-galerija.css ─ */

/* ── Dogodek detail (Figma Dogodek1 / tezave dogodekpage) ─────────────────── */

.gm-badge--brand {
  display: inline-block;
  background: var(--gm-orange, #e94e1b);
  color: #fff !important;
  font-family: var(--gm-font-body);
  font-weight: 700;
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 12px;
  margin: 0 0 16px !important;
}

/* ── Dogodek cover hero (tezave pixel layout) ─────────────────────────────── */

.gm-hero--dogodek-cover.wp-block-cover,
.wp-block-cover.gm-hero--dogodek-cover {
  position: relative;
  min-height: 60vh !important;
  min-height: max(480px, 60vh) !important;
  padding: 0 !important;
  align-items: stretch !important;
  overflow: hidden;
}

/* Bottom-heavy gradient like tezave (over WP dim) */
.gm-hero--dogodek-cover > .wp-block-cover__background {
  background: linear-gradient(
    to top,
    #0a0a0a 0%,
    rgba(10, 10, 10, 0.55) 45%,
    rgba(10, 10, 10, 0.15) 100%
  ) !important;
  opacity: 1 !important;
}

.gm-hero--dogodek-cover .wp-block-cover__inner-container,
.gm-hero--dogodek-cover .wp-block-cover__inner-container.is-layout-flow {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: inherit !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 32px 24px 48px !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  .gm-hero--dogodek-cover .wp-block-cover__inner-container,
  .gm-hero--dogodek-cover .wp-block-cover__inner-container.is-layout-flow {
    padding: 32px 64px 48px !important;
  }
}

.gm-dogodek-hero__top {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: var(--gm-max, 1440px);
  margin: 0 auto !important;
  flex-shrink: 0;
}

.gm-dogodek-hero__back-link,
.gm-dogodek-hero__top .gm-dogodek-share__btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  font-family: var(--gm-font-body) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 150ms ease;
}

.gm-dogodek-hero__back-link:hover,
.gm-dogodek-hero__top .gm-dogodek-share__btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

/* Bottom content band — block stack, left-aligned (tezave) */
.gm-dogodek-hero__content,
.gm-dogodek-hero__content.is-layout-flow,
.gm-dogodek-hero__content.wp-block-group {
  display: block !important;
  width: 100% !important;
  max-width: var(--gm-max, 1440px) !important;
  margin: 0 auto !important;
  margin-top: auto !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

.gm-dogodek-hero__content > * {
  float: none !important;
  width: auto !important;
  max-width: 100%;
}

/* Badge: shrink-to-content, dark like tezave non-brand types */
.gm-hero--dogodek-cover .gm-badge--brand,
.gm-hero--dogodek-cover .gm-badge--on-dark,
.gm-dogodek-hero__content > .gm-badge {
  display: inline-block !important;
  width: fit-content !important;
  max-width: fit-content !important;
  flex: none !important;
  background: #1a1a18 !important;
  color: #fff !important;
  font-family: var(--gm-font-body) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 12px !important;
  margin: 0 0 16px !important;
}

.gm-hero--dogodek-cover .gm-hero__title,
.gm-hero--dogodek-cover .gm-hero__title--light {
  display: block !important;
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 5vw, 72px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em;
  color: #fff !important;
  max-width: 48rem !important;
  width: auto !important;
  margin: 0 0 20px !important;
}

.gm-dogodek-hero__lead {
  display: block !important;
  font-family: var(--gm-font-body) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  max-width: 42rem !important;
  width: auto !important;
  margin: 0 0 32px !important;
}

/* Meta pills — one horizontal row, left-aligned */
.gm-dogodek-hero__meta,
.gm-dogodek-hero__meta.wp-block-group,
.gm-dogodek-hero__meta.is-layout-flow {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px 32px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.gm-dogodek-hero__meta > .wp-block-paragraph,
.gm-dogodek-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-family: var(--gm-font-body) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.gm-dogodek-pill::before {
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.85;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

.gm-dogodek-pill--date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='1'/%3E%3Cpath d='M5 1.5v3M11 1.5v3M2 7h12'/%3E%3C/svg%3E");
}

.gm-dogodek-pill--time::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 4.5V8l2.5 2.5'/%3E%3C/svg%3E");
}

.gm-dogodek-pill--place::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 1.5a5 5 0 015 5c0 3.75-5 9-5 9s-5-5.25-5-9a5 5 0 015-5z'/%3E%3Ccircle cx='8' cy='6.5' r='1.5'/%3E%3C/svg%3E");
}

.gm-dogodek-pill--ticket::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 6.5a1.5 1.5 0 010-3h13a1.5 1.5 0 010 3v1a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3v-1z'/%3E%3Cpath d='M6 3.5v9M10 3.5v9'/%3E%3C/svg%3E");
}

/* Body shell */
.gm-sekcija--dogodek-body {
  padding: 64px 24px !important;
  background: #fff !important;
}

@media (min-width: 768px) {
  .gm-sekcija--dogodek-body {
    padding: 64px 64px !important;
  }
}

.gm-dogodek-layout {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 64px !important;
  align-items: start !important;
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .gm-dogodek-layout {
    grid-template-columns: 1fr 360px !important;
  }

  .gm-dogodek-layout > .wp-block-column:first-child {
    grid-column: 1;
  }

  .gm-dogodek-layout > .wp-block-column:last-child {
    grid-column: 2;
  }
}

.gm-dogodek-main {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.gm-dogodek-aside {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.gm-dogodek-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
}

.gm-dogodek-tag {
  display: inline-block;
  padding: 6px 12px;
  background: var(--gm-bg, #f9fafb);
  color: #5a5248 !important;
  font-family: var(--gm-font-body);
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 !important;
}

.gm-dogodek-section__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  letter-spacing: -0.02em;
  color: #1a1a18 !important;
  margin: 0 0 24px !important;
}

.gm-dogodek-opis__text {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink) !important;
  margin: 0 0 20px !important;
}

.gm-dogodek-opis__text:last-child {
  margin-bottom: 0 !important;
}

/* Gallery mosaic */
.gm-dogodek-gallery {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  margin: 0 !important;
}

.gm-dogodek-gallery > .wp-block-image:first-child,
.gm-dogodek-gallery__item--lg {
  grid-row: 1 / span 2;
  grid-column: 1;
  margin: 0 !important;
  height: 400px;
  overflow: hidden;
}

.gm-dogodek-gallery > .wp-block-image:not(:first-child),
.gm-dogodek-gallery__item--sm {
  margin: 0 !important;
  height: 194px;
  overflow: hidden;
}

.gm-dogodek-gallery figure,
.gm-dogodek-gallery img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  transition: transform 700ms ease;
}

.gm-dogodek-gallery figure:hover img {
  transform: scale(1.05);
}

@media (max-width: 640px) {
  .gm-dogodek-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .gm-dogodek-gallery > .wp-block-image:first-child,
  .gm-dogodek-gallery__item--lg,
  .gm-dogodek-gallery > .wp-block-image:not(:first-child),
  .gm-dogodek-gallery__item--sm {
    grid-row: auto;
    grid-column: auto;
    height: 220px;
  }
}

/* Program timeline */
.gm-dogodek-program {
  border-left: 2px solid #e5e0d8;
  padding-left: 32px;
  margin: 0 !important;
  background: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  max-width: none;
}

.gm-dogodek-program__item {
  position: relative;
  padding: 0 0 32px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  color: #1a1a18 !important;
}

.gm-dogodek-program__item:last-child {
  padding-bottom: 0 !important;
}

.gm-dogodek-program__item::before {
  content: "";
  position: absolute;
  left: -39px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: #e94e1b;
}

.gm-dogodek-program__time {
  display: inline-block;
  min-width: 3.5rem;
  margin-right: 24px;
  color: #e94e1b !important;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 400;
}

.gm-dogodek-program__title {
  display: inline;
  color: #1a1a18 !important;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  margin: 0 !important;
}

.gm-dogodek-program__speaker,
.gm-dogodek-program__note {
  display: block;
  margin-top: 2px !important;
  color: #9e8f7a !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.gm-dogodek-program__part,
.gm-dogodek-program__break {
  position: relative;
  padding: 0 0 32px;
  margin: 0 !important;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  color: #e94e1b !important;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

.gm-dogodek-program__part::before,
.gm-dogodek-program__break::before {
  content: "";
  position: absolute;
  left: -39px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: #e94e1b;
}

.gm-dogodek-program__break {
  color: #9e8f7a !important;
}

/* Speakers */
.gm-dogodek-speakers {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 24px !important;
  margin: 0 !important;
}

@media (min-width: 640px) {
  .gm-dogodek-speakers {
    grid-template-columns: 1fr 1fr !important;
  }
}

.gm-dogodek-speaker {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 16px;
  padding: 20px !important;
  background: #fff;
  border: 1px solid #e5e0d8;
  margin: 0 !important;
}

.gm-dogodek-speaker__img,
.gm-dogodek-speaker__img img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
  margin: 0 !important;
  flex-shrink: 0;
}

.gm-dogodek-speaker__name {
  font-family: var(--gm-font-body) !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: #1a1a18 !important;
  margin: 0 !important;
}

.gm-dogodek-speaker__role {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #9e8f7a !important;
  margin: 2px 0 0 !important;
}

.gm-dogodek-speaker__bio {
  display: none !important;
}

/* Sidebar cards */
.gm-dogodek-card {
  background: var(--gm-bg, #f9fafb);
  border: 1px solid #e5e0d8;
  padding: 28px;
  margin: 0 !important;
}

.gm-dogodek-card--sticky {
  position: sticky;
  top: 32px;
}

/* Sticky stack: tools sit above; capacity + info stay on screen together */
.gm-dogodek-aside__stack,
.gm-dogodek-aside__stack.wp-block-group {
  position: sticky !important;
  top: 96px;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  z-index: 5;
}

.gm-dogodek-aside__stack .gm-dogodek-card--sticky,
.gm-dogodek-aside__stack .gm-dogodek-card {
  position: static !important;
  top: auto !important;
}

.gm-dogodek-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 !important;
  order: -1;
}

.gm-dogodek-aside__stack > .gm-dogodek-tools {
  margin: 0 !important;
}

/* Hide legacy hero top (Nazaj / old share) if still in content */
.gm-dogodek-hero__top {
  display: none !important;
}

.gm-dogodek-tool-btn,
.gm-dogodek-share--tools .gm-dogodek-share__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #101828 !important;
  color: #101828 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease;
}

.gm-dogodek-tool-btn:hover,
.gm-dogodek-share--tools .gm-dogodek-share__btn:hover,
.gm-dogodek-tool-btn.is-copied {
  background: #101828 !important;
  color: #fff !important;
}

.gm-dogodek-share--tools {
  position: relative;
  display: inline-block;
}

.gm-dogodek-share--tools .gm-dogodek-share__menu {
  right: 0;
  left: auto;
  top: calc(100% + 8px);
  bottom: auto;
  width: 224px;
}

.gm-dogodek-share__icon--calendar {
  color: currentColor;
}

/* Breadcrumb (novica-style) */
.gm-sekcija--dogodek-breadcrumb {
  padding: 28px 24px !important;
  background: #fff !important;
}

.gm-dogodek-bc {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
  text-align: left;
}

.gm-dogodek-bc a {
  color: var(--gm-muted, #4a5565);
  text-decoration: none;
}

.gm-dogodek-bc a:hover {
  color: var(--gm-orange, #e94e1b);
}

.gm-dogodek-bc__current {
  font-weight: 700;
  color: var(--gm-ink, #101828);
}

.gm-dogodek-bc__sep {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #9ca3af;
  border-bottom: 1.5px solid #9ca3af;
  transform: rotate(-45deg);
  margin: 0 2px;
  flex-shrink: 0;
}

.gm-dogodek-card__title {
  font-family: var(--gm-font-body) !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: #1a1a18 !important;
  margin: 0 0 20px !important;
}

.gm-dogodek-card__title--sm {
  font-size: 24px !important;
  line-height: 32px !important;
  margin-bottom: 12px !important;
}

.gm-dogodek-facts {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0 !important;
}

.gm-dogodek-fact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 0 16px;
  margin: 0 0 16px !important;
  border-bottom: 1px solid #f5f0eb;
  min-height: 0;
  padding-left: 0;
  position: static;
}

.gm-dogodek-fact:last-child {
  border-bottom: 0;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.gm-dogodek-fact::before {
  display: none !important;
}

.gm-dogodek-fact__label {
  font-family: var(--gm-font-body);
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9e8f7a !important;
  margin: 0 !important;
}

.gm-dogodek-fact__value {
  font-family: var(--gm-font-body) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #1a1a18 !important;
  margin: 0 !important;
}

.gm-dogodek-fact__value a {
  color: inherit !important;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.gm-dogodek-fact__value a:hover,
.gm-dogodek-fact__value a:focus {
  color: var(--gm-brand, #e94e1b) !important;
}

.gm-dogodek-aside__cta {
  display: flex !important;
  flex-direction: column;
  gap: 12px !important;
  margin: 24px 0 0 !important;
}

.gm-dogodek-aside__cta .wp-block-button {
  width: 100%;
  margin: 0 !important;
}

.gm-dogodek-aside__cta .wp-block-button__link {
  width: 100%;
  justify-content: center;
  min-height: 52px;
  padding: 14px 20px !important;
  font-family: var(--gm-font-body) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  border-radius: 0 !important;
}

.gm-dogodek-aside__cta .gm-btn--accent .wp-block-button__link {
  background: #e94e1b !important;
  color: #fff !important;
  border: none !important;
}

.gm-dogodek-aside__cta .gm-btn--accent .wp-block-button__link:hover {
  background: #d14418 !important;
}

.gm-dogodek-aside__cta .gm-btn--outline .wp-block-button__link {
  background: transparent !important;
  color: #1a1a18 !important;
  border: 1px solid #1a1a18 !important;
}

.gm-dogodek-aside__cta .gm-btn--outline .wp-block-button__link:hover {
  background: #1a1a18 !important;
  color: #fff !important;
}

.gm-dogodek-included {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e0d8;
}

.gm-dogodek-included__label {
  font-family: var(--gm-font-body);
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9e8f7a !important;
  margin: 0 0 12px !important;
}

.gm-dogodek-included__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #5a5248 !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
}

.gm-dogodek-included__item::before {
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23e94e1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.5 3.5L13 4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.gm-dogodek-loc__name {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: #1a1a18 !important;
  margin: 0 0 4px !important;
}

.gm-dogodek-loc__address {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #9e8f7a !important;
  margin: 0 0 16px !important;
}

.gm-dogodek-loc__map {
  height: 144px;
  background: #f5f0eb;
  border: 1px solid #e5e0d8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  overflow: hidden;
}

.gm-dogodek-loc__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.gm-dogodek-loc__map-placeholder {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #c4b8a8 !important;
  margin: 0 !important;
}

/* Hide legacy location map card under Vključeno (removed from pattern) */
.gm-dogodek-card--loc {
  display: none !important;
}

.gm-dogodek-speakers-wrap {
  display: none !important;
}

.gm-dogodek-capacity {
  background: #1a1a18;
  padding: 28px;
  margin: 0 !important;
  border: none;
}

.gm-dogodek-capacity__title {
  font-family: var(--gm-font-body) !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: #fff !important;
  margin: 0 0 4px !important;
}

.gm-dogodek-capacity__text {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
}

.gm-dogodek-capacity__note {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 8px 0 0 !important;
}

.gm-dogodek-capacity__note a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}

/* Related — removed from dogodek detail pattern */
.gm-sekcija--dogodek-sorodni {
  display: none !important;
}

@media (min-width: 768px) {
  .gm-sekcija--dogodek-sorodni {
    display: none !important;
  }
}

.gm-sekcija--dogodek-sorodni .gm-dogodek-section__title {
  margin-bottom: 40px !important;
}

.gm-dogodek-related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  width: 100%;
}

.gm-dogodek-related > .gm-kartica--dogodek {
  max-width: none;
  width: 100%;
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e0d8;
}

.gm-dogodek-related__empty {
  font-family: var(--gm-font-body);
  font-size: 16px;
  color: #9e8f7a;
  margin: 0;
}

.gm-sekcija--dogodek-sorodni .gm-kartica--dogodek:hover {
  background: #fff;
}

.gm-sekcija--dogodek-sorodni .gm-kartica__img-wrap {
  height: 176px;
  overflow: hidden;
}

.gm-sekcija--dogodek-sorodni .gm-kartica__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease;
}

.gm-sekcija--dogodek-sorodni .gm-kartica--dogodek:hover .gm-kartica__img-wrap img {
  transform: scale(1.05);
}

.gm-sekcija--dogodek-sorodni .gm-btn--link .wp-block-button__link,
.gm-sekcija--dogodek-sorodni .gm-kartica__cta .wp-element-button {
  color: #e94e1b !important;
}

/* Footer CTA band */
.gm-sekcija--dogodek-cta {
  padding: 64px 24px !important;
  background: #1a1a18 !important;
}

@media (min-width: 768px) {
  .gm-sekcija--dogodek-cta {
    padding: 64px 64px !important;
  }
}

.gm-dogodek-cta__row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 32px !important;
  margin: 0 !important;
}

.gm-dogodek-cta__title {
  font-family: var(--gm-font-body) !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: #fff !important;
  margin: 0 0 8px !important;
}

.gm-dogodek-cta__text {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 !important;
}

.gm-dogodek-cta__actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px !important;
  margin: 0 !important;
  flex-shrink: 0;
}

.gm-dogodek-cta__actions .wp-block-button__link {
  min-height: 48px;
  padding: 12px 24px !important;
  font-family: var(--gm-font-body) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  border-radius: 0 !important;
}

.gm-dogodek-cta__actions .gm-btn--accent .wp-block-button__link {
  background: #e94e1b !important;
  color: #fff !important;
}

.gm-dogodek-cta__actions .gm-btn--accent .wp-block-button__link:hover {
  background: #d14418 !important;
}

.gm-dogodek-cta__actions .gm-btn--ghost .wp-block-button__link {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.gm-dogodek-cta__actions .gm-btn--ghost .wp-block-button__link:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

/* Share dropdown (HTML block) */
.gm-dogodek-share {
  position: relative;
  display: inline-block;
}

.gm-dogodek-share__menu {
  display: none;
  position: absolute;
  z-index: 50;
  right: 0;
  top: calc(100% + 8px);
  width: 224px;
  background: #fff;
  border: 1px solid #e5e0d8;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.gm-dogodek-share.is-open .gm-dogodek-share__menu {
  display: block;
}

.gm-dogodek-share--aside .gm-dogodek-share__menu {
  right: auto;
  left: 0;
  bottom: calc(100% + 8px);
  top: auto;
  width: 100%;
}

.gm-dogodek-share--aside .gm-dogodek-share__btn {
  width: 100%;
  justify-content: center;
  min-height: 52px;
  padding: 14px 20px;
  background: transparent;
  border: 1px solid #1a1a18;
  color: #1a1a18;
  backdrop-filter: none;
  font-family: var(--gm-font-body);
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.gm-dogodek-share--aside .gm-dogodek-share__btn:hover {
  background: #1a1a18;
  color: #fff;
}

.gm-dogodek-share__menu-label {
  padding: 12px 16px;
  border-bottom: 1px solid #f5f0eb;
  font-family: var(--gm-font-body);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9e8f7a;
  margin: 0;
}

.gm-dogodek-share__menu a,
.gm-dogodek-share__menu button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #f5f0eb;
  background: transparent;
  color: #1a1a18;
  font-family: var(--gm-font-body);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}

.gm-dogodek-share__menu a:last-child,
.gm-dogodek-share__menu button:last-child {
  border-bottom: 0;
}

.gm-dogodek-share__menu a:hover,
.gm-dogodek-share__menu button:hover {
  background: #f5f0eb;
}

.gm-dogodek-share__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  line-height: 0;
}

.gm-dogodek-share__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.gm-dogodek-share__btn .gm-dogodek-share__icon {
  color: currentColor;
}

/* Tool icons — Lucide stroke + mask (same language as .gm-info-item__icon) */
.gm-dogodek-tool-btn .gm-dogodek-share__icon--share,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--link,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--calendar {
  width: 20px;
  height: 20px;
  position: relative;
}

.gm-dogodek-tool-btn .gm-dogodek-share__icon--share svg,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--link svg,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--calendar svg {
  display: none !important;
}

.gm-dogodek-tool-btn .gm-dogodek-share__icon--share::before,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--link::before,
.gm-dogodek-tool-btn .gm-dogodek-share__icon--calendar::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.gm-dogodek-tool-btn .gm-dogodek-share__icon--share::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E");
}

.gm-dogodek-tool-btn .gm-dogodek-share__icon--link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cline x1='8' x2='16' y1='12' y2='12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cline x1='8' x2='16' y1='12' y2='12'/%3E%3C/svg%3E");
}

.gm-dogodek-tool-btn .gm-dogodek-share__icon--calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.gm-dogodek-share__icon--fb {
  color: #1877f2;
}

.gm-dogodek-share__icon--x {
  color: #000;
}

.gm-dogodek-share__icon--wa {
  color: #25d366;
}

.gm-dogodek-share__icon--li {
  color: #0a66c2;
}

.gm-dogodek-share__icon--mail,
.gm-dogodek-share__icon--link {
  color: #9e8f7a;
}

.gm-dogodek-share__icon--check {
  color: #16a34a;
}

.gm-dogodek-share__menu button.is-copied {
  background: #f0fdf4;
  color: #16a34a;
}

/* Legacy class hooks (hide unused old sections if still in content) */
.gm-sekcija--dogodek-breadcrumb,
.gm-hero--dogodek:not(.gm-hero--dogodek-cover),
.gm-sekcija--dogodek-meta,
.gm-sekcija--dogodek-vstopnice,
.gm-sekcija--dogodek-info,
.gm-sekcija--dogodek-izvajalci {
  /* kept for old posts until re-pasted — soft deprecate via new patterns only */
}

.gm-dogodek-eyebrow {
  display: none !important;
}

@media (max-width: 1024px) {
  .gm-dogodek-section__title {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .gm-dogodek-related {
    grid-template-columns: 1fr;
  }

  .gm-dogodek-card--sticky {
    position: static;
  }
}


/* WP columns → CSS grid for dogodek body */
.gm-dogodek-layout.wp-block-columns {
  display: grid !important;
  flex-wrap: unset !important;
}
.gm-dogodek-layout > .wp-block-column {
  width: 100% !important;
  flex-basis: auto !important;
  margin: 0 !important;
}
.gm-dogodek-speakers.wp-block-columns {
  display: grid !important;
}
.gm-dogodek-speakers > .wp-block-column {
  margin: 0 !important;
  width: 100% !important;
  flex-basis: auto !important;
}
.gm-dogodek-cta__row.wp-block-columns {
  display: flex !important;
}


.gm-dogodek-main.wp-block-column,
.gm-dogodek-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 64px !important;
}
.gm-dogodek-aside.wp-block-column,
.gm-dogodek-aside {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.gm-dogodek-gallery.wp-block-group,
.gm-dogodek-gallery {
  display: grid !important;
}

/* Speakers: image + text in a row via CSS */
.gm-dogodek-speaker {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 16px !important;
}
.gm-dogodek-speaker > .wp-block-image,
.gm-dogodek-speaker .gm-dogodek-speaker__img {
  flex: 0 0 64px;
  width: 64px !important;
  max-width: 64px !important;
  margin: 0 !important;
}
.gm-dogodek-speaker .gm-dogodek-speaker__img img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
  display: block;
}
.gm-dogodek-speaker .gm-dogodek-speaker__name,
.gm-dogodek-speaker .gm-dogodek-speaker__role {
  flex: 1 1 auto;
}

/* Tags row without WP flex layout */
.gm-dogodek-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body:has(.gm-hero--dogodek-cover) .wp-site-blocks,
body:has(.gm-hero--dogodek-cover) .entry-content {
  background: #fff;
}
/* ─── Lokacija detail (Figma Lokacija1) ─────────────────────────────────────── */

.gm-hero--lokacija {
  background: #fff !important;
  padding: 56px 24px !important;
}

.gm-hero--lokacija .gm-sekcija__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

/*
 * WP is-layout-constrained centers each direct child (margin-inline: auto).
 * At >1920px title, lead and meta drift apart — keep the full hero band left-aligned.
 */
.gm-hero--lokacija > .gm-sekcija__inner,
.gm-hero--lokacija > .gm-sekcija__inner.is-layout-constrained,
.gm-hero--lokacija > .gm-sekcija__inner[class*="wp-container-"] {
  width: 100% !important;
  max-width: var(--gm-max, 1440px) !important;
  margin-inline: auto !important;
  box-sizing: border-box;
  justify-items: start !important;
  text-align: left;
}

.gm-hero--lokacija > .gm-sekcija__inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gm-hero--lokacija > .gm-sekcija__inner > .gm-hero__title,
.gm-hero--lokacija > .gm-sekcija__inner > .gm-hero__lead,
.gm-hero--lokacija > .gm-sekcija__inner > .gm-lokacija-hero__meta {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-self: start !important;
  text-align: left;
}

/* Legacy pages may still carry gm-hero--dogodek from an old dogodek hero paste. */
.gm-hero--lokacija.gm-hero--dogodek {
  background: #fff !important;
}

.gm-hero--lokacija.gm-hero--dogodek > .gm-sekcija__inner {
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

.gm-hero--lokacija.gm-hero--dogodek .gm-hero__title--light,
.gm-hero--lokacija.gm-hero--dogodek .gm-hero__lead--light {
  flex: none !important;
  color: var(--gm-ink, #101828) !important;
}

.gm-hero--lokacija.gm-hero--dogodek .gm-hero__lead--light {
  color: var(--gm-muted, #4a5565) !important;
}

.gm-hero--lokacija .gm-badge--brand,
.gm-hero--lokacija .gm-hero__series {
  display: none !important;
}

.gm-hero--lokacija .gm-hero__title,
.gm-hero--lokacija .gm-hero__title--light {
  flex: none;
  width: auto;
  max-width: none;
  white-space: nowrap;
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 64px !important;
  line-height: 72px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 20px !important;
}

.gm-hero--lokacija .gm-hero__lead,
.gm-hero--lokacija .gm-hero__lead--light {
  flex: none;
  width: auto;
  max-width: none;
  white-space: nowrap;
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 0 24px !important;
}

.gm-lokacija-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 32px;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.gm-lokacija-hero__meta.is-layout-flex,
.gm-lokacija-hero__meta.wp-block-group-is-layout-flex {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.gm-lokacija-hero__meta-item {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  padding-left: 26px;
  position: relative;
}

.gm-lokacija-hero__meta-item a {
  color: inherit !important;
  text-decoration: none;
}

.gm-lokacija-hero__meta-item a:hover,
.gm-lokacija-hero__meta-item a:focus-visible {
  color: var(--gm-brand, #e94e1b) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gm-lokacija-hero__meta-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: no-repeat center / contain;
}

.gm-lokacija-hero__meta-item--address::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M9 1.5a6 6 0 016 6c0 4.5-6 10.5-6 10.5S3 12 3 7.5a6 6 0 016-6z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='7.5' r='2' stroke='%23e94e1b' stroke-width='1.5'/%3E%3C/svg%3E");
}

.gm-lokacija-hero__meta-item--hours::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7.5' stroke='%23e94e1b' stroke-width='1.5'/%3E%3Cpath d='M9 5.25V9l2.25 2.25' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-hero__meta-item--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M16.5 12.69v2.25a1.5 1.5 0 01-1.635 1.5 14.84 14.84 0 01-6.47-2.3 14.63 14.63 0 01-4.5-4.5 14.84 14.84 0 01-2.3-6.47A1.5 1.5 0 013.06 1.5h2.25a1.5 1.5 0 011.5 1.29 9.63 9.63 0 00.525 2.1 1.5 1.5 0 01-.34 1.58L5.18 7.43a12 12 0 005.39 5.39l1.06-1.06a1.5 1.5 0 011.58-.34 9.63 9.63 0 002.1.525 1.5 1.5 0 011.29 1.5v.17z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-hero__meta-item--route::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 13.5l3-7.5 3.75 3 3.75-6 3.75 10.5' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-hero__meta-item--email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M3 3.75h12c.621 0 1.125.504 1.125 1.125v8.25A1.125 1.125 0 0115 14.25H3a1.125 1.125 0 01-1.125-1.125V4.875C1.875 4.254 2.379 3.75 3 3.75z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 4.875L9 10.125 1.875 4.875' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-sekcija--lokacija-breadcrumb {
  padding: 28px 24px !important;
  background: #fff;
}

.gm-sekcija--lokacija-galerija {
  padding: 0 24px !important;
  background: #fff;
}

/* Side column width = gallery grid 1fr lane (1.8fr + 1fr, gap 16px). */
.gm-sekcija--lokacija-galerija .gm-sekcija__inner,
.gm-sekcija--lokacija-opis .gm-sekcija__inner {
  --gm-lokacija-side-w: calc((100% - 16px) / 2.8);
}

.gm-lokacija-galerija {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 16px;
  width: 100%;
  /* start — never stretch tiles to intrinsic image height */
  align-items: start;
}

.gm-lokacija-galerija .gm-lokacija-galerija__main,
.gm-lokacija-galerija .gm-lokacija-galerija__side,
.gm-lokacija-galerija .gm-lokacija-galerija__wide {
  margin: 0 !important;
  overflow: hidden;
  background: var(--gm-bg-soft, #f3f4f6);
  width: 100%;
  min-width: 0;
  position: relative;
  height: auto !important;
  /* Fixed landscape frames (Figma) — never follow source image AR */
}

/* Figma: 856×480 landscape — fixed at every breakpoint. */
.gm-lokacija-galerija .gm-lokacija-galerija__main {
  grid-column: 1;
  grid-row: 1 / span 2;
  aspect-ratio: 856 / 480;
  align-self: start;
}

/* Figma: 472×232 landscape. */
.gm-lokacija-galerija .gm-lokacija-galerija__side {
  aspect-ratio: 472 / 232;
  align-self: start;
}

/* Figma: 660×300 landscape. */
.gm-lokacija-galerija .gm-lokacija-galerija__wide {
  aspect-ratio: 660 / 300;
  align-self: start;
}

.gm-lokacija-galerija .gm-lokacija-galerija__wide:nth-of-type(4) {
  grid-column: 1;
  grid-row: 3;
}

.gm-lokacija-galerija .gm-lokacija-galerija__wide:nth-of-type(5) {
  grid-column: 2;
  grid-row: 3;
}

/* Absolute img so intrinsic dimensions cannot expand the figure. */
.gm-lokacija-galerija figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--gm-img-pos-x, 50%) var(--gm-img-pos-y, 50%);
  display: block;
}

.gm-sekcija--lokacija-opis {
  padding: 96px 24px !important;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.gm-lokacija-opis__row {
  gap: 80px !important;
  align-items: flex-start !important;
}

.gm-sekcija--lokacija-opis .gm-lokacija-opis__row > .wp-block-column:first-child {
  flex-basis: auto !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  min-width: 0;
}

.gm-sekcija--lokacija-opis .gm-lokacija-opis__row > .wp-block-column:last-child {
  flex: 0 0 var(--gm-lokacija-side-w) !important;
  flex-basis: var(--gm-lokacija-side-w) !important;
  max-width: var(--gm-lokacija-side-w) !important;
  width: var(--gm-lokacija-side-w) !important;
}

.gm-sekcija--lokacija-opis .gm-lokacija-map__frame:not(.gm-lokacija-access-map__frame) {
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.gm-dogodek-eyebrow::after {
  content: none;
}

.gm-dogodek-eyebrow--on-dark {
  display: none !important;
}

.gm-lokacija-opis__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 32px !important;
}

.gm-lokacija-opis__lead {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 24px !important;
}

.gm-lokacija-opis__text {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 24px !important;
}

.gm-lokacija-opis__text:last-child {
  margin-bottom: 0 !important;
}

.gm-lokacija-map__frame {
  width: 100%;
  background: var(--gm-bg-soft, #f3f4f6);
  overflow: hidden;
  margin: 0;
}

.gm-sekcija--lokacija-opis .gm-lokacija-map {
  width: 100%;
}

.gm-sekcija--lokacija-opis .gm-lokacija-map__address,
.gm-sekcija--lokacija-opis .gm-lokacija-map__cta {
  display: none !important;
}

.gm-lokacija-map__frame:not(.gm-lokacija-access-map__frame) {
  aspect-ratio: 1 / 1;
  height: auto;
}

.gm-lokacija-map__frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.gm-lokacija-map__address {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 8px !important;
  padding-left: 30px;
  position: relative;
}

.gm-lokacija-map__address::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: no-repeat center / contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M9 1.5a6 6 0 016 6c0 4.5-6 10.5-6 10.5S3 12 3 7.5a6 6 0 016-6z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='7.5' r='2' stroke='%23e94e1b' stroke-width='1.5'/%3E%3C/svg%3E");
}

.gm-sekcija--lokacija-hours {
  padding: 80px 24px !important;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.gm-lokacija-hours__row {
  gap: 48px !important;
  align-items: flex-start !important;
}

.gm-lokacija-hours__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 16px !important;
}

.gm-lokacija-hours__note {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 22px !important;
  color: #9ca3af !important;
  margin: 0 !important;
}

.gm-hours-table {
  max-width: 600px;
  width: 100%;
}

.gm-hours-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  margin: 0 0 2px !important;
  background: #fff;
  border-left: 3px solid transparent;
}

.gm-hours-row--alt {
  background: #fafafa;
}

.gm-hours-row--today {
  background: #fff8f6 !important;
  border-left-color: var(--gm-orange, #e94e1b);
}

.gm-hours-row__day-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.gm-hours-row__day {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  width: 140px;
}

.gm-hours-row--closed .gm-hours-row__day,
.gm-hours-row--closed .gm-hours-row__hours {
  color: #9ca3af !important;
  font-weight: 400 !important;
}

.gm-hours-row__badge {
  font-family: Inter, var(--gm-font-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  color: var(--gm-orange, #e94e1b) !important;
  background: #fde8e1;
  padding: 2px 10px;
  letter-spacing: 0.04em;
  margin: 0 !important;
}

.gm-hours-row__note {
  font-family: var(--gm-font-body);
  font-size: 12px !important;
  line-height: 18px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
}

.gm-hours-row__hours {
  font-family: var(--gm-font-body);
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  white-space: nowrap;
}

.gm-sekcija--lokacija-dostop {
  padding: 80px 24px !important;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.gm-lokacija-access__grid {
  gap: 24px !important;
  margin-top: 0 !important;
  align-items: stretch !important;
}

.gm-lokacija-access-map {
  height: 100%;
  min-height: 480px;
}

.gm-lokacija-access-map__frame {
  width: 100%;
  height: 100%;
  min-height: 480px;
  margin: 0;
  background: var(--gm-bg-soft, #f3f4f6);
  overflow: hidden;
}

.gm-lokacija-access-map__frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.gm-lokacija-access-card {
  padding: 48px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  height: 100%;
}

.gm-lokacija-access-card::before {
  content: '';
  display: block;
  width: 56px;
  height: 56px;
  background: #fff;
  border: 1px solid #e5e7eb;
  margin-bottom: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

.gm-lokacija-access-card--transit::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Crect x='4' y='3' width='18' height='16' rx='2' stroke='%23101828' stroke-width='1.5'/%3E%3Cpath d='M4 9h18M9 19v2M17 19v2M4 13h2M20 13h2' stroke='%23101828' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.gm-lokacija-access-card--parking::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Crect x='3' y='3' width='20' height='20' rx='2' stroke='%23101828' stroke-width='1.5'/%3E%3Cpath d='M9 18V8h5a3.5 3.5 0 010 7H9' stroke='%23101828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-access-card__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 28px !important;
}

.gm-lokacija-access__item {
  margin: 0 0 20px !important;
}

.gm-lokacija-access__item:last-child {
  margin-bottom: 0 !important;
}

.gm-lokacija-access__label {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 4px !important;
}

.gm-lokacija-access__detail {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
}

.gm-sekcija--lokacija-kontakt {
  padding: 72px 24px !important;
  background: var(--gm-ink, #101828);
}

.gm-lokacija-contact__grid {
  gap: 2px !important;
  margin-top: 0 !important;
}

.gm-lokacija-contact-card {
  padding: 40px 48px;
  background: rgba(255, 255, 255, 0.04);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  height: 100%;
}

.gm-lokacija-contact-card::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 20px;
  background: no-repeat center / contain;
}

.gm-lokacija-contact-card--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.5 11.61a19.79 19.79 0 01-3.07-8.67A2 2 0 012.41 1h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 8.9A16 16 0 0015 17l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 17.92v-1z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-contact-card--email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6c0-1.1.9-2 2-2z' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 6l-10 7L2 6' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-contact-card--hours::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23e94e1b' stroke-width='1.5'/%3E%3Cpath d='M12 8v4l3 3' stroke='%23e94e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gm-lokacija-contact-card__label {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 0 0 8px !important;
}

.gm-lokacija-contact-card__value {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 30px !important;
  color: #fff !important;
  margin: 0 0 6px !important;
}

.gm-lokacija-contact-card__value a {
  color: inherit !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gm-lokacija-contact-card__value a:hover,
.gm-lokacija-contact-card__value a:focus-visible {
  color: var(--gm-brand, #e94e1b) !important;
}

.gm-lokacija-contact-card__sub {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  margin: 0 !important;
}

.gm-sekcija--lokacija-cenik {
  padding: 80px 24px !important;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.gm-sekcija--lokacija-cenik .gm-dogodek-section__title {
  margin-bottom: 0 !important;
}

.gm-price-table {
  border: 1px solid #e5e7eb;
  overflow: hidden;
  width: 100%;
}

.gm-price-row {
  margin: 0 !important;
  padding: 22px 32px !important;
  align-items: center !important;
  gap: 16px !important;
  border-top: 1px solid #f3f4f6;
  background: #fff;
}

.gm-price-row--alt {
  background: #fafafa;
}

.gm-price-row--head {
  background: var(--gm-ink, #101828) !important;
  border-top: 0;
  padding: 16px 32px !important;
}

.gm-price-row--head .gm-price-row__cat,
.gm-price-row--head .gm-price-row__price,
.gm-price-row--head .gm-price-row__note {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 !important;
}

.gm-price-row__cat {
  font-family: var(--gm-font-body) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
}

.gm-price-row__cat em {
  font-style: italic;
  font-weight: 700;
}

.gm-price-row__price {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 30px !important;
  color: var(--gm-orange, #e94e1b) !important;
  margin: 0 !important;
  text-align: right;
}

.gm-price-row--free .gm-price-row__price {
  color: #22c55e !important;
}

.gm-price-row__note {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #9ca3af !important;
  margin: 0 !important;
  text-align: right;
}

.gm-price-row > .wp-block-column:nth-child(2) {
  flex-basis: 160px !important;
  flex-grow: 0 !important;
}

.gm-price-row > .wp-block-column:nth-child(3) {
  flex-basis: 400px !important;
  flex-grow: 0 !important;
}

/* 2 stolpca (brez Opombe): dovolj širok stolpec za “25,00 eur / skupino” */
.gm-price-table--2col .gm-price-row > .wp-block-column:nth-child(2),
.gm-price-row:not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:nth-child(2) {
  flex-basis: 300px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  min-width: 300px;
  max-width: 340px;
  width: 300px !important;
}

.gm-price-table--2col .gm-price-row__price,
.gm-price-row:not(:has(> .wp-block-column:nth-child(3))) .gm-price-row__price {
  white-space: nowrap;
}

.gm-price-table--2col .gm-price-row > .wp-block-column:nth-child(3) {
  display: none;
}

/* Obiščite nas · uradni 4-stolpčni cenik (Figma / uradni paste) */
.gm-price-table--grid {
  width: 100%;
  border: 0;
  background: transparent;
  overflow: visible;
}

.gm-price-table--grid .gm-price-row--grid {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.35fr) repeat(3, minmax(0, 1fr));
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
  border-top: 0;
  background: transparent !important;
}

/* Single rule between Posamezna lokacija and Muzejska pot rows. */
.gm-price-table--grid .gm-price-row--grid:nth-child(3) {
  border-top: 1px solid var(--gm-ink, #101828);
}

.gm-price-table--grid .gm-price-row--grid > .wp-block-column {
  flex: unset !important;
  width: auto !important;
  min-width: 0;
  border: 0;
  padding: 14px 16px;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.gm-price-table--grid .gm-price-row--grid > .wp-block-column:first-child {
  justify-content: flex-start;
}

.gm-price-table--grid .gm-price-row--grid > .wp-block-column:not(:first-child) {
  justify-content: center;
}

.gm-price-table--grid .gm-price-row--head {
  background: transparent !important;
  padding: 0 !important;
}

.gm-price-table--grid .gm-price-row--head .gm-price-row__cat,
.gm-price-table--grid .gm-price-row--head .gm-price-row__label,
.gm-price-table--grid .gm-price-row--head .gm-price-row__price {
  font-family: var(--gm-font-body) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0 !important;
}

.gm-price-table--grid .gm-price-row--head .gm-price-row__label,
.gm-price-table--grid .gm-price-row--head .gm-price-row__price {
  text-align: center;
  width: 100%;
}

.gm-price-table--grid .gm-price-row--head .gm-price-row__cat {
  text-align: left;
}

.gm-price-table--grid .gm-price-row__label {
  font-family: var(--gm-font-body) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  text-align: center;
  width: 100%;
}

.gm-price-table--grid .gm-price-row__cat {
  font-family: var(--gm-font-body) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  text-align: left;
  width: 100%;
}

.gm-price-table--grid .gm-price-row__cat--empty {
  visibility: hidden;
}

.gm-price-table--grid .gm-price-row__price {
  font-family: var(--gm-font-body) !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  text-align: center !important;
  width: 100%;
  margin: 0 !important;
}

.gm-price-table--grid .gm-price-row__price strong {
  font-weight: 700 !important;
}

.gm-tickets__extras {
  margin-top: 24px;
  width: 100%;
}

.gm-tickets__extras-lead,
.gm-tickets__extras-item {
  font-family: var(--gm-font-body);
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 4px !important;
}

.gm-tickets__extras-item strong {
  font-weight: 700;
}

.gm-tickets__extras-item--tour {
  margin-top: 12px !important;
}

.gm-sekcija--lokacija-dogodki {
  padding: 80px 24px !important;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.gm-sekcija--lokacija-dogodki .gm-dogodek-section__title {
  margin-bottom: 0 !important;
}

.gm-lokacija-dogodki__grid {
  gap: 24px !important;
}

.gm-kartica--lokacija-dogodek {
  max-width: none;
  width: 100%;
  background: #fff;
}

.gm-kartica--lokacija-dogodek .gm-kartica__img-wrap {
  height: 260px;
}

.gm-kartica--lokacija-dogodek .gm-kartica__img,
.gm-kartica--lokacija-dogodek .gm-kartica__img img {
  height: 260px;
}

.gm-kartica--lokacija-dogodek .gm-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--gm-ink, #101828);
  color: #fff;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700 !important;
  padding: 7px 14px;
  margin: 0 !important;
}

.gm-kartica--lokacija-dogodek .gm-kartica__body {
  padding: 24px 24px 28px;
  gap: 8px;
}

.gm-kartica--lokacija-dogodek .gm-kartica__meta {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #9ca3af !important;
}

.gm-kartica--lokacija-dogodek .gm-kartica__title {
  font-size: 22px !important;
  line-height: 30px !important;
}

.gm-kartica--lokacija-dogodek .gm-kartica__text {
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
}

.gm-sekcija--lokacija-razstave {
  padding: 80px 24px !important;
  background: #fff;
}

.gm-sekcija--lokacija-razstave .gm-dogodek-section__title {
  margin-bottom: 0 !important;
}

.gm-lokacija-razstave__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.gm-kartica--lokacija-razstava {
  max-width: none;
  width: 100%;
  background: #fff;
}

@media (max-width: 1024px) {
  .gm-lokacija-galerija {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  /* Same fixed landscape ARs as desktop. */
  .gm-lokacija-galerija .gm-lokacija-galerija__main {
    grid-column: 1 / -1;
    grid-row: auto;
    aspect-ratio: 856 / 480;
  }

  .gm-lokacija-galerija .gm-lokacija-galerija__side {
    aspect-ratio: 472 / 232;
  }

  .gm-lokacija-galerija .gm-lokacija-galerija__wide:nth-of-type(4),
  .gm-lokacija-galerija .gm-lokacija-galerija__wide:nth-of-type(5) {
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 660 / 300;
  }

  .gm-lokacija-opis__row,
  .gm-lokacija-hours__row {
    flex-direction: column !important;
    gap: 40px !important;
  }

  .gm-lokacija-opis__row > .wp-block-column,
  .gm-lokacija-hours__row > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .gm-price-row > .wp-block-column:nth-child(2),
  .gm-price-row > .wp-block-column:nth-child(3) {
    flex-basis: auto !important;
    flex-grow: 1 !important;
  }

  .gm-price-table--2col .gm-price-row > .wp-block-column:nth-child(2),
  .gm-price-row:not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:nth-child(2) {
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    min-width: 12.5rem;
    max-width: none;
    width: auto !important;
  }

  .gm-price-row__price,
  .gm-price-row__note {
    text-align: left;
  }

  .gm-lokacija-contact-card {
    padding: 32px 24px;
  }
}

@media (max-width: 640px) {
  .gm-hero--lokacija .gm-hero__title,
  .gm-hero--lokacija .gm-hero__title--light {
    font-size: 36px !important;
    line-height: 44px !important;
    white-space: normal;
    max-width: 100%;
  }

  .gm-hero--lokacija .gm-hero__lead,
  .gm-hero--lokacija .gm-hero__lead--light {
    font-size: 15px !important;
    line-height: 24px !important;
    white-space: normal;
    max-width: 100%;
  }

  .gm-lokacija-hero__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .gm-sekcija--lokacija-galerija {
    padding: 0 !important;
  }

  .gm-sekcija--lokacija-galerija .gm-sekcija__inner {
    max-width: none !important;
    padding: 0 !important;
  }

  .gm-lokacija-galerija {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
  }

  .gm-lokacija-galerija .gm-lokacija-galerija__main {
    aspect-ratio: 856 / 480;
  }

  .gm-lokacija-galerija .gm-lokacija-galerija__side {
    aspect-ratio: 472 / 232;
  }

  .gm-lokacija-galerija .gm-lokacija-galerija__wide {
    display: none;
  }

  .gm-sekcija--lokacija-opis,
  .gm-sekcija--lokacija-hours,
  .gm-sekcija--lokacija-dostop,
  .gm-sekcija--lokacija-cenik,
  .gm-sekcija--lokacija-dogodki,
  .gm-sekcija--lokacija-razstave {
    padding: 40px 20px !important;
  }

  .gm-sekcija--lokacija-kontakt {
    padding: 48px 20px !important;
  }

  .gm-lokacija-opis__title {
    font-size: 26px !important;
    line-height: 34px !important;
    margin: 0 0 20px !important;
  }

  .gm-lokacija-opis__lead,
  .gm-lokacija-opis__text {
    font-size: var(--gm-copy-size) !important;
    line-height: var(--gm-copy-lh) !important;
  }

  .gm-lokacija-access-card {
    padding: 28px 20px;
  }

  .gm-lokacija-access__grid {
    flex-direction: column !important;
    margin-top: 0 !important;
  }

  .gm-lokacija-contact__grid {
    flex-direction: column !important;
    margin-top: 0 !important;
  }

  .gm-lokacija-contact-card {
    padding: 24px 0;
    border-left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .gm-lokacija-contact-card__value {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .gm-hours-row {
    padding: 14px 16px;
  }

  .gm-hours-row__day {
    width: auto;
    font-size: 14px !important;
  }

  .gm-hours-row__hours {
    font-size: 14px !important;
  }

  .gm-price-row:not(.gm-price-row--grid) {
    flex-wrap: wrap !important;
    padding: 16px !important;
  }

  .gm-price-row--head .gm-price-row__note,
  .gm-price-row .gm-price-row__note {
    display: none;
  }

  /* Legacy 2-col price rows only — keep all 4 cols on gm-price-table--grid. */
  .gm-price-table:not(.gm-price-table--grid) .gm-price-row > .wp-block-column:nth-child(3) {
    display: none;
  }

  /* Obiščite nas cenik: narrow label col, show all 3 price columns. */
  .gm-price-table--grid {
    overflow-x: visible;
  }

  .gm-price-table--grid .gm-price-row--grid {
    min-width: 0 !important;
    /* First col wide enough for “Posamezna” without mid-word wrap */
    grid-template-columns: minmax(0, 5.75rem) repeat(3, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
  }

  .gm-price-table--grid .gm-price-row--grid > .wp-block-column {
    padding: 10px 2px;
  }

  .gm-price-table--grid .gm-price-row--grid > .wp-block-column:first-child {
    padding-left: 0;
    padding-right: 4px;
    justify-content: flex-start;
  }

  .gm-price-table--grid .gm-price-row--grid > .wp-block-column:not(:first-child) {
    padding-left: 2px;
    padding-right: 2px;
  }

  .gm-price-table--grid .gm-price-row__cat,
  .gm-price-table--grid .gm-price-row--head .gm-price-row__cat {
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: left;
    padding-left: 0;
    margin-left: 0 !important;
    hyphens: none;
    -webkit-hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
  }

  .gm-price-table--grid .gm-price-row__label,
  .gm-price-table--grid .gm-price-row__price,
  .gm-price-table--grid .gm-price-row--head .gm-price-row__label,
  .gm-price-table--grid .gm-price-row--head .gm-price-row__price {
    font-size: 14px !important;
    line-height: 18px !important;
    hyphens: none;
    -webkit-hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
  }

  .gm-price-table--grid .gm-price-row__price strong {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  /* “Otroci, študenti / in upokojenci” */
  .gm-price-table--grid .gm-price-row--head > .wp-block-column:nth-child(3) .gm-price-row__label {
    display: block;
    max-width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 18px !important;
  }

  /* “Družinska / vstopnica” */
  .gm-price-table--grid .gm-price-row--head > .wp-block-column:nth-child(4) .gm-price-row__label {
    display: block;
    max-width: 5.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 18px !important;
  }

  .gm-lokacija-dogodki__grid {
    flex-direction: column !important;
  }

  .gm-kartica--lokacija-dogodek .gm-kartica__img-wrap,
  .gm-kartica--lokacija-dogodek .gm-kartica__img,
  .gm-kartica--lokacija-dogodek .gm-kartica__img img {
    height: 180px;
  }

  .gm-kartica--lokacija-dogodek .gm-kartica__body {
    padding: 16px 0 20px;
  }

  .gm-kartica--lokacija-dogodek .gm-kartica__title {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}

/* ── Novica detail (Figma Novica1 / novicadetail.tsx) ─────── */

.gm-sekcija--novica-breadcrumb {
  padding: 28px 24px !important;
  background: #fff;
}

.gm-novica-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
  text-align: left;
}

.gm-novica-bc a {
  color: var(--gm-muted, #4a5565);
  text-decoration: none;
}

.gm-novica-bc a:hover {
  color: var(--gm-orange, #e94e1b);
}

.gm-novica-bc__current {
  font-weight: 700;
  color: var(--gm-ink, #101828);
}

.gm-novica-bc__sep {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #9ca3af;
  border-bottom: 1.5px solid #9ca3af;
  transform: rotate(-45deg);
  margin: 0 2px;
}

.gm-sekcija--novica-header {
  padding: 0 24px 56px !important;
  background: #fff;
}

.gm-novica-header__meta {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin: 0 0 28px !important;
}

.gm-novica-header__meta .gm-badge--brand {
  display: none !important;
}

.gm-novica-header__date {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: #9ca3af !important;
  margin: 0 !important;
}

.gm-novica-header__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 64px !important;
  line-height: 72px !important;
  color: var(--gm-ink, #101828) !important;
  max-width: none;
  width: 100%;
  margin: 0 0 32px !important;
  text-align: left;
}

.gm-novica-header__lead {
  font-family: var(--gm-font-body);
  font-size: 22px !important;
  line-height: 34px !important;
  color: var(--gm-muted, #4a5565) !important;
  font-style: normal;
  max-width: none;
  width: 100%;
  margin: 0 0 40px !important;
  text-align: left;
}

.gm-novica-share.gm-dogodek-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 24px;
  border-top: 1px solid var(--gm-border, #e5e7eb);
  margin: 0 !important;
  max-width: none !important;
  width: 100%;
  order: 0;
}

.gm-novica-share .gm-dogodek-share--tools .gm-dogodek-share__menu {
  left: 0;
  right: auto;
}

.gm-sekcija--novica-media {
  padding: 0 24px 80px !important;
  background: #fff;
}

/* Full width of content column — left-aligned with header (override WP constrained centering). */
.gm-sekcija--novica-media .gm-sekcija__inner > .gm-novica-media,
.gm-novica-media {
  position: relative;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible;
}

.gm-novica-media .wp-block-image,
.gm-novica-media figure {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
}

.gm-novica-media img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 560px;
  object-fit: cover;
  margin: 0 !important;
}

.gm-novica-media figcaption,
.gm-novica-media .wp-element-caption,
.gm-novica-media__caption {
  position: static !important;
  display: block !important;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  padding: 0 !important;
  background: none !important;
  font-family: var(--gm-font-body);
  font-size: 13px !important;
  line-height: 20px !important;
  font-style: italic;
  color: #9ca3af !important;
  margin: 16px 0 0 !important;
  text-align: left;
}

.gm-sekcija--novica-body {
  padding: 0 24px 96px !important;
  background: #fff;
  border-bottom: 1px solid var(--gm-border, #e5e7eb);
}

/* Full reading width — same content edge as header/hero (not a narrow column). */
.gm-sekcija--novica-body .gm-sekcija__inner > .gm-novica-body,
.gm-novica-body {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left;
}

.gm-novica-body__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 20px !important;
  text-align: left;
}

.gm-novica-body__text {
  font-family: var(--gm-font-body);
  font-size: var(--gm-copy-size) !important;
  line-height: var(--gm-copy-lh) !important;
  font-weight: 400 !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 0 24px !important;
  text-align: left;
}

.gm-novica-body__text:last-child {
  margin-bottom: 0 !important;
}

/* Citacija — same component as predmet / uredniške (max 760, left-aligned). */
.gm-novica-body .gm-citacija,
.gm-sekcija--novica-body .gm-citacija {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 760px !important;
  text-align: left;
}

.gm-novica-body .gm-citacija__text,
.gm-novica-body .gm-citacija__author {
  text-align: left;
}

.gm-sekcija--novica-sorodne {
  display: none !important;
}

.gm-novica-sorodne__eyebrow {
  display: none !important;
}

.gm-novica-sorodne__eyebrow::after {
  content: none;
}

.gm-novica-sorodne__eyebrow::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--gm-orange, #e94e1b);
  margin-top: 24px;
}

.gm-novica-sorodne__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
  text-align: left;
}

.gm-novica-sorodne__header {
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 48px !important;
  margin: 0 0 48px !important;
}

.gm-novica-sorodne__header > .wp-block-column:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  width: auto !important;
}

.gm-novica-sorodne__header .gm-sekcija__cta {
  justify-content: flex-end !important;
  margin: 0 !important;
}

.gm-novica-related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin: 0 !important;
  width: 100%;
  max-width: none !important;
}

.gm-kartica--novica-related {
  display: flex;
  flex-direction: column;
  background: #fff;
  transition: background-color 0.15s ease;
  text-align: left;
}

.gm-kartica--novica-related:hover {
  background: var(--gm-hover, #f2f2f7);
}

.gm-kartica--novica-related .gm-kartica__img,
.gm-kartica--novica-related .gm-kartica__img img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
  margin: 0 !important;
}

.gm-kartica--novica-related .gm-kartica__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 0 28px;
}

.gm-kartica--novica-related .gm-kartica__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.gm-kartica--novica-related .gm-badge--ink {
  display: inline-block;
  background: var(--gm-ink, #101828);
  color: #fff !important;
  font-family: var(--gm-font-body);
  font-weight: 700;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  margin: 0 !important;
}

.gm-kartica--novica-related .gm-kartica__date {
  font-family: var(--gm-font-body);
  font-size: 14px !important;
  line-height: 20px !important;
  color: #9ca3af !important;
  margin: 0 !important;
}

.gm-kartica--novica-related .gm-kartica__title {
  font-family: var(--gm-font-display) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 30px !important;
  color: var(--gm-ink, #101828) !important;
  margin: 0 !important;
}

.gm-kartica--novica-related .gm-kartica__text {
  font-family: var(--gm-font-body);
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--gm-muted, #4a5565) !important;
  margin: 0 !important;
}

.gm-kartica--novica-related .gm-kartica__cta {
  margin-top: 4px;
}

.gm-kartica--novica-related .gm-kartica__cta .wp-block-button__link,
.gm-kartica--novica-related .gm-btn--link .wp-block-button__link {
  font-size: 16px !important;
  line-height: 24px !important;
}

@media (max-width: 900px) {
  .gm-novica-related {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .gm-kartica--novica-related {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #f3f4f6;
  }

  .gm-kartica--novica-related .gm-kartica__img,
  .gm-kartica--novica-related .gm-kartica__img img {
    height: 180px;
  }

  .gm-kartica--novica-related .gm-kartica__text {
    display: none;
  }

  .gm-novica-sorodne__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  .gm-novica-sorodne__header > .wp-block-column:last-child {
    align-items: flex-start !important;
  }

  .gm-novica-sorodne__header .gm-sekcija__cta {
    display: none;
  }

  .gm-sekcija--novica-sorodne .gm-novica-sorodne__all-mobile {
    display: flex !important;
  }
}

.gm-novica-sorodne__all-mobile {
  display: none !important;
  margin-top: 8px;
}

@media (max-width: 600px) {
  .gm-sekcija--novica-breadcrumb {
    padding: 14px 20px !important;
  }

  .gm-novica-bc {
    gap: 6px;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .gm-sekcija--novica-header {
    padding: 0 20px 32px !important;
  }

  .gm-novica-header__meta {
    gap: 12px;
    margin-bottom: 20px;
  }

  .gm-sekcija--novica-header .gm-badge--brand {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 4px 12px;
  }

  .gm-novica-header__date {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .gm-novica-header__title {
    font-size: 32px !important;
    line-height: 40px !important;
    margin-bottom: 20px !important;
  }

  .gm-novica-header__lead {
    font-size: 17px !important;
    line-height: 28px !important;
    margin-bottom: 24px !important;
  }

  .gm-novica-share.gm-dogodek-tools {
    gap: 10px;
    padding-top: 20px;
  }

  .gm-sekcija--novica-media {
    padding: 0 0 40px !important;
  }

  .gm-novica-media .wp-block-image,
  .gm-novica-media figure {
    height: auto !important;
  }

  .gm-novica-media img {
    height: 240px;
  }

  .gm-novica-media figcaption,
  .gm-novica-media .wp-element-caption,
  .gm-novica-media__caption {
    margin-top: 12px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .gm-sekcija--novica-body {
    padding: 0 20px 48px !important;
  }

  .gm-novica-body__title {
    font-size: 22px !important;
    line-height: 30px !important;
    margin-bottom: 16px !important;
  }

  .gm-novica-body__text {
    font-size: var(--gm-copy-size) !important;
    line-height: var(--gm-copy-lh) !important;
    margin-bottom: 20px !important;
  }

  .gm-sekcija--novica-sorodne {
    padding: 40px 20px !important;
  }

  .gm-novica-sorodne__eyebrow {
    font-size: 11px !important;
    line-height: 16px !important;
    margin-bottom: 10px !important;
  }

  .gm-novica-sorodne__eyebrow::after {
    width: 32px;
    margin-top: 20px;
  }

  .gm-novica-sorodne__title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .gm-novica-sorodne__header {
    margin-bottom: 28px !important;
  }

  .gm-kartica--novica-related .gm-kartica__body {
    padding: 14px 0 0;
  }

  .gm-kartica--novica-related .gm-kartica__title {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}