:root {
  --lfdk-scroll-offset: clamp(4.5rem, 6vw, 6rem);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--lfdk-scroll-offset);
}

@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }
}

/* Global: enable automatic hyphenation (German text benefits greatly) */
body {
  hyphens: auto;
  -webkit-hyphens: auto;

  /* Dynamically */
  --lfdk-body-background-color-source: var(--wp--preset--color--current-section, var(--wp--preset--color--primary-3));
  --lfdk-body-background-alpha: 0.1;

  /* Fallback if browsers don't support modern syntax */
  --lfdk-body-background-color: var(--wp--preset--color--primary-3);

  /* Try color-mix syntax */
  --lfdk-body-background-color: color-mix(in srgb, var(--lfdk-body-background-color-source), transparent calc(100% - var(--lfdk-body-background-alpha) * 100%));

  /* Try rgba from syntax */
  --lfdk-body-background-color: rgb(from var(--lfdk-body-background-color-source) r g b / var(--lfdk-body-background-alpha));
  background-color: var(--lfdk-body-background-color);
}

/* Boxed layout: cap site width at 1600px (100rem) */
.wp-site-blocks {
  max-width: 100rem;
  margin-inline: auto;
  background-color: var(--wp--preset--color--base);
  --shadow-color: var(--wp--preset--color--current-section);
  box-shadow: var(--wp--preset--shadow--lg);
}

/* Global padding: keep root padding on non-exempt full-width blocks */
.has-global-padding > .alignfull:not(.wp-block-separator,.wp-block-cover,.nopadding) {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

/* EOP Navigation: equal-width columns so center link stays centered */
.lfdk-eop-nav > * {
  flex: 1 1 0;
  min-width: 0;
}

.lfdk-eop-nav > :nth-child(2) {
  text-align: center;
}

.lfdk-eop-nav > :last-child {
  text-align: right;
}

/* --- Yoast Breadcrumbs --- */

.yoast-breadcrumbs {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.yoast-breadcrumbs a {
  text-decoration: none;
  color: var(--wp--preset--color--contrast);
}

.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}

.yoast-breadcrumbs .breadcrumb_last {
  color: var(--wp--preset--color--contrast-1);
  font-weight: 400;
}

/* Card styles are in card.css */