/* SK Shop A11y - WCAG-kontrast pa WooCommerce produktkort + knappar (frontend-claude QA 2026-06-09).
   Brand-turkos #22bcb9 = vit text 2.34:1 (WCAG-fail). Fix: titel/pris mork text, knapp WCAG-teal #0f766e.
   body-prefix = specificitet over theme. Ingen !important. */
/* produkttitel: turkos -> mork + giltig font-size (theme har "1.625 rem"-space-bug) */
body .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
body .woocommerce-page ul.products li.product h2.woocommerce-loop-product__title{color:#333;font-size:1.35rem}
/* pris: mork + fet + giltig storlek */
body .woocommerce ul.products li.product .price,
body .woocommerce-page ul.products li.product .price{color:#1a1a1a;font-weight:700;font-size:1.2rem}
/* knappar bas: WCAG-teal #0f766e + vit text (~5:1) */
body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button,
body .woocommerce ul.products li.product .add_to_cart_button,
body .woocommerce ul.products li.product .button,
body .woocommerce div.product div.summary .cart button.button,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body .woocommerce-checkout #payment #place_order,
body .woocommerce-message a.button,
body .woocommerce .button.product_type_external{background:#0f766e;color:#fff}
/* knappar hover: morkare teal + vit text */
body .woocommerce a.button:hover,body .woocommerce button.button:hover,body .woocommerce input.button:hover,
body .woocommerce ul.products li.product .add_to_cart_button:hover,
body .woocommerce ul.products li.product .button:hover,
body .woocommerce div.product div.summary .cart button.button:hover,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce-checkout #payment #place_order:hover,
body .woocommerce .button.product_type_external:hover{background:#0b5d57;color:#fff}

/* v0.2 - produktkort-text/beskrivning: turkos→mörk (theme gör kort-texten turkos) */
body .woocommerce ul.products li.product{color:#4b5563}
body .woocommerce ul.products li.product .woocommerce-product-details__short-description,
body .woocommerce ul.products li.product p{color:#4b5563}

/* v0.3 - single-produktsida fullbredd + centrerad. Theme .inner-wrapper{max-width:850px} saknar
   margin auto -> innehållet pinnas smalt till vänster. Matchar collection-sidan (1320px). Bara
   single-product (shop-arkivet har sidebar-layout, rörs ej). */
body.single-product .inner-wrapper{max-width:1320px;margin-left:auto;margin-right:auto}