/* -------------------------
   Crestwave site overrides
   ------------------------- */

/* Accent (change to #99d31f if you prefer the bright green) */
:root{
    --cw-accent: #17a7c6;
    --cw-accent-rgb: 23,167,198;
  }
  
  /* 1) Tick “chips” (only when you add class="cw-check" to <p>) */
  .service__details .service__details__planning__text p.cw-check{
    position: relative;
    display: flex; align-items: flex-start;
    padding: 12px 14px 12px 46px;
    margin: 10px 0;
    line-height: 1.45;
    border: 1px solid rgba(var(--cw-accent-rgb), .25);
    background: #fff;
    background-image: linear-gradient(0deg, rgba(var(--cw-accent-rgb), .06), rgba(var(--cw-accent-rgb), .06));
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
  }
  .service__details .service__details__planning__text p.cw-check:first-child{
    margin-top: 0; /* prevents the “pushed down” look */
  }
  .service__details .service__details__planning__text p.cw-check::before{
    content: "";
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    width: 22px; height: 22px; border-radius: 50%;
    background: rgba(var(--cw-accent-rgb), .12);
    border: 2px solid var(--cw-accent);
  }
  .service__details .service__details__planning__text p.cw-check::after{
    content: "";
    position: absolute; left: 21px; top: 50%; transform: translateY(-58%) rotate(45deg);
    width: 7px; height: 12px;
    border-right: 2px solid var(--cw-accent);
    border-bottom: 2px solid var(--cw-accent);
  }
  
  /* Remove theme padding/background automatically on any block that contains chips */
  .service__details .service__details__planning__inner:has(.cw-check){
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  
  /* 2) Feature-grid cards (only when you add class="cw-card") */
  .service__details .service__details__planning__inner.cw-card{
    padding: 22px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
  }
  .service__details .cw-card .service__details__planning__heading{ margin-bottom: 8px; }
  .service__details .cw-card .service__details__planning__heading h6{ margin: 0; font-weight: 700; }
  
  /* Mobile niceties */
  @media (max-width: 575.98px){
    .service__details .service__details__planning__text p.cw-check{ padding-left: 44px; }
    .service__details .service__details__planning__inner.cw-card{ padding: 18px; border-radius: 14px; }
  }