/* Stock ZenCart pages that never got the 2026 restyle (owner 2026-09-25).
   Scoped by the body id ZenCart writes per page, so nothing here can leak into the shop pages.
   Covered: cookie usage, order lookup, gift-certificate FAQ, discount coupon, newsletter
   subscribe/unsubscribe, cart info, download time-out, brands, featured categories, site map.
   Why body ids: this file is picked up by the template's "style*.css" auto-loader, so no loader
   or template change is needed - see the front-end module manual under docs/ for the reasoning. */

#cookieusageBody,#orderstatusBody,#gvfaqBody,#discountcouponBody,#subscribeBody,#unsubscribeBody,
#infoShoppingCart,#downloadtimeoutBody,#brandsBody,#featuredcategoriesBody,#sitemapBody{
  --sp-ink:#0d1b2a;--sp-text:#4b5563;--sp-muted:#6b7280;--sp-line:#e5e7eb;--sp-wash:#f7f9fb;
  --sp-brand:#1b5fa8;--sp-brand-deep:#164e8a;
  --sp-font:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* headings */
#cookieusageBody #columnCenter h1,#orderstatusBody #columnCenter h1,#gvfaqBody #columnCenter h1,
#discountcouponBody #columnCenter h1,#subscribeBody #columnCenter h1,#unsubscribeBody #columnCenter h1,
#infoShoppingCart #columnCenter h1,#downloadtimeoutBody #columnCenter h1,#brandsBody #columnCenter h1,
#featuredcategoriesBody #columnCenter h1,#sitemapBody #columnCenter h1{
  font-family:var(--sp-font);font-weight:700;font-size:30px;line-height:1.2;color:var(--sp-ink);
  text-align:left;margin:20px 0 12px;padding:0;border:0;background:none;letter-spacing:-.01em;
}
#cookieusageBody #columnCenter h2,#orderstatusBody #columnCenter h2,#gvfaqBody #columnCenter h2,
#discountcouponBody #columnCenter h2,#infoShoppingCart #columnCenter h2,#sitemapBody #columnCenter h2{
  font-family:var(--sp-font);font-weight:700;font-size:20px;line-height:1.3;color:var(--sp-ink);
  text-align:left;margin:22px 0 8px;padding:0;border:0;background:none;
}

/* body copy */
#cookieusageBody #columnCenter,#orderstatusBody #columnCenter,#gvfaqBody #columnCenter,
#discountcouponBody #columnCenter,#subscribeBody #columnCenter,#unsubscribeBody #columnCenter,
#infoShoppingCart #columnCenter,#downloadtimeoutBody #columnCenter,#brandsBody #columnCenter,
#featuredcategoriesBody #columnCenter{
  font-family:var(--sp-font);color:var(--sp-text);font-size:15.5px;line-height:1.75;padding-bottom:34px;
}
#cookieusageBody #columnCenter p,#orderstatusBody #columnCenter p,#gvfaqBody #columnCenter p,
#discountcouponBody #columnCenter p,#subscribeBody #columnCenter p,#unsubscribeBody #columnCenter p,
#infoShoppingCart #columnCenter p,#downloadtimeoutBody #columnCenter p{
  font-size:15.5px;line-height:1.75;margin:0 0 12px;max-width:80ch;
}

/* the 1.5.1 fieldset boxes become cards */
#cookieusageBody #columnCenter fieldset,#orderstatusBody #columnCenter fieldset,
#gvfaqBody #columnCenter fieldset,#subscribeBody #columnCenter fieldset,
#unsubscribeBody #columnCenter fieldset,#downloadtimeoutBody #columnCenter fieldset{
  border:1px solid var(--sp-line);border-radius:12px;background:#fff;padding:16px 18px;margin:0 0 18px;
}
#cookieusageBody #columnCenter legend,#orderstatusBody #columnCenter legend,
#gvfaqBody #columnCenter legend,#subscribeBody #columnCenter legend,
#unsubscribeBody #columnCenter legend,#downloadtimeoutBody #columnCenter legend{
  font-family:var(--sp-font);font-weight:700;font-size:15px;color:var(--sp-ink);padding:0 6px 0 0;
  background:none;border:0;text-shadow:none;
}
/* these pages print the page title twice: once as <h1>, once as the fieldset legend (with a grey
   #888 chip from the 1.5.1 stylesheet). Keep the h1, drop the duplicate. */
#orderstatusBody #columnCenter fieldset>legend,#subscribeBody #columnCenter fieldset>legend,
#unsubscribeBody #columnCenter fieldset>legend{display:none}

/* inputs */
#orderstatusBody #columnCenter input[type=text],#orderstatusBody #columnCenter input[type=email],
#orderstatusBody #columnCenter input[type=number],#gvfaqBody #columnCenter input[type=text],
#subscribeBody #columnCenter input[type=text],#subscribeBody #columnCenter input[type=email],
#unsubscribeBody #columnCenter input[type=text],#unsubscribeBody #columnCenter input[type=email],
#discountcouponBody #columnCenter input[type=search],#discountcouponBody #columnCenter input[type=text]{
  height:44px;border:1px solid var(--sp-line);border-radius:8px;padding:0 12px;font:inherit;font-size:15px;
  background:#fff;color:var(--sp-ink);max-width:100%;
}
#orderstatusBody #columnCenter input:focus,#gvfaqBody #columnCenter input:focus,
#subscribeBody #columnCenter input:focus,#unsubscribeBody #columnCenter input:focus,
#discountcouponBody #columnCenter input:focus{outline:none;border-color:var(--sp-brand);box-shadow:0 0 0 3px #e9f1fb}
#orderstatusBody #columnCenter label,#gvfaqBody #columnCenter label,
#subscribeBody #columnCenter label,#unsubscribeBody #columnCenter label{
  display:inline-block;font-weight:600;color:var(--sp-ink);font-size:14px;margin:0 0 4px;
}

/* the legacy green pill button */
#cookieusageBody #columnCenter .cssButton,#orderstatusBody #columnCenter .cssButton,
#gvfaqBody #columnCenter .cssButton,#discountcouponBody #columnCenter .cssButton,
#subscribeBody #columnCenter .cssButton,#unsubscribeBody #columnCenter .cssButton,
#downloadtimeoutBody #columnCenter .cssButton,#brandsBody #columnCenter .cssButton,
#cookieusageBody #columnCenter .cssButtonHover,#orderstatusBody #columnCenter .cssButtonHover,
#gvfaqBody #columnCenter .cssButtonHover,#discountcouponBody #columnCenter .cssButtonHover{
  display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;
  background:var(--sp-brand);border:1px solid var(--sp-brand);border-radius:8px;color:#fff;
  font-family:var(--sp-font);font-size:15px;font-weight:600;line-height:1;cursor:pointer;
  text-decoration:none;box-shadow:none;text-shadow:none;background-image:none;
}
#cookieusageBody #columnCenter .cssButton:hover,#orderstatusBody #columnCenter .cssButton:hover,
#gvfaqBody #columnCenter .cssButton:hover,#discountcouponBody #columnCenter .cssButton:hover,
#subscribeBody #columnCenter .cssButton:hover,#unsubscribeBody #columnCenter .cssButton:hover{
  background:var(--sp-brand-deep);border-color:var(--sp-brand-deep);color:#fff;
}
#cookieusageBody #columnCenter .buttonRow,#orderstatusBody #columnCenter .buttonRow,
#gvfaqBody #columnCenter .buttonRow,#subscribeBody #columnCenter .buttonRow,
#unsubscribeBody #columnCenter .buttonRow,#downloadtimeoutBody #columnCenter .buttonRow{
  margin:14px 0 0;float:none;text-align:left;
}

/* site map: the link lists were 12px on phones */
#sitemapBody #columnCenter li,#sitemapBody #columnCenter a{font-size:14.5px;line-height:1.7}

/* cart info page came out with a 14px Oswald heading */
#infoShoppingCart h1,#infoShoppingCart h2{font-family:var(--sp-font) !important;text-align:left !important}
#infoShoppingCart h1{font-size:30px !important}
#infoShoppingCart h2{font-size:20px !important}

@media (max-width:760px){
  #cookieusageBody #columnCenter h1,#orderstatusBody #columnCenter h1,#gvfaqBody #columnCenter h1,
  #discountcouponBody #columnCenter h1,#subscribeBody #columnCenter h1,#unsubscribeBody #columnCenter h1,
  #infoShoppingCart #columnCenter h1,#downloadtimeoutBody #columnCenter h1,#brandsBody #columnCenter h1,
  #featuredcategoriesBody #columnCenter h1,#sitemapBody #columnCenter h1{font-size:24px;margin:14px 0 10px}
  #orderstatusBody #columnCenter input[type=text],#orderstatusBody #columnCenter input[type=email],
  #orderstatusBody #columnCenter input[type=number],#subscribeBody #columnCenter input[type=text],
  #subscribeBody #columnCenter input[type=email],#unsubscribeBody #columnCenter input[type=text],
  #unsubscribeBody #columnCenter input[type=email]{width:100%}
  #cookieusageBody #columnCenter .cssButton,#orderstatusBody #columnCenter .cssButton,
  #gvfaqBody #columnCenter .cssButton,#subscribeBody #columnCenter .cssButton,
  #unsubscribeBody #columnCenter .cssButton,#downloadtimeoutBody #columnCenter .cssButton{width:100%}
}