/* ════════════════════════════════════════════════════════════════════
   lm-cookie.css — brand restyle of the cookieconsent2 (osano v3) banner.

   We keep the engine's existing cookie-consent MECHANISM intact (the library
   JS, the "Learn More" → /privacy link, the remembered choice). This file only
   changes how the banner LOOKS, mapping the dark/navy card design from
   cookie-banner-snippet.html onto the library's .cc-* elements. Loaded right
   after the library stylesheet (in _js_files.tpl) so these rules win.
   ════════════════════════════════════════════════════════════════════ */

/* The banner shell → centred, rounded, navy card with a soft shadow. */
.cc-window.cc-banner {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  bottom: 20px;
  width: calc(100% - 32px);
  max-width: 720px;
  padding: 20px 22px;
  background: #0F172A;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 14px;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.45);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  align-items: center;
  gap: 16px;
}

/* Message copy */
.cc-window .cc-message {
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
  margin-right: 16px;
}

/* "Learn More" → /privacy link */
.cc-window .cc-link {
  color: #8FB8A6;
  text-decoration: underline;
  opacity: 1;
  padding: 0;
}
.cc-window .cc-link:hover { color: #a7cabb; }

/* Dismiss button ("Got It!") → branded green pill */
.cc-window .cc-compliance { flex-shrink: 0; }
.cc-window .cc-btn {
  background: #0f6f4f;
  color: #fff;
  border: 0;
  border-radius: 8px;
  min-height: 40px;
  min-width: 110px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
  white-space: nowrap;
  transition: background 120ms ease;
}
.cc-window .cc-btn:hover {
  background: #0a5439;
  text-decoration: none;
}

/* Stack on small screens (matches the snippet's responsive behaviour). */
@media (max-width: 560px) {
  .cc-window.cc-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .cc-window .cc-message { margin-right: 0; }
  .cc-window .cc-compliance { width: 100%; }
  .cc-window .cc-btn { width: 100%; }
}