/* ============================================
   Fiverr Clone Script page - color-only override
   Replaces orange accent color with 1GIGs logo blue.
   Loaded ONLY on /fiverr-clone-script — no layout changes.
   ============================================ */

/* ----- 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, #1b65ff 0%, #4f8aff 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
}

/* ----- 2. Primary buttons ("Buy Now", "See Live Demo") - color only ----- */
.up-btn.up-btn--primary {
  background: linear-gradient(135deg, #1b65ff 0%, #4f8aff 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 26px rgba(27,101,255,0.30) !important;
  color: #fff !important;
}
.up-btn.up-btn--primary:hover {
  background: linear-gradient(135deg, #0f4cdb 0%, #1b65ff 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 32px rgba(27,101,255,0.42) !important;
  color: #fff !important;
}

/* ----- 3. Eyebrow chips ("Advanced Fiverr Clone Script Features") ----- */
.up-eyebrow {
  background: #e9f0ff !important;
  color: #1b65ff !important;
}
.up-eyebrow--blue {
  background: rgba(27,101,255,0.12) !important;
  color: #0f4cdb !important;
}

/* ----- 4. Feature icon tile (small icon card with orange box icon) ----- */
.up-feature-check {
  background: linear-gradient(135deg, #1b65ff 0%, #4f8aff 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, #1b65ff 0%, #4f8aff 100%) !important;
  color: #fff !important;
  top: -12px !important;
  box-shadow: 0 6px 16px rgba(27,101,255,0.40) !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
}
