/* ==========================================================================
   UPBC global layer — loads on EVERY page, after Cerevia's own CSS.
   1. Re-maps Cerevia's --e-global-* tokens to UPBC brand colours/fonts so
      every Cerevia page (blog, services, team, 404, toolkit widgets) follows.
   2. Restyles Cerevia's default header (.navbar-area) and footer (.footer-area).
   ========================================================================== */
:root{
  --upbc-teal:#92D5D2; --upbc-deep:#458A86; --upbc-deep-3:#2F615E; --upbc-soft:#F0FAFA;
  --upbc-cta:#F4C430; --upbc-cta-h:#DDAE1F; --upbc-sun:#FEE390;
  --upbc-cream:#FDFBF7; --upbc-cream-2:#FAF9F6;
  --upbc-ink:#5C4F4D; --upbc-body:#4A4A4A; --upbc-line:#ECE7DF;

  /* Cerevia tokens -> UPBC (no pure black anywhere) */
  --e-global-color-primary:#5C4F4D;          /* was #000000 */
  --e-global-color-secondary:#FEE390;        /* was #fdf3c9 */
  --e-global-color-text:#4A4A4A;             /* was #4c4c4c */
  --e-global-color-accent:#458A86;           /* was #194e4a */
  --e-global-color-black:#5C4F4D;
  --e-global-color-very-light-gray:#FAF9F6;
  --e-global-color-dark-gray:#2F615E;        /* was #1a1c1e */
  --e-global-color-blue:#458A86;
  --e-global-color-dark-blue:#458A86;
  --e-global-color-very-dark-blue:#2F615E;
  --e-global-heading-font:"Plus Jakarta Sans", sans-serif;   /* was Sora */
  --e-global-body-font:"Plus Jakarta Sans", sans-serif;
  --e-global-border-radius-btn:12px;
}
body{background-color:var(--upbc-cream);color:var(--upbc-body)}
h1,h2,h3,h4,h5,h6{color:var(--upbc-ink);text-transform:none;letter-spacing:-.02em}

/* ---------- Intake bar (printed above Cerevia's header) ---------- */
.upbc-topbar{background:var(--upbc-teal);color:#1F4A47;font:600 14px/1.4 var(--e-global-body-font);text-align:center;padding:9px 16px}

/* ---------- Cerevia default header ---------- */
.site-header{position:sticky;top:0;z-index:9999}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.navbar-area .navbar{background:rgba(253,251,247,.96);backdrop-filter:blur(10px);margin-bottom:0;height:76px;border-bottom:1px solid transparent;transition:border-color .2s}
.upbc-scrolled .navbar-area .navbar{border-bottom-color:var(--upbc-line)}
.navbar-area .nav-container{max-width:1280px}
.navbar-area .nav-container .logo a{width:auto}
.navbar-area .nav-container .logo img{max-height:52px;width:auto}
.navbar-area .nav-container .navbar-collapse .navbar-nav li{font-size:15px;font-weight:600;line-height:76px}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a,
.nav-transparent .nav-container .navbar-collapse .navbar-nav>li.current-menu-item a{color:var(--upbc-ink)}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover{color:var(--upbc-deep)}
.nav-transparent .toggle-btn .icon-left,.nav-transparent .toggle-btn .icon-left:before,.nav-transparent .toggle-btn .icon-left:after,
.nav-transparent .toggle-btn .icon-right,.nav-transparent .toggle-btn .icon-right:before,.nav-transparent .toggle-btn .icon-right:after{background-color:var(--upbc-ink)}
/* Header CTA: give a menu item the CSS class "upbc-menu-cta" (Appearance > Menus > Screen Options > CSS Classes) */
.navbar-area .navbar-nav li.upbc-menu-cta>a{background:var(--upbc-cta);color:var(--upbc-ink)!important;border-radius:12px;padding:12px 18px;line-height:1.2;font-weight:700}
.navbar-area .navbar-nav li.upbc-menu-cta>a:hover{background:var(--upbc-cta-h)}
@media(max-width:991px){
  .navbar-area .nav-container .navbar-collapse{background:var(--upbc-cream);border-radius:0 0 16px 16px}
  .navbar-area .nav-container .navbar-collapse .navbar-nav li{line-height:48px;display:block}
  .navbar-area .navbar-nav li.upbc-menu-cta>a{display:inline-block;margin:8px 0 14px}
}

/* ---------- Cerevia default footer ---------- */
.footer-area,.footer-area.style-2{background-color:var(--upbc-deep-3)!important;background-image:none!important;color:rgba(253,251,247,.86)}
.footer-area .footer-top{padding:72px 0 40px}
.footer-area .widget-title,.footer-area h4,.footer-area h5{color:var(--upbc-teal)!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.footer-area p,.footer-area li,.footer-area a,.footer-area .copyright{color:rgba(253,251,247,.86)!important}
.footer-area a:hover{color:#fff!important}
.footer-area .footer-bottom{border-top:1px solid rgba(253,251,247,.15)}

/* ---------- Cerevia / Elementor buttons -> UPBC yellow CTA ---------- */
.cerevia-button,.elementor-button,.wpcf7-submit{background-color:var(--upbc-cta)!important;color:var(--upbc-ink)!important;border-radius:12px}
.cerevia-button:hover,.elementor-button:hover,.wpcf7-submit:hover{background-color:var(--upbc-cta-h)!important}