/* =====================================================
   Valmika Conversion UI Layer v1.0.2
   Non-destructive premium UI polish for existing plugin
===================================================== */

body.valmika-conversion-ui {
  --vmn-bg: #fffaf4;
  --vmn-card: #fffdf9;
  --vmn-soft: #fff7ec;
  --vmn-border: rgba(196, 154, 92, 0.22);
  --vmn-border-strong: rgba(196, 154, 92, 0.34);
  --vmn-text: #2e2119;
  --vmn-muted: #6e5d50;
  --vmn-gold: #c9821f;
  --vmn-gold-dark: #9b6419;
  --vmn-green: #3c9f65;
  --vmn-red: #8f2b1e;
}

body.valmika-conversion-ui .vmn-wrap,
body.valmika-conversion-ui .snr-wrap,
body.valmika-conversion-ui .snr-results,
body.valmika-conversion-ui .snr-calculator,
body.valmika-conversion-ui .valmika-container {
  color: var(--vmn-text) !important;
  font-weight: 400 !important;
}

body.valmika-conversion-ui .vmn-wrap *,
body.valmika-conversion-ui .snr-wrap *,
body.valmika-conversion-ui .snr-results *,
body.valmika-conversion-ui .snr-calculator *,
body.valmika-conversion-ui .valmika-container * {
  box-sizing: border-box !important;
}

/* Softer typography */
body.valmika-conversion-ui .vmn-wrap h1,
body.valmika-conversion-ui .vmn-wrap h2,
body.valmika-conversion-ui .vmn-wrap h3,
body.valmika-conversion-ui .snr-results h1,
body.valmika-conversion-ui .snr-results h2,
body.valmika-conversion-ui .snr-results h3,
body.valmika-conversion-ui .snr-section h1,
body.valmika-conversion-ui .snr-section h2,
body.valmika-conversion-ui .snr-section h3 {
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
}

body.valmika-conversion-ui .vmn-wrap h2,
body.valmika-conversion-ui .snr-section h2,
body.valmika-conversion-ui .snr-results h2 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.16 !important;
  margin-bottom: 24px !important;
}

body.valmika-conversion-ui .vmn-wrap h3,
body.valmika-conversion-ui .snr-card h3,
body.valmika-conversion-ui .vmn-card h3 {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

body.valmika-conversion-ui .vmn-wrap p,
body.valmika-conversion-ui .snr-card p,
body.valmika-conversion-ui .vmn-card p,
body.valmika-conversion-ui .vmn-summary-box {
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: var(--vmn-muted) !important;
  font-weight: 400 !important;
}

body.valmika-conversion-ui .vmn-wrap strong,
body.valmika-conversion-ui .vmn-wrap b,
body.valmika-conversion-ui .snr-wrap strong,
body.valmika-conversion-ui .snr-wrap b,
body.valmika-conversion-ui .snr-results strong,
body.valmika-conversion-ui .snr-results b,
body.valmika-conversion-ui .valmika-container strong,
body.valmika-conversion-ui .valmika-container b {
  font-weight: 500 !important;
  color: var(--vmn-text) !important;
}

/* Premium sections */
body.valmika-conversion-ui .vmn-panel,
body.valmika-conversion-ui .snr-section,
body.valmika-conversion-ui .valmika-section {
  background: linear-gradient(180deg, #fffdf9 0%, #fffaf3 100%) !important;
  border: 1px solid var(--vmn-border) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 44px rgba(70, 42, 20, 0.04) !important;
}

/* Premium cards */
body.valmika-conversion-ui .vmn-card,
body.valmika-conversion-ui .snr-card,
body.valmika-conversion-ui .vmn-summary-box,
body.valmika-conversion-ui .vmn-life-note,
body.valmika-conversion-ui .snr-product-card,
body.valmika-conversion-ui .vmn-wrap .product-card {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--vmn-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(70, 42, 20, 0.035) !important;
}

body.valmika-conversion-ui .vmn-card,
body.valmika-conversion-ui .snr-card,
body.valmika-conversion-ui .snr-product-card,
body.valmika-conversion-ui .vmn-wrap .product-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.valmika-conversion-ui .vmn-card:hover,
body.valmika-conversion-ui .snr-card:hover,
body.valmika-conversion-ui .snr-product-card:hover,
body.valmika-conversion-ui .vmn-wrap .product-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 46px rgba(70, 42, 20, 0.065) !important;
  border-color: var(--vmn-border-strong) !important;
}

/* Remove unclear insight-strength percentage bars globally */
body.valmika-conversion-ui .vmn-meter,
body.valmika-conversion-ui .vmn-meter-label,
body.valmika-conversion-ui .vmn-meter-text,
body.valmika-conversion-ui .insight-strength,
body.valmika-conversion-ui .insight-meter,
body.valmika-conversion-ui .energy-meter,
body.valmika-conversion-ui .progress-meter,
body.valmika-conversion-ui .vmn-card > .vmn-progress,
body.valmika-conversion-ui .snr-card > .vmn-progress {
  display: none !important;
}

/* Do not add decorative bars to every card */
body.valmika-conversion-ui .snr-card::after,
body.valmika-conversion-ui .vmn-card::after {
  content: none !important;
  display: none !important;
}

/* Relationship compatibility: balanced 3 + 2 layout */
body.valmika-conversion-ui .relationship-grid,
body.valmika-conversion-ui .snr-relationship-grid,
body.valmika-conversion-ui .vmn-relationship-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.valmika-conversion-ui .relationship-grid > *,
body.valmika-conversion-ui .snr-relationship-grid > *,
body.valmika-conversion-ui .vmn-relationship-grid > * {
  grid-column: span 2 !important;
}

body.valmika-conversion-ui .relationship-grid > *:nth-last-child(2),
body.valmika-conversion-ui .snr-relationship-grid > *:nth-last-child(2),
body.valmika-conversion-ui .vmn-relationship-grid > *:nth-last-child(2) {
  grid-column: 2 / span 2 !important;
}

body.valmika-conversion-ui .relationship-grid > *:last-child,
body.valmika-conversion-ui .snr-relationship-grid > *:last-child,
body.valmika-conversion-ui .vmn-relationship-grid > *:last-child {
  grid-column: 4 / span 2 !important;
}

/* Advanced numbers: second row tonal polish */
body.valmika-conversion-ui .vmn-advanced-grid .vmn-card:nth-child(n+6),
body.valmika-conversion-ui .snr-advanced-grid .snr-card:nth-child(n+6) {
  background: linear-gradient(180deg, #fffdf9 0%, #fff7ec 100%) !important;
}

/* Life stages: fix misaligned “How this section is formed” */
body.valmika-conversion-ui .vmn-life-grid,
body.valmika-conversion-ui .life-stage-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body.valmika-conversion-ui .vmn-life-note,
body.valmika-conversion-ui .life-info {
  display: block !important;
  padding: 24px !important;
  min-height: auto !important;
  white-space: normal !important;
  word-break: normal !important;
}

body.valmika-conversion-ui .vmn-life-note strong,
body.valmika-conversion-ui .life-info strong {
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 16px !important;
}

body.valmika-conversion-ui .vmn-life-note br {
  display: none !important;
}

/* Product recommendation conversion UI */
body.valmika-conversion-ui .snr-product-card,
body.valmika-conversion-ui .vmn-wrap .product-card {
  overflow: hidden !important;
  padding: 0 !important;
}

body.valmika-conversion-ui .snr-product-card img,
body.valmika-conversion-ui .vmn-wrap .product-card img {
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  background: #fffaf3 !important;
  padding: 18px !important;
}

body.valmika-conversion-ui .snr-product-card .content,
body.valmika-conversion-ui .snr-product-card-content,
body.valmika-conversion-ui .vmn-wrap .product-card .content,
body.valmika-conversion-ui .product-content {
  padding: 20px !important;
}

body.valmika-conversion-ui .snr-product-card::before,
body.valmika-conversion-ui .vmn-wrap .product-card::before {
  content: "Recommended for your profile" !important;
  display: inline-flex !important;
  margin: 14px 14px 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #fff1d8 !important;
  border: 1px solid #f1cf98 !important;
  color: #8c5916 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

body.valmika-conversion-ui .snr-product-card a,
body.valmika-conversion-ui .vmn-wrap .product-card a.button,
body.valmika-conversion-ui .snr-button,
body.valmika-conversion-ui .snr-submit,
body.valmika-conversion-ui .vmn-wrap button[type="submit"],
body.valmika-conversion-ui .snr-wrap button[type="submit"],
body.valmika-conversion-ui .valmika-container button[type="submit"] {
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 12px 22px !important;
  background: linear-gradient(135deg, #d98a1d, #b86612) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(185, 101, 18, 0.18) !important;
}

/* Bullet reasoning for product cards, if plugin outputs lists */
body.valmika-conversion-ui .snr-product-card ul,
body.valmika-conversion-ui .vmn-wrap .product-card ul {
  margin: 12px 0 0 !important;
  padding-left: 18px !important;
}

body.valmika-conversion-ui .snr-product-card li,
body.valmika-conversion-ui .vmn-wrap .product-card li {
  margin-bottom: 7px !important;
  color: var(--vmn-muted) !important;
  line-height: 1.55 !important;
}

/* Form remains same, only cleaner controls */
body.valmika-conversion-ui .vmn-form input,
body.valmika-conversion-ui .vmn-form select,
body.valmika-conversion-ui .vmn-form textarea,
body.valmika-conversion-ui .snr-form input,
body.valmika-conversion-ui .snr-form select,
body.valmika-conversion-ui .snr-form textarea {
  border-radius: 16px !important;
  min-height: 54px !important;
  border: 1px solid rgba(196, 154, 92, 0.34) !important;
  box-shadow: none !important;
}

body.valmika-conversion-ui .vmn-form input[type="checkbox"],
body.valmika-conversion-ui .snr-form input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  accent-color: #d98a1d !important;
}

/* Responsive */
@media (max-width: 1024px) {
  body.valmika-conversion-ui .relationship-grid,
  body.valmika-conversion-ui .snr-relationship-grid,
  body.valmika-conversion-ui .vmn-relationship-grid,
  body.valmika-conversion-ui .vmn-life-grid,
  body.valmika-conversion-ui .life-stage-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.valmika-conversion-ui .relationship-grid > *,
  body.valmika-conversion-ui .snr-relationship-grid > *,
  body.valmika-conversion-ui .vmn-relationship-grid > *,
  body.valmika-conversion-ui .relationship-grid > *:nth-last-child(2),
  body.valmika-conversion-ui .snr-relationship-grid > *:nth-last-child(2),
  body.valmika-conversion-ui .vmn-relationship-grid > *:nth-last-child(2),
  body.valmika-conversion-ui .relationship-grid > *:last-child,
  body.valmika-conversion-ui .snr-relationship-grid > *:last-child,
  body.valmika-conversion-ui .vmn-relationship-grid > *:last-child {
    grid-column: auto !important;
  }
}

@media (max-width: 680px) {
  body.valmika-conversion-ui .relationship-grid,
  body.valmika-conversion-ui .snr-relationship-grid,
  body.valmika-conversion-ui .vmn-relationship-grid,
  body.valmika-conversion-ui .vmn-life-grid,
  body.valmika-conversion-ui .life-stage-wrap {
    grid-template-columns: 1fr !important;
  }

  body.valmika-conversion-ui .vmn-panel,
  body.valmika-conversion-ui .snr-section,
  body.valmika-conversion-ui .valmika-section {
    border-radius: 22px !important;
    padding: 22px !important;
  }
}