/* CRM landing page: five approved visual refinements.
   Loaded ONLY by crm-software-company-in-chennai.html (<body class="theme-violet crm-refined">), after landing-violet.css,
   so the other landing pages that share landing-violet.css are unaffected. Colours, border colours, soft shadows and a
   small gap between the four benefit cards only: no section backgrounds, content, grids or breakpoints are changed. */

.crm-refined {
  --cr-border-hover: #A78BFA;
  --cr-hover-bg: #FAF8FF;
  --cr-soft-shadow: 0 4px 16px rgba(60, 30, 120, .05);
}

/* 1. What Is CRM Software? : softer violet borders, small violet accent tab, very light lavender hover */
.theme-violet.crm-refined .crm-about .crm-feature-item {
  position: relative;
  border-color: var(--lv-border);                      /* #E3DCFF */
  box-shadow: var(--cr-soft-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
.theme-violet.crm-refined .crm-about .crm-feature-item::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 22px;                                          /* aligned with the heading's left edge (card padding) */
  width: 30px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: var(--lv-primary);
  opacity: .8;
}
.theme-violet.crm-refined .crm-about .crm-feature-item:hover {
  background: var(--cr-hover-bg);                      /* #FAF8FF */
  border-color: var(--cr-border-hover);                /* #A78BFA */
  box-shadow: 0 10px 24px rgba(60, 30, 120, .08);
}

/* 2. Why Your Business Needs CRM : clearer description, four translucent violet benefit cards */
.theme-violet.crm-refined .lv-benefits .crm-why-grid > div:last-child p {
  color: #FAF8FF;
  line-height: 1.8;
}
.theme-violet.crm-refined .lv-benefits .crm-benefit-row {
  gap: 12px;
  border-top: 0;
}
.theme-violet.crm-refined .lv-benefits .crm-benefit-row > div {
  padding: 22px 18px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
}
.theme-violet.crm-refined .lv-benefits .crm-benefit-row strong { color: #fff; }
.theme-violet.crm-refined .lv-benefits .crm-benefit-row span { color: #FCFBFF; }   /* light lavender-white; stays above 4.5:1 on the tint */

/* 3. Pricing card : refined lavender gradient, subtle violet border, gentle separation from the white section */
.theme-violet.crm-refined .crm-pricing-card {
  background: linear-gradient(135deg, #F5F2FF, #EDE8FF);
  border-color: #DDD2FF;
  box-shadow: 0 8px 24px rgba(60, 30, 120, .06);
}

/* 4. CRM Workflow Design : lighter borders, no heavy violet top bar, soft shadow */
.theme-violet.crm-refined .seo-depth article {
  border-color: #E5DFFF;
  box-shadow: var(--cr-soft-shadow);
  transition: border-color .25s ease, box-shadow .25s ease;
}
.theme-violet.crm-refined .seo-depth article:hover {
  background: #fff;
  border-color: #B8A6FF;
  box-shadow: 0 8px 22px rgba(60, 30, 120, .08);
}