/* Conversion cookie layout: static asset, not parsed by MODX. */
.cookieconsent {
  position: fixed !important;
  z-index: 2147483000 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 20px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
.cookieconsent_container {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 16px 28px !important;
  border-radius: 14px 14px 0 0 !important;
  background: #2867a6 !important;
  color: #fff !important;
  box-shadow: 0 -8px 24px rgba(18, 57, 96, .18) !important;
  box-sizing: border-box !important;
}
.cookieconsenttext {
  flex: 1 1 auto !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.cookieconsenttext a { color: #fff !important; text-decoration: underline !important; }
.cookieconsentclose_btn,
.conversion-cookie-toggle {
  flex: 0 0 auto !important;
  border: 1px solid rgba(255, 255, 255, .85) !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #fff !important;
  font: inherit !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.cookieconsentclose_btn { min-width: 108px !important; padding: 11px 20px !important; text-align: center !important; }
.conversion-cookie-toggle { display: none !important; padding: 8px 12px !important; font-size: 12px !important; }
@media (max-width: 768px) {
  .cookieconsent { padding: 0 8px !important; }
  .cookieconsent_container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 8px 12px !important;
    max-height: 20vh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 11px 12px !important;
    border-radius: 12px 12px 0 0 !important;
    transition: max-height .2s ease !important;
  }
  .cookieconsenttext {
    grid-column: 1 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  .conversion-cookie-toggle { display: inline-block !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; }
  .cookieconsentclose_btn { grid-column: 2 !important; grid-row: 1 / span 2 !important; min-width: 104px !important; padding: 10px 15px !important; font-size: 14px !important; }
  .cookieconsent.conversion-cookie-expanded .cookieconsent_container { max-height: 70vh !important; overflow: auto !important; }
  .cookieconsent.conversion-cookie-expanded .cookieconsenttext { display: block !important; overflow: visible !important; }
}

/* Final specificity overrides for the legacy cookie plugin. */
@media (min-width: 769px) {
  html body .cookieconsent {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
  }
  html body .cookieconsent .cookieconsent_container { width: min(1180px, calc(100% - 40px)) !important; }
}
@media (max-width: 768px) {
  html body .cookieconsent {
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 16px) !important;
    max-width: 420px !important;
    transform: translateX(-50%) !important;
  }
}