/**
 * Linki ze strzałką w kafelkach — Roboto Mono 10pt, tracking 217 (0.217em), lh 0.94
 */

:root {
  --tile-cta-font: 'Roboto Mono', monospace;
  --tile-cta-size: 10pt;
  --tile-cta-track: 0.217em;
  --tile-cta-lh: 0.94;
  --tile-cta-gap: 5px;
  --tile-cta-arrow-margin-start: 5px;
  --tile-cta-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32' fill='none'%3E%3Cpath d='M2 16h28M22 8l10 8-10 8' stroke='%23000' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tile-cta-arrow-ratio: 1.25;
  --tile-cta-arrow-h-1: calc(var(--tile-cta-size) * var(--tile-cta-lh));
  --tile-cta-arrow-h-2: calc(var(--tile-cta-arrow-h-1) * 2);
  --tile-cta-arrow-w-1: calc(var(--tile-cta-arrow-h-1) * var(--tile-cta-arrow-ratio));
  --tile-cta-arrow-w-2: calc(var(--tile-cta-arrow-w-1) * 2);
  --link-hover-color: var(--brand-red, #b84b55);
}

/* Stała typografia (niezależna od nadpisań w panelu CMS) — tylko tekst, nie kontener linku */
.split-tile-cta-link__text,
.split-tile-cta-link__line,
.soundwall-cta-link__text,
.soundwall-cta-link__line,
.inline-cta a:not(.split-tile-cta-link):not(.soundwall-cta-link),
.checker-story-block__cta a,
.editorial-panel__cta a,
.realizacje-gallery__footer-cta-link {
  font-family: 'Roboto Mono', monospace !important;
  font-size: var(--tile-cta-size) !important;
  line-height: var(--tile-cta-lh) !important;
  letter-spacing: 0.217em !important;
  font-weight: 400;
}

.split__copy {
  min-width: 0;
}

/* Blok CTA — dół kolumny, do prawej */
.split__copy .inline-cta,
.split-extra-block .inline-cta--extra,
.checker-story-block__cta,
.editorial-panel__cta,
.realizacje-gallery__footer-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: auto;
  padding-top: var(--split-tile-cta-pad-top, clamp(42px, 3.85vw, 58px));
}

/* [tekst 1–2 linii] [strzałka] — całość przy prawej krawędzi */
a.split-tile-cta-link,
a.soundwall-cta-link {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

.split-light a.split-tile-cta-link,
.split-light a.soundwall-cta-link {
  color: var(--split-tile-body-color, #22282c);
}

.split-dark a.split-tile-cta-link,
.split-dark a.soundwall-cta-link {
  color: var(--dark-showroom-body-color, #ececec);
}

/* Hover — kolor marki #b84b55 (tekst + strzałka przez currentColor) */
a.split-tile-cta-link:hover,
a.soundwall-cta-link:hover,
a.split-tile-cta-link:hover .split-tile-cta-link__text,
a.split-tile-cta-link:hover .split-tile-cta-link__line,
a.soundwall-cta-link:hover .soundwall-cta-link__text,
a.soundwall-cta-link:hover .soundwall-cta-link__line,
.inline-cta a:not(.split-tile-cta-link):not(.soundwall-cta-link):hover,
.checker-story-block__cta a:hover,
.editorial-panel__cta a:hover,
.realizacje-gallery__footer-cta-link:hover {
  color: var(--link-hover-color) !important;
  opacity: 1;
}

/* Strzałka za tekstem (kolejność DOM: tekst, potem strzałka) */
.split-tile-cta-link__arrow,
.soundwall-cta-link__arrow {
  flex: 0 0 auto;
  flex-shrink: 0;
  align-self: center;
  display: block;
  width: var(--tile-cta-arrow-w-1);
  height: var(--tile-cta-arrow-h-1);
  margin: 0;
  margin-left: var(--tile-cta-arrow-margin-start, 5px);
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-color: currentColor;
  -webkit-mask-image: var(--tile-cta-arrow-mask);
  mask-image: var(--tile-cta-arrow-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

a.split-tile-cta-link:has(.split-tile-cta-link__line + .split-tile-cta-link__line) .split-tile-cta-link__arrow,
a.soundwall-cta-link:has(.soundwall-cta-link__line + .soundwall-cta-link__line) .soundwall-cta-link__arrow {
  width: var(--tile-cta-arrow-w-2);
  height: var(--tile-cta-arrow-h-2);
}

.split-tile-cta-link__text,
.soundwall-cta-link__text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.32em;
  flex: 0 0 auto;
  flex-shrink: 0;
  min-width: min-content;
  max-width: min(100%, var(--split-tile-cta-max-width, 252px));
  margin: 0;
  padding: 0;
  padding-inline-end: 0.217em;
  text-align: right;
}

.split-tile-cta-link__line,
.soundwall-cta-link__line {
  display: block;
  white-space: nowrap;
  text-align: right;
  line-height: var(--tile-cta-lh, 0.94);
  padding-inline-end: 0;
}

.split-tile-cta-link__line + .split-tile-cta-link__line,
.soundwall-cta-link__line + .soundwall-cta-link__line {
  margin-top: 0;
}

/* Proste linki — tekst, potem strzałka */
.inline-cta a:not(.split-tile-cta-link):not(.soundwall-cta-link),
.checker-story-block__cta a,
.editorial-panel__cta a,
.realizacje-gallery__footer-cta-link {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
  text-decoration: none;
  text-align: right;
  color: var(--split-tile-body-color, #22282c);
  transition: color 0.2s ease;
}

.split-dark .inline-cta a:not(.split-tile-cta-link):not(.soundwall-cta-link),
.split-dark .checker-story-block__cta a,
.split-dark .editorial-panel__cta a {
  color: var(--dark-showroom-body-color, #ececec);
}

.inline-cta a:not(.split-tile-cta-link):not(.soundwall-cta-link) > span[aria-hidden="true"]:last-child,
.checker-story-block__cta span[aria-hidden="true"],
.editorial-panel__cta span[aria-hidden="true"],
.realizacje-gallery__footer-cta-link span[aria-hidden="true"] {
  flex: 0 0 auto;
  display: block;
  width: var(--tile-cta-arrow-w-1);
  height: var(--tile-cta-arrow-h-1);
  margin-left: var(--tile-cta-arrow-margin-start, 5px);
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-color: currentColor;
  -webkit-mask-image: var(--tile-cta-arrow-mask);
  mask-image: var(--tile-cta-arrow-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* Hero — przycisk obrys (osobny rozmiar) */
.hero-inner .outline-button .button-arrow,
.hero .outline-button .button-arrow {
  flex: 0 0 auto;
  flex-shrink: 0;
  display: block;
  width: calc(var(--outline-button-font-size, 17.333px) * var(--outline-button-lh, 0.94) * 1.25);
  height: calc(var(--outline-button-font-size, 17.333px) * var(--outline-button-lh, 0.94));
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-color: currentColor;
  -webkit-mask-image: var(--tile-cta-arrow-mask);
  mask-image: var(--tile-cta-arrow-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (max-width: 767px) {
  .split-tile-cta-link__line,
  .soundwall-cta-link__line {
    white-space: normal;
  }
}

/* Split copy — wyrównanie tekstu CTA do prawej (nadpisuje style.css center) */
.split__copy .inline-cta .split-tile-cta-link__text,
.split__copy .inline-cta .soundwall-cta-link__text,
.split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__text,
.split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__text,
.split__copy .inline-cta .split-tile-cta-link__line,
.split__copy .inline-cta .soundwall-cta-link__line,
.split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__line,
.split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__line {
  text-align: right !important;
  padding-inline-end: 0.217em;
}

.split__copy .inline-cta .split-tile-cta-link__arrow,
.split__copy .inline-cta .soundwall-cta-link__arrow,
.split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__arrow,
.split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__arrow,
.split__copy .inline-cta a > span[aria-hidden="true"] {
  margin-left: var(--tile-cta-arrow-margin-start, 5px) !important;
}

.kino-soundwall-canva-layout .split__copy .inline-cta .split-tile-cta-link__text,
.kino-soundwall-canva-layout .split__copy .inline-cta .soundwall-cta-link__text,
.kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__text,
.kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__text,
.kino-soundwall-canva-layout .split__copy .inline-cta .split-tile-cta-link__line,
.kino-soundwall-canva-layout .split__copy .inline-cta .soundwall-cta-link__line,
.kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__line,
.kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__line {
  text-align: right !important;
}
@media (min-width: 901px) {
  .kino-soundwall-canva-layout .split__copy .inline-cta .split-tile-cta-link__line,
  .kino-soundwall-canva-layout .split__copy .inline-cta .soundwall-cta-link__line,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__line,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__line {
    white-space: nowrap;
  }
}

@media (max-width: 1024px) {
  .kino-soundwall-canva-layout .split__copy .inline-cta a.split-tile-cta-link,
  .kino-soundwall-canva-layout .split__copy .inline-cta a.soundwall-cta-link,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra a.split-tile-cta-link,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra a.soundwall-cta-link,
  .page-key-audio .split__copy .inline-cta a.split-tile-cta-link,
  .page-key-audio .split__copy .split-extra-block .inline-cta--extra a.split-tile-cta-link,
  .page-key-cinema-halls .split__copy .inline-cta a.split-tile-cta-link,
  .page-key-cinema-halls .split__copy .split-extra-block .inline-cta--extra a.split-tile-cta-link,
  .page-key-about .split__copy .inline-cta a.split-tile-cta-link {
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
  }

  .kino-soundwall-canva-layout .split__copy .inline-cta .split-tile-cta-link__text,
  .kino-soundwall-canva-layout .split__copy .inline-cta .soundwall-cta-link__text,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__text,
  .kino-soundwall-canva-layout .split__copy .split-extra-block .inline-cta--extra .soundwall-cta-link__text,
  .page-key-audio .split__copy .inline-cta .split-tile-cta-link__text,
  .page-key-audio .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__text,
  .page-key-cinema-halls .split__copy .inline-cta .split-tile-cta-link__text,
  .page-key-cinema-halls .split__copy .split-extra-block .inline-cta--extra .split-tile-cta-link__text,
  .page-key-about .split__copy .inline-cta .split-tile-cta-link__text {
    width: auto !important;
    max-width: min(100%, var(--split-tile-cta-max-width, 252px)) !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    min-width: min-content !important;
  }
}