Here’s a clean, copy-paste “final” Additional CSS that keeps everything you already have, but makes the WooCommerce “Added to cart” popup reliably use your blue #47b0e4 (including the left icon panel) across Overline + common WooCommerce markup.
Copy/paste this whole block into Appearance → Customize → Additional CSS (it replaces what you posted):
/* =========================================================
   GOD MODE SCIENCES — GLOBAL CUSTOM CSS (Overline + WooCommerce)
   Brand Blue: #47b0e4
   ========================================================= */


/* -----------------------------
   Limited time section background
   ----------------------------- */
.limited-time-section{
  background-image: url(https://godmodesciences.com/wp-content/uploads/2025/12/Bundle-Background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* -----------------------------
   Remove gap above footer on home
   ----------------------------- */
.home .footer{
  margin-top: 0;
}


/* -----------------------------
   Main footer background
   ----------------------------- */
.footer{
  background-color: #47b0e4 !important;
  background-image: none !important;
}


/* -----------------------------
   SUBFOOTER (orange bar) — override
   ----------------------------- */
.subfooter{
  background: #47b0e4 !important;
  background-color: #47b0e4 !important;
  background-image: none !important;
}

/* Prevent inner elements from reintroducing orange */
.subfooter *{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* -----------------------------
   Button outline fix
   ----------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link{
  border-width: 1px !important;
}


/* -----------------------------
   Route widget disclaimer text
   ----------------------------- */
#RouteWidget::after{
  content: "Route is an added layer of protection to your order which insures replacement for lost, stolen, or damaged packages. By unselecting it, you are opting out of this premium feature.";
  white-space: pre-wrap;
}

#RouteWidget{
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 10px;
}


/* =========================================================
   WooCommerce “Added to cart” popup / success notice
   - Sets the popup background to #47b0e4
   - Forces text + links to white
   - Forces the left icon panel + checkmark to match
   ========================================================= */

/* Main success notice container (WooCommerce default) */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-notice--success,
.woocommerce-message,
.woocommerce-notice--success{
  background: #47b0e4 !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

/* Make all text inside white */
.woocommerce-notices-wrapper .woocommerce-message *,
.woocommerce-notices-wrapper .woocommerce-notice--success *,
.woocommerce-message *,
.woocommerce-notice--success *{
  color: #ffffff !important;
}

/* Links inside notice */
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-notice--success a,
.woocommerce-message a,
.woocommerce-notice--success a{
  color: #ffffff !important;
  text-decoration: underline;
}

/* LEFT ICON BOX / CHECKMARK
   Some themes use ::before, some use :before */
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-notice--success::before,
.woocommerce-message::before,
.woocommerce-notice--success::before,
.woocommerce-notices-wrapper .woocommerce-message:before,
.woocommerce-notices-wrapper .woocommerce-notice--success:before,
.woocommerce-message:before,
.woocommerce-notice--success:before{
  background: #47b0e4 !important;
  color: #ffffff !important;
}

/* If theme uses an inline SVG icon for close/check inside */
.woocommerce-notices-wrapper .woocommerce-message svg,
.woocommerce-notices-wrapper .woocommerce-notice--success svg,
.woocommerce-message svg,
.woocommerce-notice--success svg{
  fill: #ffffff !important;
  stroke: #ffffff !important;
}


/* =========================================================
   Checkout fix: remove empty bordered box on billing wrapper
   ========================================================= */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
  border: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   Cart: fix "Proceed to Checkout" button overlay / alignment (mobile)
   ========================================================= */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .woocommerce a.checkout-button{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  line-height: 1.2 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  text-align: center !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button *{
  position: static !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after{
  content: none !important;
}



/* =========================================================
   OVERLINE THEME — AJAX "Added to cart" TOAST (popup)
   Force brand blue: #47b0e4
   Put this at the END of Additional CSS
   ========================================================= */

:root { --gm-blue: #47b0e4; }

/* Target common toast/notification wrappers used by themes */
body .toast,
body .snackbar,
body .notification,
body .site-notification,
body .added-to-cart-notification,
body .added_to_cart_notification,
body [class*="add-to-cart"][class*="notice"],
body [class*="added-to-cart"],
body [class*="added_to_cart"],
body [class*="cart-notif"],
body [class*="cart_notif"],
body [class*="cart-popup"],
body [class*="cart_popup"],
body [role="alert"],
body [aria-live="polite"],
body [aria-live="assertive"]{
  background: var(--gm-blue) !important;
  border-color: var(--gm-blue) !important;
  color: #fff !important;
}

/* Make all text inside the popup white */
body .toast *,
body .snackbar *,
body .notification *,
body .site-notification *,
body .added-to-cart-notification *,
body .added_to_cart_notification *,
body [class*="added-to-cart"] *,
body [class*="added_to_cart"] *,
body [class*="cart-notif"] *,
body [class*="cart_notif"] *,
body [class*="cart-popup"] *,
body [class*="cart_popup"] *,
body [role="alert"] *{
  color: #fff !important;
}

/* The LEFT ICON PANEL (your beige box) is usually the first child */
body .toast > :first-child,
body .snackbar > :first-child,
body .notification > :first-child,
body .site-notification > :first-child,
body .added-to-cart-notification > :first-child,
body .added_to_cart_notification > :first-child,
body [class*="added-to-cart"] > :first-child,
body [class*="added_to_cart"] > :first-child,
body [class*="cart-notif"] > :first-child,
body [class*="cart_notif"] > :first-child,
body [class*="cart-popup"] > :first-child,
body [class*="cart_popup"] > :first-child,
body [role="alert"] > :first-child{
  background: var(--gm-blue) !important;
}

/* If the checkmark is an SVG/icon, force it white */
body .toast svg,
body .snackbar svg,
body .notification svg,
body [class*="added-to-cart"] svg,
body [class*="added_to_cart"] svg,
body [class*="cart-popup"] svg,
body [role="alert"] svg{
  fill: #fff !important;
  stroke: #fff !important;
}

/* =========================================================
   OVERLINE — Add to Cart popup (top-right toast)
   Brand blue: #47b0e4
   Paste at the END of Additional CSS
   ========================================================= */
:root { --gm-blue: #47b0e4; }

/* 1) The toast container (usually fixed top-right) */
body div[style*="position: fixed"][style*="top"][style*="right"],
body .toast,
body .snackbar,
body .notification,
body [class*="toast"],
body [class*="snackbar"],
body [class*="notif"],
body [class*="notice"],
body [class*="added-to-cart"],
body [class*="added_to_cart"],
body [class*="cart-popup"],
body [class*="cart_popup"],
body [class*="cart-notif"],
body [class*="cart_notif"]{
  background: #ffffff !important;           /* keep the main body white like your screenshot */
  border-color: var(--gm-blue) !important;  /* keep border consistent */
}

/* 2) LEFT beige icon panel — force it to blue */
body div[style*="position: fixed"][style*="top"][style*="right"] > :first-child,
body .toast > :first-child,
body .snackbar > :first-child,
body .notification > :first-child,
body [class*="toast"] > :first-child,
body [class*="snackbar"] > :first-child,
body [class*="notif"] > :first-child,
body [class*="added-to-cart"] > :first-child,
body [class*="added_to_cart"] > :first-child,
body [class*="cart-popup"] > :first-child,
body [class*="cart_popup"] > :first-child,
body [class*="cart-notif"] > :first-child,
body [class*="cart_notif"] > :first-child{
  background: var(--gm-blue) !important;
}

/* 3) The checkmark/icon inside the left panel -> black/white control */
body div[style*="position: fixed"][style*="top"][style*="right"] svg,
body .toast svg,
body .snackbar svg,
body .notification svg,
body [class*="added-to-cart"] svg,
body [class*="added_to_cart"] svg{
  fill: #000 !important;    /* your screenshot has black check; change to #fff if you prefer */
  stroke: #000 !important;
}

/* 4) Keep popup text readable (main body is white) */
body div[style*="position: fixed"][style*="top"][style*="right"] *{
  color: #111 !important;
}