/* Footer — static port of the regios_webapp Tailwind footer
   (app/views/shared/_footer.html.erb + app/assets/tailwind/application.css).
   All rules are scoped to .footer / .footer-copyright so nothing leaks into
   the Squarespace-derived page styles. The webapp uses a fluid root font-size
   (calc(13.25px + 0.375vw), locked at 14px/20px); --rfs reproduces it so every
   rem-based Tailwind size matches the webapp pixel for pixel. */

.footer, .footer-copyright {
  --rfs: calc(13.25px + 0.375vw);
  --color-regios-green: #70FF4D;
  --color-regios-purple: #9C69FF;
  font-family: "Raleway", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.4em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 320px) { .footer, .footer-copyright { --rfs: 14px; } }
@media (min-width: 1920px) { .footer, .footer-copyright { --rfs: 20px; } }

.footer, .footer *, .footer *::before, .footer *::after,
.footer-copyright, .footer-copyright *, .footer-copyright *::before, .footer-copyright *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}

.footer {
  position: relative;
  overflow: hidden;
  background-color: var(--color-regios-purple);
  padding: calc(4 * var(--rfs)) calc(1 * var(--rfs)); /* py-16 px-4 */
}
@media (min-width: 768px) {
  .footer { padding: calc(6 * var(--rfs)) calc(2 * var(--rfs)); } /* md:py-24 md:px-8 */
}

.footer-copyright {
  position: relative;
  overflow: hidden;
  background-color: var(--color-regios-purple);
}

/* OOE shape background */
.footer-ooe-shape {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .footer-ooe-shape { width: 54vw; left: -11vw; top: 1vw; }
}
.footer .ooe-shape-2 {
  display: inline-block;
  aspect-ratio: 1431.87 / 1325.58;
  --shape-line-width: 10px;
}
.footer .ooe-shape-2 svg { width: 100%; height: 100%; display: block; }
.footer .ooe-shape-2 .shape-line {
  fill: none;
  stroke: var(--shape-stroke, var(--color-regios-green));
  stroke-width: var(--shape-line-width);
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.footer .ooe-shape-2 .shape-logo { fill: var(--shape-fill, var(--color-regios-green)); }
.footer .ooe-shape-fill-green { --shape-fill: var(--color-regios-green); }
.footer .ooe-shape-stroke-green { --shape-stroke: var(--color-regios-green); }

/* desktop: lift the slogan clear of the green shape line running behind it */
@media (min-width: 768px) {
  .footer .footer-tagline { transform: translateY(-3vw); }
}

/* Typography (webapp base layer) */
.footer h4 {
  font-family: "Gilroy", ui-sans-serif, system-ui, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: calc(2 * var(--rfs)) 0;
  font-size: clamp(calc(1.2 * var(--rfs)), calc(1.5vw + 0.5 * var(--rfs)), calc(1.4 * var(--rfs))); /* --text-h4 */
  line-height: 0.98;
  color: #fff;
  white-space: normal; /* main.css sets pre-wrap on headings */
}
.footer h4.text-h2 {
  font-size: clamp(calc(2 * var(--rfs)), calc(4vw + 0.5 * var(--rfs)), calc(3.5 * var(--rfs))); /* --text-h2 */
}
.footer p, .footer-copyright p {
  font-family: "Raleway", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(calc(1 * var(--rfs)), calc(1vw + 0.5 * var(--rfs)), calc(1.25 * var(--rfs))); /* --text-normal */
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
  color: inherit;       /* main.css sets p { color: var(--pmc) } */
  white-space: normal;  /* main.css sets p { white-space: pre-wrap } */
}
.footer a, .footer-copyright a { color: inherit; text-decoration: none; }

/* Utilities used by the footer markup (Tailwind equivalents, scoped) */
:is(.footer, .footer-copyright) .relative { position: relative; }
:is(.footer, .footer-copyright) .z-10 { z-index: 10; }
:is(.footer, .footer-copyright) .container-wide { max-width: calc(80 * var(--rfs)); margin-left: auto; margin-right: auto; } /* max-w-7xl mx-auto */
:is(.footer, .footer-copyright) .flex { display: flex; }
:is(.footer, .footer-copyright) .flex-col { flex-direction: column; }
:is(.footer, .footer-copyright) .hidden { display: none; }
:is(.footer, .footer-copyright) .justify-center { justify-content: center; }
:is(.footer, .footer-copyright) .gap-8 { gap: calc(2 * var(--rfs)); }
:is(.footer, .footer-copyright) .gap-x-6 { column-gap: calc(1.5 * var(--rfs)); }
:is(.footer, .footer-copyright) .order-1 { order: 1; }
:is(.footer, .footer-copyright) .order-2 { order: 2; }
:is(.footer, .footer-copyright) .order-3 { order: 3; }
:is(.footer, .footer-copyright) .order-last { order: 9999; }
:is(.footer, .footer-copyright) .min-w-0 { min-width: 0; }
:is(.footer, .footer-copyright) .max-w-full { max-width: 100%; }
:is(.footer, .footer-copyright) .basis-full { flex-basis: 100%; }
:is(.footer, .footer-copyright) .break-words { overflow-wrap: break-word; }
:is(.footer, .footer-copyright) .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; }
:is(.footer, .footer-copyright) .text-white { color: #fff; }
:is(.footer, .footer-copyright) .text-white\/80 { color: rgb(255 255 255 / 0.8); }
:is(.footer, .footer-copyright) .text-white\/70 { color: rgb(255 255 255 / 0.7); }
:is(.footer, .footer-copyright) .text-right { text-align: right; }
:is(.footer, .footer-copyright) .text-center { text-align: center; }
:is(.footer, .footer-copyright) .text-sm { font-size: calc(0.875 * var(--rfs)); line-height: calc(1.25 * var(--rfs)); }
:is(.footer, .footer-copyright) p.text-sm { font-size: calc(0.875 * var(--rfs)); line-height: calc(1.25 * var(--rfs)); }
:is(.footer, .footer-copyright) .font-semibold { font-weight: 600; }
:is(.footer, .footer-copyright) .mb-0 { margin-bottom: 0; }
:is(.footer, .footer-copyright) .mb-3 { margin-bottom: calc(0.75 * var(--rfs)); }
:is(.footer, .footer-copyright) .mt-4 { margin-top: calc(1 * var(--rfs)); }
:is(.footer, .footer-copyright) .mt-6 { margin-top: calc(1.5 * var(--rfs)); }
:is(.footer, .footer-copyright) .mb-8 { margin-bottom: calc(2.25 * var(--rfs)); }
:is(.footer, .footer-copyright) .px-6 { padding-left: calc(1.5 * var(--rfs)); padding-right: calc(1.5 * var(--rfs)); }
:is(.footer, .footer-copyright) .py-6 { padding-top: calc(1.5 * var(--rfs)); padding-bottom: calc(1.5 * var(--rfs)); }
:is(.footer, .footer-copyright) .border-t { border-top-width: 1px; border-top-style: solid; }
:is(.footer, .footer-copyright) .border-regios-green\/30 { border-color: rgb(112 255 77 / 0.3); }
:is(.footer, .footer-copyright) .text-highlight-green { color: var(--color-regios-green); }
:is(.footer, .footer-copyright) .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
:is(.footer, .footer-copyright) .hover\:text-regios-green:hover { color: var(--color-regios-green); }
:is(.footer, .footer-copyright) .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* language switcher (DE | EN) in the copyright bar */
.footer-copyright .lang-switch {
  display: flex;
  align-items: center;
  gap: 0.45em;
  font-size: calc(0.875 * var(--rfs));
  font-weight: 600;
  color: rgb(255 255 255 / 0.7);
  margin-right: calc(0.75 * var(--rfs));
}
.footer-copyright .lang-switch a { color: inherit; opacity: .55; transition: opacity .15s ease; }
.footer-copyright .lang-switch a.active, .footer-copyright .lang-switch a:hover { opacity: 1; }
.footer-copyright .lang-switch span { opacity: .4; }

.footer-copyright .footer-social-icon {
  width: calc(1.5 * var(--rfs));
  height: calc(1.5 * var(--rfs));
  fill: currentColor;
  display: block;
}

@media (min-width: 768px) {
  :is(.footer, .footer-copyright) .md\:flex-row { flex-direction: row; }
  :is(.footer, .footer-copyright) .md\:flex-wrap { flex-wrap: wrap; }
  :is(.footer, .footer-copyright) .md\:justify-between { justify-content: space-between; }
  :is(.footer, .footer-copyright) .md\:items-end { align-items: flex-end; }
  :is(.footer, .footer-copyright) .md\:items-center { align-items: center; }
  :is(.footer, .footer-copyright) .md\:gap-12 { gap: calc(3 * var(--rfs)); }
  :is(.footer, .footer-copyright) .md\:gap-0 { gap: 0; }
  :is(.footer, .footer-copyright) .md\:order-1 { order: 1; }
  :is(.footer, .footer-copyright) .md\:order-2 { order: 2; }
  :is(.footer, .footer-copyright) .md\:order-3 { order: 3; }
  :is(.footer, .footer-copyright) .md\:text-left { text-align: left; }
  :is(.footer, .footer-copyright) .md\:hidden { display: none; }
  :is(.footer, .footer-copyright) .md\:block { display: block; }
  :is(.footer, .footer-copyright) .md\:grid { display: grid; }
  :is(.footer, .footer-copyright) .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  :is(.footer, .footer-copyright) .md\:flex { display: flex; }
  :is(.footer, .footer-copyright) .md\:flex-col { flex-direction: column; }
  :is(.footer, .footer-copyright) .md\:items-start { align-items: flex-start; }
  :is(.footer, .footer-copyright) .md\:self-center { align-self: center; }
  :is(.footer, .footer-copyright) .md\:mt-0 { margin-top: 0; }
  :is(.footer, .footer-copyright) .md\:self-start { align-self: flex-start; }
  :is(.footer, .footer-copyright) .md\:ml-auto { margin-left: auto; }
}
@media (min-width: 1024px) {
  :is(.footer, .footer-copyright) .lg\:gap-16 { gap: calc(4 * var(--rfs)); }
}

/* Mobile overrides (webapp @media (max-width: 767px) block) */
@media (max-width: 767px) {
  .footer { padding-top: calc(5 * var(--rfs)); padding-bottom: calc(2 * var(--rfs)); }
  .footer-ooe-shape { width: 320%; top: calc(-11 * var(--rfs)); left: calc(-7 * var(--rfs)); }
  .footer .text-h2 { max-width: 50%; margin-top: calc(-4 * var(--rfs)); }
  .footer-copyright { padding-bottom: calc(2 * var(--rfs)); }
  .footer .desktop-break { display: none; }
}


/* high contrast (a11y-contrast on <html>): white footer, black content */
.a11y-contrast .footer, .a11y-contrast .footer-copyright {
  background: #fff;
  color: #000;
  border-top: 2px solid #000;
}
.a11y-contrast .footer-ooe-shape { display: none; }
.a11y-contrast .footer h4,
.a11y-contrast .footer p, .a11y-contrast .footer-copyright p,
.a11y-contrast .footer a, .a11y-contrast .footer-copyright a,
:is(.a11y-contrast) .footer :is(.text-white, .text-white\/80, .text-white\/70, .text-highlight-green),
:is(.a11y-contrast) .footer-copyright :is(.text-white, .text-white\/80, .text-white\/70) { color: #000; }
.a11y-contrast .footer .hover\:text-regios-green:hover,
.a11y-contrast .footer-copyright .hover\:text-regios-green:hover { color: #000; text-decoration: underline; }
.a11y-contrast .footer-copyright .border-regios-green\/30 { border-color: #000; }
.a11y-contrast .footer-copyright .lang-switch { color: #000; }
.a11y-contrast .footer-social-icon { fill: #000; }

/* mobile footer: the slogan floats vertically centered in the free left
   space with its designed line breaks (no hyphenation), and the Service
   and Kontakt sections swap places */
@media (max-width: 767px) {
  .footer .footer-tagline {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    max-width: 62%;
    margin: 0;
    z-index: 1;
  }
  .footer .footer-tagline h4 {
    max-width: none;
    margin: 0;
    font-size: clamp(1.4rem, 9vw, 2.4rem);
    line-height: 1.04;
    -webkit-hyphens: none;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }
  .footer .footer-tagline .desktop-break { display: inline; }
  .footer .footer-m-service { order: 2; }
  .footer .footer-m-legal { order: 3; }
  .footer .footer-m-contact { order: 4; }
  .footer .footer-m-hours { order: 5; }
}