/* material2-override-2 — Font/typography refinements */
      /* ------------------------------------------------------------

   IPOO MATERIAL 2 STYLE OVERRIDE

   Premium Warm Aesthetic with Instrument Serif + DM Sans

   ------------------------------------------------------------ */

      /* -- 1. Root token overrides ----------------------------------- */

      /* =====================================================
         PERMANENT FIX — on-surface/on-primary-container are
         TEXT tokens, not backgrounds. Restores branded light
         headers on Orders, Receipt, Notifications, Profile,
         Addresses, Loyalty, Help, About + fixes cart summary bar.
         ===================================================== */

      .tbar.dark {
      }

      .tbar.dark .tbar-title,
      .tbar.dark .tbar-title.w,
      .tbar.dark .ibtn.w,
      .tbar.dark .ibtn.w svg {
        color: var(--md-on-primary) !important;
      }

      /* Receipt top bar headline should be visible on light headers */
      #sc-receipt .tbar.dark .tbar-title.w {
        color: #111111 !important;
      }

      .cart-summary {
        background: var(--md-surface-2) !important;
        color: var(--md-on-surface) !important;
      }

      .cart-summary-row span:first-child,
      .cart-summary-total span:first-child {
        color: var(--md-on-surface-var) !important;
      }

      .cart-summary-row span:last-child,
      .cart-summary-total span:last-child {
        color: var(--md-primary) !important;
      }

      /* -- 2. Base body + page background --------------------------- */

      body,
      #shell,
      .screen {
        background: var(--cream) !important;

        font-family: var(--font-body) !important;

        font-weight: 400 !important;
      }

      /* Make the scrollable areas cream too */

      .scroll,
      .scroll-body,
      .auth-scroll {
        background: var(--cream) !important;
      }

      /* -- 3. Display headings ? Instrument Serif italic ------------- */

      /* Prices */

      .product-price,
      .h-price,
      .pcard-price,
      .det-price,
      .cart-price,
      .cart-price-m3,
      .sum-row.total span:last-child,
      .ord-info-value.strong,
      .lh-pts,
      .lc-points,
      .rew-amount {
        font-family: var(--font-display) !important;

        font-style: normal !important;

        font-weight: 400 !important;
      }

      /* Big headings & greeting */

      .greeting-name,
      .wl-headline,
      .login-title,
      .reg-title,
      .success-title,
      .empty-title,
      .cart-empty-title,
      .ord-empty-title,
      .about-word,
      .section-title,
      .topbar-title,
      .bar-title,
      .tbar-title,
      .det-name {
        font-family: "Google Sans", sans-serif !important;

        font-style: normal !important;

        font-weight: 600 !important;

        letter-spacing: -0.3px !important;
      }

      /* Logo */

      .topbar-logo,
      .wl-logo-name {
        font-family: var(--font-display) !important;

        font-style: normal !important;
      }

      /* -- 4. Cards ? warmer, softer --------------------------------- */

      .product-card,
      .h-product-card,
      .pcard,
      .prod-card,
      .cart-item,
      .cart-item-m3,
      .summary-card,
      .ord-card,
      .ord-card-md,
      .checkout-card,
      .about-sec,
      .prof-card,
      .addr-card,
      .lang-card,
      .faq-card,
      .contact-card {
        background: var(--md-surface) !important;

        border-color: var(--border) !important;
      }

      /* -- 5. Inputs ? warm fog background -------------------------- */

      .field,
      .form-input,
      .m3-text-field,
      .phone-inp,
      .co-coupon-input,
      .search-input {
        background: var(--md-surface-1) !important;

        font-family: var(--font-body) !important;

        font-weight: 400 !important;
      }
      /* #screen-products .search-full-bar is 100% verbatim in screens/products-search.css — excluded from global override */

      /* -- 6. Body text ? lighter weight ---------------------------- */

      .product-name,
      .pcard-name,
      .prod-name,
      .cart-name-m3,
      .li-ttl,
      .pli-ttl,
      .ord-id,
      .notif-title,
      .faq-q-txt,
      .crow-body strong {
        font-weight: 500 !important;

        font-family: var(--font-body) !important;
      }

      /* Subtitles / meta text */

      .product-sub,
      .pcard-brand,
      .prod-unit,
      .cart-unit-m3,
      .li-sub,
      .pli-sub,
      .ord-date,
      .notif-body,
      .faq-a,
      .crow-body span {
        font-weight: 400 !important;

        font-family: var(--font-body) !important;
      }

      /* -- 7. Buttons ? slightly lighter weight --------------------- */

      .btn-primary,
      .btn-filled,
      .btn,
      .btn-pri,
      .detail-add-cart,
      .ord-btn-primary,
      .rdm-btn.primary {
        font-family: var(--font-body) !important;

        font-weight: 500 !important;
      }

      /* -- 8. Nav bar ? cream background ---------------------------- */

      .nav {
        background: var(--md-surface) !important;
      }

      /* -- 9. Success / order screens ------------------------------- */

      .success-container,
      #screen-success {
        background: var(--cream) !important;
      }

      /* -- 10. Category page background ----------------------------- */

      #sc-catpage,

#screen-products,





/* REMOVED: Conflicting cream background rules that were overriding dark topbar */