/* Checkout and account surfaces use the GarryCoins shared palette. */
body.woocommerce-page { background: var(--gc-color-background); color: var(--gc-color-text); }
.woocommerce-page .site-content { max-width: 1200px; margin: auto; padding: 48px 32px 64px; }
.woocommerce-page .inside-article { padding: 36px; border-radius: 12px; background: linear-gradient(145deg,var(--gc-color-surface) 70%,var(--gc-color-background)); }
.woocommerce-page .entry-title { color: var(--gc-color-brand); font-size: clamp(32px,4vw,48px); letter-spacing: -.035em; }
.woocommerce-page .woocommerce { font: 16px/1.65 "Segoe UI",Arial,sans-serif; }
.woocommerce-page .woocommerce h2, .woocommerce-page .woocommerce h3 { color: var(--gc-color-brand); font-weight: 600; }
.woocommerce-page .woocommerce a { color: var(--gc-color-link); text-underline-offset: 4px; }
.woocommerce-page .woocommerce :is(a,button,input,select):focus-visible { outline: 3px solid var(--gc-color-focus); outline-offset: 3px; }
.woocommerce-page .woocommerce form .form-row :is(input.input-text,textarea) { border: 1px solid var(--gc-color-border-control); background: var(--gc-color-surface); color: var(--gc-color-text); border-radius: 5px; min-height: 46px; padding: 10px 12px; }
.woocommerce-page .woocommerce form .form-row label { font-weight: 600; font-size: 14px; }
.woocommerce-page .woocommerce :is(button.button,a.button,input.button) { background: var(--gc-color-action); color: var(--gc-color-action-text); padding: 14px 22px; border-radius: 5px; font-size: 15px; line-height: 1.4; }
.woocommerce-page .woocommerce :is(button.button,a.button,input.button):hover { background: var(--gc-color-action-hover); color: var(--gc-color-action-text); }
.woocommerce-page .woocommerce .woocommerce-info, .woocommerce-page .woocommerce .woocommerce-message { background: var(--gc-color-surface-subtle); color: var(--gc-color-text); border-top-color: var(--gc-color-accent); }
.woocommerce-page .woocommerce .woocommerce-info::before, .woocommerce-page .woocommerce .woocommerce-message::before { color: var(--gc-color-accent); }
.woocommerce-page .woocommerce .woocommerce-error { background: var(--gc-color-negative-surface); color: var(--gc-color-text); border-top-color: var(--gc-color-negative); }
.woocommerce-page .woocommerce .woocommerce-error::before, .woocommerce-page .woocommerce .required { color: var(--gc-color-negative); }
.woocommerce-page .woocommerce table.shop_table { border: 1px solid var(--gc-color-border); border-radius: 8px; overflow: hidden; }
.woocommerce-page .woocommerce table.shop_table th { background: var(--gc-color-background); color: var(--gc-color-brand); }
.woocommerce-page .woocommerce table.shop_table :is(th,td) { padding: 14px 18px; border-color: var(--gc-color-border); }
.woocommerce-page .woocommerce-checkout #payment { background: var(--gc-color-background); border: 1px solid var(--gc-color-border); border-radius: 8px; }
.woocommerce-page .woocommerce-checkout #payment div.payment_box { background: var(--gc-color-surface-subtle); color: var(--gc-color-text); }
.woocommerce-page .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--gc-color-surface-subtle); }
.woocommerce-page #customer_details { margin-bottom: 24px; }
.woocommerce-page #customer_details .col-1 { width: 100%; float: none; }
.woocommerce-page #customer_details .col-2 { display: none; }
.woocommerce-page .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; }
.woocommerce-page .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; border: 1px solid var(--gc-color-border); border-radius: 8px; }
.woocommerce-page .woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-page .woocommerce-MyAccount-navigation .is-active { background: var(--gc-color-surface-subtle); font-weight: 600; }
.woocommerce-page .woocommerce-MyAccount-content { overflow-wrap: anywhere; }
@media(max-width:760px) { .woocommerce-page .site-content { padding: 24px 16px 40px; } .woocommerce-page .inside-article { padding: 24px 18px; } .woocommerce-page .woocommerce .form-row-first,.woocommerce-page .woocommerce .form-row-last { width: 100%; float: none; } .woocommerce-page .woocommerce ul.order_details { margin-left: 0; } .woocommerce-page .woocommerce ul.order_details li { float: none; border: 0; padding: 10px 0; margin: 0; } }