/**
 * Redveto WordPress Scoped Styles
 */

.clauseguard-embed-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  clear: both !important;
  transition: height 0.25s ease-out;
}

.clauseguard-iframe {
  width: 100% !important;
  border: none !important;
  display: block !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Ensure no theme styles add weird borders or margins to the embed */
.clauseguard-embed-container iframe {
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ---- v2 cards and notices (matches the redesigned app) ---- */
.clauseguard-card { background: #FFFFFF; border: 1px solid #E3E8EF; border-radius: 14px; padding: 24px; box-shadow: 0 1px 0 rgba(15,26,46,0.04), 0 24px 60px -24px rgba(15,26,46,0.22); font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: #33415A; box-sizing: border-box; }
.clauseguard-card h3, .clauseguard-card h4 { margin: 0 0 6px; color: #0F1A2E; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
.clauseguard-card h3 { font-size: 20px; } .clauseguard-card h4 { font-size: 17px; }
.clauseguard-card p { margin: 0; font-size: 14px; line-height: 1.55; color: #4B5870; }
.clauseguard-mascot-card { text-align: center; }
.clauseguard-mascot-card img { width: 100%; height: auto; display: block; margin: 0 auto 16px; }
.clauseguard-compass-card { max-width: 580px; margin: 20px auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.clauseguard-btn { display: inline-flex; align-items: center; gap: 6px; background: #0F1A2E; color: #FFFFFF !important; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: transform .2s ease; }
.clauseguard-btn:hover { transform: translateY(-1px); }
.clauseguard-notice { border: 1px dashed #E9A23B; background: rgba(233,162,59,0.08); color: #0F1A2E; border-radius: 12px; padding: 16px 18px; font-family: system-ui, sans-serif; font-size: 14px; }
.clauseguard-notice a { color: #0E9F77; }
@media (prefers-color-scheme: dark) {
  .clauseguard-card { background: #0F1828; border-color: rgba(255,255,255,0.08); color: #C3CCDA; box-shadow: 0 30px 70px -30px rgba(0,0,0,0.7); }
  .clauseguard-card h3, .clauseguard-card h4 { color: #FFFFFF; }
  .clauseguard-card p { color: #AEB9CA; }
  .clauseguard-btn { background: #22D3A0; color: #0A111D !important; }
}