/*
 * EverLat / Complianz front-end compatibility.
 *
 * Complianz's generated preview stylesheet fixes the desktop banner at 526px
 * and makes it edge-to-edge below 768px. The live storefront also has its own
 * footer preference link, so the plugin's floating manage-consent tab would be
 * a duplicate. Keep the banner compact and responsive, and leave the footer
 * link as the single persistent preference control.
 */

html:root {
  --cmplz_banner_width: 500px;
}

#cmplz-manage-consent {
  display: none !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  width: min(500px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  transform: none !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
  grid-template-columns: 96px minmax(0, 1fr) 20px !important;
  min-width: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo {
  min-width: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo img {
  display: block;
  width: 96px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 40px !important;
  object-fit: contain;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
  min-width: 0;
  flex-direction: row !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-width: 0;
}

@media (max-width: 560px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner {
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 16px !important;
  }

  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
    margin-right: -16px;
    margin-left: -16px;
  }

  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
    flex-direction: column !important;
    gap: 8px !important;
  }
}