/* WhatsApp-style green */
.btn-success {
    background-color: #25D366 !important;
    border-color: #1EBE5D !important;
    color: #fff !important;
}

/* Larger font (20% increase) */
.whatsapp-blink {
    font-size: 1.2rem; /* increased by 20% */
    animation: waBlink 1.5s infinite ease-in-out;
    font-weight: 600;
    box-shadow: 0 0 12px rgba(37, 211, 102, 0.4);
    padding: 0.55rem 0.9rem; /* adjusted padding for bigger font */
    border-radius: 10px;
}

@keyframes waBlink {
  0%   { transform: scale(1);   box-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }
  50%  { transform: scale(1.06); box-shadow: 0 0 22px rgba(37, 211, 102, 0.8); }
  100% { transform: scale(1);   box-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }
}


  /* Page-local styles (will inherit --brand-primary / --brand-accent if defined globally) */
  :root {
    --brand-primary: #3c993c;
    --brand-accent:  #e3ad26;
    --muted: #6b7a6b;
    --card-radius: 12px;
  }

  .commit-wrap {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 28px;
    align-items: start;
    margin-top: 20px;
  }

  /* Left column */
  .commit-lead {
    background: #fff;
    padding: 22px;
    border-radius: var(--card-radius);
    box-shadow: 0 12px 30px rgba(12,45,12,0.06);
  }
  .commit-lead h3 { margin: 0 0 8px; font-size: 1.35rem; color: #173717; }
  .commit-lead p { color: var(--muted); margin-bottom: 16px; line-height:1.6; }
  .commit-lead .commit-cta { display:inline-flex; gap:10px; align-items:center; }

  /* Right column: features */
  .commit-features {
    display: grid;
    gap: 14px;
  }
  .feature-card {
    display:flex;
    gap:12px;
    align-items:flex-start;
    background: linear-gradient(180deg, rgba(60,153,60,0.03), rgba(227,173,38,0.01));
    padding:12px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(12,45,12,0.05);
  }
  .feature-badge {
    min-width:56px;
    min-height:56px;
    display:inline-grid;
    place-items:center;
    border-radius:10px;
    background: linear-gradient(180deg, var(--brand-primary), #2f8a2f);
    color:#fff;
    box-shadow: 0 8px 20px rgba(12,45,12,0.12);
    flex-shrink:0;
  }
  .feature-body h5 { margin:0 0 6px; font-size:1rem; color:#163816; }
  .feature-body p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.45; }

  /* Small screens: stack */
  @media (max-width: 900px) {
    .commit-wrap { grid-template-columns: 1fr; }
    .commit-features { grid-auto-rows: auto; }
  }

/* ragpicker start here */



/* ragpicker end here */