/* Option 1: Manager's Direct Request */

:root {
  --primary: #76C893;
  --primary-hover: #5cb57c;
  --secondary: #ECAD39;
  --highlight: #F56E98;
  --subtle: #87A0E5;
}

body { background-color: #fff; }

a { color: var(--primary) !important; }
a:hover { color: var(--primary-hover) !important; }
.navbar a, .navbar a:focus { color: rgba(255,255,255,0.85) !important; }
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #fff !important; }
.navbar .dropdown ul a, .navbar .dropdown ul a:focus { color: #1E293B !important; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul li:hover > a { color: #76C893 !important; }
/* Mobile nav — override white-on-white caused by rules above */
.navbar-mobile a, .navbar-mobile a:focus { color: rgba(58, 175, 169, 0.99) !important; }
/* LTR fix: style.css sets right:20px for the active underline (RTL-correct), flip it back for English */
.navbar-mobile>ul>li>a:before { left: 20px; right: auto; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile .active:focus, .navbar-mobile li:hover > a { color: rgba(44, 148, 143, 0.99) !important; }
.navbar-mobile .dropdown ul a, .navbar-mobile .dropdown ul a:focus { color: #1E293B !important; }
.navbar .dropdown > a i { color: inherit !important; font-size: 11px; }
.btn-get-started { background: rgba(58, 175, 169, 0.99) !important; border-color: rgba(58, 175, 169, 0.99) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.btn-get-started:hover { background: rgba(44, 148, 143, 0.99) !important; border-color: rgba(44, 148, 143, 0.99) !important; }
.back-to-top { background: rgba(58, 175, 169, 0.99) !important; }
#hero-cta-appstore, #hero-cta-googleplay { border-color: var(--primary) !important; color: #fff !important; background: var(--primary) !important; }

.section-title h2 { color: rgba(58, 175, 169, 0.99) !important; }
.section-title p { color: #87A0E5 !important; }
.icon-box i { color: var(--secondary) !important; }
.trust-item .trust-number { color: #87A0E5 !important; }
.trust-item p { font-size: 1.05rem !important; }
.faq-list a { color: rgba(58, 175, 169, 0.99) !important; }
.faq-list .icon-help, .faq-list .icon-show, .faq-list .icon-close { color: rgba(58, 175, 169, 0.99) !important; }
/* LTR FAQ: style.css places icon-help on right and chevron on left (RTL layout) — flip for English */
.faq .faq-list .icon-help { right: auto !important; left: 20px !important; }
.faq .faq-list .icon-show,
.faq .faq-list .icon-close { left: auto !important; right: 0 !important; }
.gallery .gallery-item { border: 3px solid var(--secondary); }

#hero { background: rgba(245, 110, 152, 0.05) !important;  }
#hero::before { background: rgba(58, 175, 169, 0.99) !important; }
.trust-bar-container { background: var(--highlight) !important; color: white !important;}
.icon-box { background: rgba(245, 110, 152, 0.05) !important; border-color: var(--highlight) !important; }
.pricing .box.featured { border-color: var(--highlight) !important; background: rgba(245, 110, 152, 0.05) !important; }
.pricing .buy-btn { background: var(--highlight) !important; border-color: var(--highlight) !important; }
.pricing .buy-btn:hover { background: #df5881 !important; border-color: #df5881 !important; }

#footer { background: rgba(58, 175, 169, 0.99) !important; }
#footer .footer-top { background: rgba(58, 175, 169, 0.99) !important; }
#footer .footer-top .footer-info { background: rgba(46, 140, 135, 0.99) !important; }
#footer .copyright { background: rgba(46, 140, 135, 0.99) !important; }
#footer h3, #footer h4, #footer p, #footer li i, #footer a { color: #fff !important; }
.pricing .box { border-color: var(--subtle) !important; }
.contact .info { border-top: 3px solid var(--subtle) !important; border-bottom: 3px solid var(--subtle) !important; }
.contact .info i { background: rgba(135, 160, 229, 0.2) !important; color: var(--subtle) !important; }
.contact .info h4 { color: #87A0E5 !important; }
.contact .info p { color: #1a3c40 !important; }
.contact .info p a { color: #1a3c40 !important; }

/* Floating robot mascot animation */
@keyframes floatRobot {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-14px); }
}

/* Floating ingredient cards — each offset for natural feel */
@keyframes floatCard1 {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-14px); }
}
@keyframes floatCard2 {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
@keyframes floatCard3 {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-16px); }
}

/* Background bubble pulse */
@keyframes bubblePulse {
  0%, 100% { opacity: 0.05; transform: scale(1); }
  50%       { opacity: 0.35; transform: scale(1.07); }
}

/* ===== MOBILE FIXES (≤768px) ===== */
@media (max-width: 768px) {

  /* Hero text */
  #hero h1 { font-size: 22px !important; line-height: 1.55 !important; margin-bottom: 14px !important; }
  #hero h2 { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 20px !important; }

  /* Trust bar numbers */
  .trust-item .trust-number { font-size: 1.5rem !important; }
  .trust-item p { font-size: 0.85rem !important; }

  /* Section padding reduction */
  #how-it-works,
  #ai-feature,
  #features,
  #goals,
  #testimonials,
  #partners,
  #ambassadors,
  #faq { padding-top: 50px !important; padding-bottom: 50px !important; }

  /* AI section heading */
  #ai-feature h2 { font-size: 1.6rem !important; line-height: 1.45 !important; }
  #ai-feature p  { font-size: 0.95rem !important; line-height: 1.7 !important; }

  /* Hide floating food cards on mobile — they overflow */
  .ai-float-card { display: none !important; }

  /* AI section visual — give it breathing room without the cards */
  #ai-feature .col-lg-5 { margin-top: 24px; }

  /* Section titles */
  .section-title h2 { font-size: 1.5rem !important; line-height: 1.45 !important; }
  .section-title p  { font-size: 0.9rem !important; }

  /* Partners / ambassador section headings */
  #partners h2,
  #ambassadors h2 { font-size: 1.5rem !important; line-height: 1.45 !important; }
}
