/* GDPR Cookie */

body.delay-gdpr-banner .gdpr-cookie-notice {
  transition: all ease 1s 10s;
}

.gdpr-cookie-notice {
  background: #22242b;
  border-radius: 0.75rem;
  bottom: 0.5rem;
  box-shadow: 0 3px 24px rgb(0, 0, 0, 0.08);
  font-family: Lato, "Helvetica Neue", Helvetica, sans-serif;
  left: 0.5rem;
  margin: 0 0.25rem;
  padding: 0 0.5rem 0.5rem;
  position: fixed;
  right: 0;
  width: 75%;
}

.gdpr-cookie-notice-description {
  color: white;
  font-size: 13px;
  line-height: 14px;
}

.gdpr-cookie-notice-nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  width: 100%;
}

.gdpr-cookie-notice-modal-header,
.gdpr-cookie-notice-modal-cookies,
.gdpr-cookie-notice-modal-footer {
  padding-left: 22px;
  padding-right: 22px;
}

.gdpr-cookie-notice-modal-footer .gdpr-cookie-notice-modal-cookie-state {
  text-align: left;
}

.gdpr-cookie-notice-modal-cookie-row {
  padding-left: 0;
  padding-right: 0;
}

.gdpr-cookie-notice-modal-footer-item:hover {
  color: #1c6bb0;
}

.gdpr-cookie-notice-modal-cookie-state {
  text-align: right;
}

.gdpr-cookie-notice-modal-cookie-state,
.gdpr-cookie-notice-modal-footer-item {
  color: #509ee3;
  margin: 0.25rem 0;
  width: 100%;
}

.gdpr-cookie-notice-modal-footer-item-btn,
.gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch {
  background: #509ee3;
  color: white;
}

.gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch {
  box-shadow: inset 0 0 0 1px #509ee3;
}

.gdpr-cookie-notice-modal-cookie-title:hover,
.gdpr-cookie-notice-modal-close:hover {
  cursor: pointer;
}

.gdpr-cookie-notice-modal-cookie-title {
  padding-right: 1.125rem;
}

.gdpr-cookie-notice-modal-cookie-title::after {
  right: 0;
}

.gdpr-cookie-notice-nav-item {
  border-radius: 0.375rem;
  display: block;
  font-size: 0.938rem;
  font-weight: 600;
  height: 2.5rem;
  line-height: 2.5;
  margin: 0.313rem;
  padding: 0 1rem;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.gdpr-cookie-notice-nav-item-settings {
  background-color: #22242b;
  border: 1px solid white;
  color: white;
}

.gdpr-cookie-notice-nav-item-settings:hover {
  border: 1px solid #f1f2f4;
  color: #f1f2f4;
}

.gdpr-cookie-notice-nav-item-accept {
  background-color: white;
  border-color: white;
  color: #000;
  transition: 300ms linear;
}

.gdpr-cookie-notice-nav-item-accept:hover {
  background-color: #f1f2f4;
  border-color: #f1f2f4;
  color: #000;
}

.gdpr-cookie-notice-modal-footer-item-save {
  transition: background-color 0.3s ease !important;
}

.gdpr-cookie-notice-modal-footer-item-save:hover {
  background-color: #1c6bb0;
  color: white;
}

@media screen and (min-width: 696px) {
  .gdpr-cookie-notice {
    bottom: 3rem;
    left: 2.5rem;
    margin: 0;
    max-width: 800px;
    position: fixed;
    right: 0;
    width: 70%;
    z-index: 20;
  }

  .gdpr-cookie-notice-nav-item {
    margin: 0 0.625rem;
    width: auto;
  }

  .gdpr-cookie-notice-nav {
    flex-direction: row;
    justify-content: flex-start;
  }

  .gdpr-cookie-notice {
    align-items: center;
    display: flex;
  }

  .gdpr-cookie-notice-description {
    margin-bottom: 0;
    padding: 1rem;
    width: 101%;
  }
}

@media screen and (min-width: 768px) {
  .gdpr-cookie-notice {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 960px) {
  .gdpr-cookie-notice {
    left: 0;
    margin: auto;
    width: 73%;
  }

  .gdpr-cookie-notice-nav {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .gdpr-cookie-notice-description {
    width: 148%;
  }

  .gdpr-cookie-notice {
    max-width: 1440px;
  }
}

/* ---------------------------------------------------------------------------
   Revamp cookie banner — compact centered dark pill with icon-only settings /
   accept buttons and a single "We use cookies." label. Layered on top of the
   base rules above (hence !important) so it overrides the legacy full-width
   bar sitewide without touching the settings-modal styles. Icons are inline
   data-URIs so no external assets are needed.
   -------------------------------------------------------------------------- */
.gdpr-cookie-notice {
  align-items: center !important;
  background: #22242b !important;
  border-radius: 24px !important;
  bottom: 24px !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 8px 24px -8px rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  justify-content: space-between !important;
  left: 50% !important;
  margin: 0 !important;
  max-width: calc(100vw - 32px);
  min-width: 340px;
  padding: 8px 8px 8px 16px !important;
  position: fixed !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  z-index: 1000;
}

.gdpr-cookie-notice-description {
  align-items: center !important;
  color: rgba(255, 255, 255, 0.85) !important;
  display: flex !important;
  flex: 0 0 auto !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  width: auto !important;
}

.gdpr-cookie-notice-description::after {
  content: "We use cookies.";
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.gdpr-cookie-notice-description a {
  display: none !important;
}

.gdpr-cookie-notice-nav {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  gap: 4px !important;
  margin: 0 !important;
  width: auto !important;
}

.gdpr-cookie-notice-nav-item-settings,
.gdpr-cookie-notice-nav-item-accept {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: transparent !important;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 0 !important;
  height: 32px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-indent: 100% !important;
  transition: background-color 0.15s ease !important;
  white-space: nowrap !important;
  width: 32px !important;
}

.gdpr-cookie-notice-nav-item-settings {
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C6C9D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H2a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V2a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H22a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
}

.gdpr-cookie-notice-nav-item-settings:hover {
  background-color: rgba(255, 255, 255, 0.18) !important;
}

.gdpr-cookie-notice-nav-item-accept {
  background-color: #509ee3 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
}

.gdpr-cookie-notice-nav-item-accept:hover {
  background-color: #1c6bb0 !important;
}