/* Captain Compliance Banner Custom Styles */
/* Externalized to prevent inline script size issues */

/* Prevent overlay flash - apply immediately to container */
.captain-compliance-modal-container,
[class*="captain-compliance-modal-container"] {
  background-color: transparent !important;
  align-items: unset !important;
  justify-content: unset !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  width: 100% !important;
  z-index: 999999 !important;
}

/* Only apply block display when container is NOT hidden */
.captain-compliance-modal-container:not([style*="display: none"]),
[class*="captain-compliance-modal-container"]:not([style*="display: none"]) {
  display: block !important;
}

/* Captain Compliance Banner Styles - High specificity to override default styles */
body .cc-window,
html body .cc-window {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  line-height: 15px !important;
  display: block !important;
  transition: none !important;
  text-align: center !important;
}

body .cc-compliance,
html body .cc-compliance {
  font-size: 12px !important;
  display: inline-block !important;
}

body .cc-banner .cc-message,
html body .cc-banner .cc-message {
  display: inline-block !important;
}

body .cc-window.cc-banner,
html body .cc-window.cc-banner {
  padding: 8px 10px !important;
  background-color: #f6f9fc !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

body .cc-link,
html body .cc-link {
  padding: 0 !important;
  color: #775bf3 !important;
  text-decoration: underline !important;
  text-underline-position: from-font !important;
}

body .cc-link:hover,
html body .cc-link:hover {
  color: #6b4fe8 !important;
}

body .cc-btn,
html body .cc-btn,
body button.cc-btn,
html body button.cc-btn {
  border: 0 !important;
  border-radius: 3px !important;
  background-color: #635bff !important;
  color: white !important;
  padding: 6px 12px !important;
  font-weight: 500 !important;
  transition: background-color 0.2s ease !important;
  cursor: pointer !important;
}

body .cc-btn:hover,
html body .cc-btn:hover,
body button.cc-btn:hover,
html body button.cc-btn:hover {
  background-color: #4a45d9 !important;
}

@media screen and (max-device-width: 400px) {
  body .cc-window.cc-floating,
  html body .cc-window.cc-floating {
    padding: 10px !important;
  }
}

::selection {
  background: #e3f9f7;
}

::-moz-selection {
  background: #e3f9f7;
}