/* ============================================================
   JELLY FIT — brand recolor + design polish
   Overrides the GLPro template's teal/blue/yellow palette with a
   warm ORANGE scheme matching the Jelly Fit product bottle.
   Loaded AFTER mobirise/theme CSS so these win.
   Template -> Jelly Fit mapping:
     #0f6e7e teal        -> #e9720a orange (primary bands)
     #184e46 dark-teal   -> #b8560a deep amber
     #2c9181 teal2       -> #f0902a warm orange
     #6592e6 blue        -> #f5a851 soft amber
     #fcdd09 yellow btn  -> orange gradient button
     #f5fdff light       -> #fff6ee warm cream
   ============================================================ */

:root{
  --jf-orange:#e9720a;
  --jf-orange-deep:#b8560a;
  --jf-orange-warm:#f0902a;
  --jf-amber:#f5a851;
  --jf-cream:#fff6ee;
  --jf-ink:#3a2413;
}

/* ---------- Background bands (teal -> orange) ---------- */
[class*="cid-"][style],
.jfx-im9fho5t18,      /* Claim heading band */
.jfx-y269gtecyl,      /* Introducing band */
.jfx-tjcsd5f21e {     /* Low stock band */
  /* handled individually below where needed */
}

/* generic: any element the template painted teal, repaint orange */
[style*="#0f6e7e"]{ background-color:var(--jf-orange) !important; }

/* Section title bands that were teal backgrounds */
.jfx-im9fho5t18,
.jfx-y269gtecyl,
.jfx-u5o2876ct1,
.jfx-w5mm97aalo {
  background-color:var(--jf-orange) !important;
}

/* ---------- Buttons: yellow -> orange gradient ---------- */
.btn-info,
.btn-info:active,
.btn-warning,
.btn-primary{
  background-image:linear-gradient(135deg,#f7941d 0%, #e9720a 100%) !important;
  background-color:#e9720a !important;
  border-color:#e9720a !important;
  color:#ffffff !important;
  box-shadow:0 8px 22px rgba(233,114,10,.30) !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active,
.btn-warning:hover,
.btn-primary:hover{
  background-image:linear-gradient(135deg,#e9720a 0%, #b8560a 100%) !important;
  background-color:#b8560a !important;
  border-color:#b8560a !important;
  color:#ffffff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 28px rgba(233,114,10,.42) !important;
}

/* nav order-now button keeps orange */
.jfx-a6jf4xz8zu .navbar-buttons .btn-info{
  background-image:linear-gradient(135deg,#f7941d,#e9720a) !important;
}

/* ---------- Headings / accents (teal & blue text -> orange) ---------- */
[style*="color:#0f6e7e"],
[style*="color: #0f6e7e"]{ color:var(--jf-orange) !important; }

.jfx-b6ylyfnton .card-title,   /* hero H1 */
.jfx-a4jmhoybly .jf-section-title,
.jfx-y269gtecyl .jf-section-title,
.jfx-dabznjmkon .jf-section-title,
.jfx-ell5pr19ax strong,
.jf-section-title strong{
  color:var(--jf-orange-deep) !important;
}

/* links / small accents that were blue */
a.text-primary, .text-info{ color:var(--jf-orange) !important; }

/* ---------- Nav bar: warm cream tint ---------- */
.jfx-a6jf4xz8zu .navbar,
.jfx-a6jf4xz8zu .dropdown-menu,
.jfx-a6jf4xz8zu .navbar.opened{
  background:var(--jf-cream) !important;
}
.jfx-a6jf4xz8zu .nav-link{ color:var(--jf-ink) !important; }
.jfx-a6jf4xz8zu .nav-link:hover{ color:var(--jf-orange) !important; }

/* ---------- Badges section icons / rings ---------- */
.jfx-z6bnts1eae .icon-box{ background-color:var(--jf-orange) !important; }
.jfx-z6bnts1eae .step-number{ color:#ffffff !important; }

/* ---------- Testimonials verified stars subtitle (teal) ---------- */
.jfx-pq4y1vjeeg .card-subtitle{ color:var(--jf-orange) !important; }

/* ---------- FAQ accordion arrow / active ---------- */
.jfx-oj1o63b6of .panel-title[aria-expanded="true"],
.jfx-oj1o63b6of .card-header a:not(.collapsed){ color:var(--jf-orange) !important; }
.jfx-oj1o63b6of .sign{ color:var(--jf-orange) !important; }

/* ---------- Light section backgrounds -> warm cream ---------- */
[style*="#f5fdff"]{ background-color:var(--jf-cream) !important; }

/* ---------- DESIGN POLISH ---------- */
/* Softer, more modern card corners + shadows on feature/badge cards */
.jfx-5ij0yv4mge .item-wrapper{
  background:#ffffff;
  border-radius:16px;
  padding:8px 6px 14px;
  box-shadow:0 8px 22px rgba(233,114,10,.07);
  border:1px solid #f6e3d2;
  transition:transform .18s ease, box-shadow .18s ease;
  height:100%;
}
.jfx-5ij0yv4mge .item-wrapper:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(233,114,10,.14);
}

/* Hero: warm gradient wash behind, tighter type */
.jfx-b6ylyfnton{
  background:radial-gradient(ellipse at 78% 20%, rgba(245,168,81,.16) 0%, transparent 55%), var(--jf-cream) !important;
}
.jfx-b6ylyfnton .card-title{ letter-spacing:-.5px; }

/* Testimonials cards: subtle border + shadow */
.jfx-pq4y1vjeeg .card-wrapper{
  background:#fff;
  border:1px solid #f6e3d2;
  border-radius:18px;
  padding:22px 24px;
  box-shadow:0 10px 26px rgba(233,114,10,.08);
  margin-bottom:20px;
}
.jfx-pq4y1vjeeg .image-wrapper img{ border-radius:12px; }

/* Section vertical rhythm a touch airier */
section[class*="content5"]{ padding-top:3rem; padding-bottom:3rem; }

/* Buttons get pill radius for a friendlier, product-matching feel */
.btn{ border-radius:12px !important; }

/* Guarantee / money-back pop */
.jfx-1eiz5lhtn3 strong{ color:var(--jf-orange-deep) !important; }

/* Make the "Scientifically Formulated" number circles orange */
.jfx-z6bnts1eae .icon-wrap .icon-box{ background:linear-gradient(135deg,#f7941d,#e9720a) !important; }

/* smooth image rendering for pack shots */
.image-wrapper img{ border-radius:10px; }

/* ============================================================
   RESIDUAL PALETTE CLEANUP (catch-all for missed template classes)
   ============================================================ */

/* remaining teal background bands */
.jfx-u5o2876ct1,
.jfx-im9fho5t18,
.jfx-w5mm97aalo,
.jfx-88q5qteoa0,
.jfx-6ix2xnfm9e,
.jfx-tjcsd5f21e { background-color:var(--jf-orange) !important; }

/* badge / step number icon boxes (were teal) */
.jfx-z6bnts1eae .icon-box,
.jfx-z6bnts1eae .item.five:before{
  background:linear-gradient(135deg,#f7941d,#e9720a) !important;
  background-color:#e9720a !important;
}

/* blue icon-fonts across testimonials / features / faq */
.jfx-pq4y1vjeeg .social-row .soc-item .jf-iconfont,
.jfx-pq4y1vjeeg .social-row .soc-item:hover .jf-iconfont,
.jfx-z6bnts1eae .jf-iconfont,
.jfx-oj1o63b6of .jf-iconfont{ color:var(--jf-orange) !important; }

/* menu dropdown hover (was blue) */
.jfx-a6jf4xz8zu .dropdown-item:hover,
.jfx-a6jf4xz8zu .dropdown-item:focus{ background:var(--jf-orange) !important; color:#fff !important; }

/* any leftover yellow accents -> orange gold */
[style*="#fcdd09"]{ color:var(--jf-orange) !important; }
.text-warning{ color:var(--jf-orange) !important; }

/* low-stock band text stays readable on orange */
.jfx-tjcsd5f21e .jf-section-subtitle,
.jfx-tjcsd5f21e .jf-text,
.jfx-tjcsd5f21e strong{ color:#ffffff !important; }

/* generic: any inline teal/blue swatches -> orange family */
[style*="#6592e6"]{ background-color:var(--jf-orange) !important; }

/* FAQ accordion panel titles (were blue text + border) */
.jfx-oj1o63b6of .panel-title,
.jfx-oj1o63b6of .panel-title.collapsed,
.jfx-oj1o63b6of .card-header a{
  color:var(--jf-orange-deep) !important;
  border-color:#f6e3d2 !important;
}
.jfx-oj1o63b6of .panel-title.collapsed{ color:var(--jf-ink) !important; }
.jfx-oj1o63b6of .card-header a:hover .panel-title-edit{ color:var(--jf-orange) !important; }