/**
 * Kontakt page — editorial cards aligned with Digitale Lösungen hub.
 */

:root {
  --pa-kontakt-section-gap: var(--wp--preset--spacing--50);
  --pa-kontakt-card-gap: var(--wp--preset--spacing--40);
}

body.pa-kontakt-page .pa-kontakt-section {
  margin-bottom: var(--pa-kontakt-section-gap) !important;
}

body.pa-kontakt-page .pa-kontakt-section + .pa-kontakt-section {
  border-top: 1px solid var(--wp--preset--color--line);
  padding-top: var(--pa-kontakt-section-gap);
}

body.pa-kontakt-page .pa-kontakt-section > .has-large-font-size:first-of-type,
body.pa-kontakt-page .pa-kontakt-section > h2.has-large-font-size {
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin-top: 0;
}

body.pa-kontakt-page .pa-kontakt-section > p {
  line-height: 1.5;
  max-width: 62ch;
}

/* Use-case grid: allow full wide track so card titles don't break awkwardly. */
body.pa-kontakt-page .pa-kontakt-use-cases.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-inline: auto;
  max-width: var(--wp--style--global--wide-size);
  width: 100%;
}

body.pa-kontakt-page .pa-digitale-loesungen-cards {
  margin-top: var(--wp--preset--spacing--40) !important;
}

body.pa-kontakt-page .pa-digitale-loesungen-cards .wp-block-column {
  display: flex;
  flex-direction: column;
}

body.pa-kontakt-page .pa-digitale-loesungen-cards .pa-digitale-loesungen-card {
  flex: 1 1 auto;
  width: 100%;
}

/* Kontakt glyphs — same mask language as Digitale Lösungen */
body.pa-kontakt-page .pa-kontakt-card__glyph--code::before {
  mask-image: url("../icons/kontakt/glyph-code.svg");
  -webkit-mask-image: url("../icons/kontakt/glyph-code.svg");
}

body.pa-kontakt-page .pa-kontakt-card__glyph--shuffle::before {
  mask-image: url("../icons/kontakt/glyph-shuffle.svg");
  -webkit-mask-image: url("../icons/kontakt/glyph-shuffle.svg");
}

body.pa-kontakt-page .pa-kontakt-card__glyph--git-branch::before {
  mask-image: url("../icons/kontakt/glyph-git-branch.svg");
  -webkit-mask-image: url("../icons/kontakt/glyph-git-branch.svg");
}

body.pa-kontakt-page .pa-kontakt-card__glyph--printer::before {
  mask-image: url("../icons/kontakt/glyph-printer.svg");
  -webkit-mask-image: url("../icons/kontakt/glyph-printer.svg");
}

body.pa-kontakt-page .pa-kontakt-card__glyph--shield::before {
  mask-image: url("../icons/kontakt/glyph-shield-check.svg");
  -webkit-mask-image: url("../icons/kontakt/glyph-shield-check.svg");
}

/* Use-case + trust cards: single-line titles in the head */
body.pa-kontakt-page .pa-kontakt-compact-card .pa-digitale-loesungen-card__head {
  margin-bottom: 0;
}

body.pa-kontakt-page .pa-kontakt-compact-card .pa-digitale-loesungen-card__head .has-large-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
  line-height: 1.35;
}

/* Process steps */
body.pa-kontakt-page .pa-kontakt-process-card .is-style-text-annotation {
  margin: 0 0 var(--wp--preset--spacing--20);
}

body.pa-kontakt-page .pa-kontakt-process-card .pa-digitale-loesungen-card__head {
  margin-bottom: var(--wp--preset--spacing--30);
}

body.pa-kontakt-page .pa-kontakt-process-card .pa-digitale-loesungen-card__head .has-large-font-size {
  margin-top: 0;
}

@media (hover: hover) and (pointer: fine) {
  body.pa-kontakt-page .pa-digitale-loesungen-card.is-style-pa-card:hover,
  body.pa-kontakt-page .pa-digitale-loesungen-card.pa-card:hover {
    border-color: color-mix(in srgb, var(--wp--preset--color--contrast) 18%, var(--wp--preset--color--line));
    box-shadow:
      inset 3px 0 0 0 var(--wp--preset--color--accent-9),
      var(--pa-shadow-stack);
    transform: translateY(-3px);
  }

  body.pa-kontakt-page .pa-digitale-loesungen-card:hover::before,
  body.pa-kontakt-page .pa-digitale-loesungen-card:hover::after {
    opacity: 0.62;
  }
}

@media (max-width: 781px) {
  body.pa-kontakt-page .pa-digitale-loesungen-cards .wp-block-column {
    flex-basis: 100% !important;
  }
}