/* Store and account pages (cart, checkout, My Account, sign in, register): tos-hub-pages' own templates inside the site
   header and footer. Their slim top bar is skipped in PHP (TOS_SITE_CHROME); the rest follows the site's type and drops
   the full-screen heights those templates used when they were the whole page. */
main.store{display:block;background:var(--n-50)}
main.store .tos-auth-logo{display:none}
main.store :is(.tos-checkout,.tos-cart){--font:var(--sans)}
main.store,main.store *:not(code):not(pre):not(kbd){font-family:var(--sans) !important}
main.store :is(.tos-auth-wrapper,.tos-login-container,.tos-account-login-wrapper,.tos-account-wrapper,.tos-checkout,.tos-cart){min-height:0 !important}
main.store :is(.tos-auth-wrapper,.tos-account-login-wrapper){background:transparent !important;padding:56px 16px 72px}

/* WooCommerce's own stylesheet loads on these pages (the old theme loaded it too) and sizes every image, the logo included */
body .logo img{height:30px}
body .foot .logo img{height:34px}
@media (max-width:760px){body .logo img{height:26px}}

/* Notices and their buttons: the old theme skin hid the icon font and styled the button; the site's look instead */
main.store :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{display:none}
main.store :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){padding-left:20px}
main.store :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button{background:var(--brand);color:#0F1E08;border-radius:999px;font-weight:600}

/* Cart and checkout titles: the site's light page head, not the dark band */
main.store :is(.tos-cart-hero,.tos-checkout-hero){background:none;padding:48px 16px 0}
main.store :is(.tos-cart-hero,.tos-checkout-hero) h1{color:var(--ink);font-size:clamp(30px,3vw,40px);letter-spacing:-.02em}
/* WooCommerce moves focus to its notices for screen readers; that is not keyboard navigation, so no focus ring (ks-a11y draws one with !important) */
html body main.store :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-NoticeGroup)[tabindex="-1"]:focus{outline:none !important}

/* Same content width as the rest of the site (1200px inside 20px gutters) */
main.store :is(.tos-account-hero-inner,.tos-account-container,.tos-checkout-main,.tos-cart-main){max-width:1240px;padding-left:20px;padding-right:20px}

/* My Account welcome: the site's light page head, not the dark band */
main.store .tos-account-hero{background:none;padding:48px 0 0}
main.store .tos-account-welcome h1{color:var(--ink);font-size:clamp(28px,2.6vw,36px);letter-spacing:-.02em}
main.store .tos-account-welcome p{color:var(--gray)}