/* Oct 27 2026 (v3): the menu rules now skip Bootstrap tab bars (ul.nav.nav-tabs / .nav-pills), which also have the class "nav" - they were painted navy and their Font Awesome icons showed as boxes (e.g. Ingredient Scoring > Create Themes pop-up). */
/* FMCG Gurus - new nav + footer for the members' (logged-in) pages. Generated from fmcggurus.new.css v6.6 (nav/footer rules only, made stronger so the old site CSS cannot override them). Loaded after the old CSS by base_fmcg_app.twig. */
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Helvetica');ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%;size-adjust:107.06%}html body .footer,html body .nav:not(.nav-tabs):not(.nav-pills){font-family:Inter,'Inter Fallback',Arial,Helvetica,sans-serif;color:#1a1a2e;line-height:1.6;font-size:18px}html body .nav:not(.nav-tabs):not(.nav-pills){background:#1a335f!important;padding:0 4rem!important;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100}html body .nav-logo{color:#fff;font-size:16px;font-weight:600;letter-spacing:.01em}html body .nav-logo span{color:#00baf2}html body .nav-links{display:flex;gap:2rem;align-items:center}html body .nav-links a{color:rgba(255,255,255,.72);font-size:16px;text-decoration:none;transition:color .15s;text-align:center;width:auto}html body .nav-links a:hover{color:#fff}html body .nav-cta{background:#00baf2;color:#fff!important;font-size:16px;padding:8px 18px;border-radius:6px;font-weight:500}html body .hamburger{display:none;background:0 0;border:none;cursor:pointer;padding:4px}html body .hamburger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:.2s}html body .footer-brand-mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none}html body .footer-wordmark{font-size:18px;font-weight:600;color:#fff}html body .footer{background:#1a335f!important;padding:3rem 4rem 2rem}html body .footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:1.5rem}html body .footer-brand a{color:#fff;text-decoration:none}html body .footer-wordmark{font-size:16px;font-weight:600;color:#fff;display:block;margin-bottom:.75rem}html body .footer-wordmark span{color:#00baf2}html body .footer-brand p{font-size:16px;color:rgba(255,255,255,.42);line-height:1.75}html body .footer-col a{display:block;font-size:16px;color:rgba(255,255,255,.58);text-decoration:none;margin-bottom:.55rem;transition:color .15s}html body .footer-col a:hover{color:#fff}html body .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;color:rgba(255,255,255,.28);justify-content:space-between}html body .footer-sub-bottom{display:flex;justify-content:space-between}@media(max-width:768px){html body .nav:not(.nav-tabs):not(.nav-pills){padding:0 1.25rem}html body .nav-links{display:none!important}html body .nav-links.open{display:flex!important;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#1b3a6b;padding:1rem 1.25rem;gap:2rem;z-index:99}html body .hamburger{display:block}html body .footer{padding:2.5rem 1.5rem}html body .footer-grid{grid-template-columns:1fr}html body .footer-bottom{flex-direction:column;gap:.75rem}html body .footer-sub-bottom{flex-direction:column;gap:.75rem}}@media(max-width:768px){html body .nav:not(.nav-tabs):not(.nav-pills){padding:0 1.25rem}}@keyframes de-spin{to{transform:rotate(360deg)}}html body .nav-logo{text-decoration:none}html body .fh-skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#1b3a6b;color:#fff;padding:10px 16px;border-radius:0 0 6px 0;font-size:16px;text-decoration:none}html body .fh-skip-link:focus{left:0}html body .fh-nav-login{color:rgba(255,255,255,.5);font-size:16px}html body .fh-footer-logo-img{height:110px;width:110px;display:block;border-radius:10px}html body .fh-footer-legal-link{color:rgba(255,255,255,.28)}html body .footer-col h3{font-size:11px;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}html body .nav-cta{background:#1b3a6b}html body .fh-nav-login{color:rgba(255,255,255,.72)}html body .footer-col h3{color:rgba(255,255,255,.7)}html body .footer-brand p{color:rgba(255,255,255,.62)}html body .footer-bottom{color:rgba(255,255,255,.6)}html body .fh-footer-legal-link{color:rgba(255,255,255,.6)}html body .fh-nav-login,html body .nav-links a{font-size:16px}html body .footer-brand p,html body .footer-col a{font-size:16px}html body .fh-footer-legal-link,html body .footer-bottom{font-size:11px}html body .nav-cta{background:#00baf2;color:#fff}html body .nav-cta:hover{background:#009fd6}@media(max-width:700px){html body .nav:not(.nav-tabs):not(.nav-pills){height:58px}html body .nav-links{display:none}}html body .footer-bottom{font-size:11px}html body .footer-bottom a{color:rgba(255,255,255,.55)}html body .footer-legal-bar .legal-text{font-size:14px}html body .footer-legal{padding:1.5rem 1.5rem;text-align:center}@media(max-width:600px){html body .footer,html body .nav:not(.nav-tabs):not(.nav-pills){font-size:17px}}@media(max-width:600px){html body .footer{padding-left:1.5rem;padding-right:1.5rem}}html body .footer,html body .nav:not(.nav-tabs):not(.nav-pills){font-family:Inter,'Inter Fallback',Arial,Helvetica,sans-serif}html body .nav:not(.nav-tabs):not(.nav-pills){min-height:60px}html body .nav-links{display:flex;align-items:center;gap:32px;flex-shrink:0}html body .nav-links a{white-space:nowrap;line-height:1}html body .footer-grid{grid-template-columns:minmax(240px,2.2fr) repeat(3,minmax(130px,1fr));gap:48px}html body .footer-brand,html body .footer-col{min-width:0}html body .footer-brand p,html body .footer-col a{overflow-wrap:break-word}html body .footer-bottom{align-items:flex-start;justify-content:space-between;gap:24px}html body .footer-sub-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%}@media(max-width:768px){html body .footer-grid{grid-template-columns:1fr;gap:32px}html body .footer-bottom,html body .footer-sub-bottom{flex-direction:column;gap:12px}}@media(max-width:460px){html body .nav-links{gap:20px}}html body .nav:not(.nav-tabs):not(.nav-pills){height:80px!important;min-height:80px!important}html body .nav-logo{font-size:22px}html body .nav-logo img{height:40px;width:auto;display:block}html body .nav-links{gap:32px}html body .nav-links a{font-size:16px}html body .nav-cta,html body .nav-links a.nav-cta{padding:12px 20px;font-size:15px}@media(max-width:900px){html body .nav:not(.nav-tabs):not(.nav-pills){padding:0 20px!important;position:sticky}html body .nav-links{display:none!important}html body .nav-links.open{display:flex!important;flex-direction:column;align-items:flex-start;position:absolute;top:80px;left:0;right:0;background:#1a335f;padding:1rem 20px 1.5rem;gap:1.5rem;z-index:99}html body .hamburger{display:block}}@keyframes fx-spin{to{transform:rotate(360deg)}}html body .footer,html body .nav:not(.nav-tabs):not(.nav-pills){font-family:Inter,'Inter Fallback',Arial,Helvetica,sans-serif}html body .nav-links a{font-weight:500}html body .nav-cta{font-weight:600}html body .nav-logo{font-weight:600}html body .nav-cta,html body .nav-cta:hover,html body .nav-links a.nav-cta,html body .nav-links a.nav-cta:hover{color:#0b1f3a!important}html body .fh-footer-logo-img{width:110px;height:auto;aspect-ratio:2082/2149;object-fit:contain}html body .fh-skip-link,html body .footer,html body .nav:not(.nav-tabs):not(.nav-pills){font-family:Inter,'Inter Fallback',Arial,Helvetica,sans-serif;letter-spacing:normal;text-align:left}html body .footer *,html body .nav:not(.nav-tabs):not(.nav-pills) *{box-sizing:border-box;font-family:inherit}html body .nav:not(.nav-tabs):not(.nav-pills){flex-wrap:nowrap;margin:0;list-style:none}html body .footer a:not(.fh-footer-legal-link),html body .footer a:not(.fh-footer-legal-link):hover,html body .nav:not(.nav-tabs):not(.nav-pills) a,html body .nav:not(.nav-tabs):not(.nav-pills) a:focus,html body .nav:not(.nav-tabs):not(.nav-pills) a:hover{text-decoration:none}html body .footer a.fh-footer-legal-link{text-decoration:underline}html body .nav-logo,html body .nav-logo:hover{color:#fff}html body .footer{margin:0;border:0}html body .footer p{margin:0}html body .footer h3{margin-top:0;line-height:inherit}html body .footer img{max-width:none;height:auto}html body.fx-app .nav:not(.nav-tabs):not(.nav-pills){position:relative!important;top:auto!important;z-index:30!important}html body .hamburger{font-size:13.3333px;line-height:normal;box-shadow:none}html body .hamburger:focus{outline:0}html body .hamburger:focus-visible{outline:2px solid #29A8E0;outline-offset:2px}