/* ============================================
   Upwork Clone Script page - color-only override
   Replaces orange accent color with Upwrkz logo green.
   Loaded ONLY on /upwork-clone-script and its subpages.
   ============================================ */

/* ----- 1. Hero <em> + section heading <em> accents ----- */
.up-hero-title em,
.up-h2 em,
.up-mobile-section h2 em,
section h2 em {
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
}

/* ----- 2. Primary buttons - color only ----- */
.up-btn.up-btn--primary {
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 26px rgba(22,163,74,0.30) !important;
  color: #fff !important;
}
.up-btn.up-btn--primary:hover {
  background: linear-gradient(135deg, #15803d 0%, #16a34a 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 32px rgba(22,163,74,0.42) !important;
  color: #fff !important;
}

/* ----- 3. Eyebrow chips ----- */
.up-eyebrow {
  background: #dcfce7 !important;
  color: #15803d !important;
}
.up-eyebrow--blue {
  background: rgba(22,163,74,0.12) !important;
  color: #14532d !important;
}

/* ----- 4. Feature icon tile ----- */
.up-feature-check {
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
  color: #fff !important;
}

/* ----- 5. Comparison table - "Recommended" badge clipping fix only ----- */
.up-compare-wrap {
  overflow-y: visible !important;
  padding-top: 16px;
}
.up-compare th.highlight::after {
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
  color: #fff !important;
  top: -12px !important;
  box-shadow: 0 6px 16px rgba(22,163,74,0.40) !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
}