/* What the owner sets in Administration, Theme options, wins over the colours and the font the bought stylesheets fix.
   theme-options.css (written by the core when the screen is saved) holds --tuetran-primary and the font family. */
:root {
  --color-accent-1: var(--tuetran-primary, #EB662B);
  --color-accent-1-dark: color-mix(in srgb, var(--tuetran-primary, #EB662B) 85%, black);
}

body {
  font-family: var(--tuetran-font-body, var(--font-primary));
}

.footer__newsletter input[type="email"] {
  min-width: 0;
}

.cookie-consent {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px 20px;
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 0 10px 40px rgba(5, 16, 54, 0.15);
}

.cookie-consent[hidden] {
  display: none;
}

/* The title of a page header gets its size from the reboot of the framework in the drawing (vendors.css: h1 grows with the screen up to 2.5rem). The H1 box of
   Theme options sets one size for every h1, so the title of the tour list keeps the drawing's. */
.pageHeader.-type-3 .pageHeader__title {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .pageHeader.-type-3 .pageHeader__title {
    font-size: 2.5rem;
  }
}

/* The dashboard of a tour provider: a field that already holds a value (a tour being edited) keeps its label above the box, as a field in focus does;
   the fields of that form carry a blank placeholder so the browser can tell */
.dashboard .contactForm .form-input input:not(:placeholder-shown) + label,
.dashboard .contactForm .form-input textarea:not(:placeholder-shown) + label,
.dashboard .contactForm .form-input select + label {
  transform: translateY(-29px);
}