/* WooCommerce and WordPress content in the idiibi design (tokens from /assets/css/app.css, light and dark). */
.wp-page { max-width: 1040px; }
.wp-page .woocommerce, .wp-page .wp-content { color: var(--text); font-family: var(--font); }
.wp-page a { color: var(--accent); }

.wp-page .woocommerce a.button, .wp-page .woocommerce button.button, .wp-page .woocommerce input.button,
.wp-page .woocommerce #respond input#submit, .wp-page .wc-block-components-button, .wp-page .wp-element-button {
  background: var(--accent); color: #fff; border: 0; border-radius: var(--r-sm); padding: .7em 1.3em;
  font: 800 .95rem/1.4 var(--font); box-shadow: none; transition: filter .2s var(--ease);
}
.wp-page .woocommerce a.button:hover, .wp-page .woocommerce button.button:hover, .wp-page .wc-block-components-button:hover { background: var(--accent); color: #fff; filter: brightness(1.08); }
.wp-page .woocommerce a.button.alt, .wp-page .woocommerce button.button.alt { background: var(--accent); }

.wp-page .woocommerce ul.products li.product, .wp-page .woocommerce-MyAccount-navigation, .wp-page .woocommerce form.login,
.wp-page .woocommerce form.register, .wp-page .woocommerce form.checkout_coupon, .wp-page .cart_totals, .wp-page .woocommerce-order {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); padding: 16px; box-shadow: var(--shadow-sm);
}
.wp-page .woocommerce ul.products li.product .woocommerce-loop-product__title { font: 800 1.05rem/1.5 var(--font); color: var(--text); }
.wp-page .woocommerce .price, .wp-page .woocommerce ul.products li.product .price { color: var(--accent-ink); font-weight: 800; }

.wp-page .woocommerce form .form-row input.input-text, .wp-page .woocommerce form .form-row textarea, .wp-page .woocommerce form .form-row select,
.wp-page .wc-block-components-text-input input, .wp-page .wc-block-components-textarea, .wp-page .select2-container .select2-selection {
  background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: var(--r-sm); padding: .6em .8em; font-family: var(--font);
}
.wp-page .woocommerce form .form-row input.input-text:focus-visible, .wp-page .woocommerce form .form-row select:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

.wp-page .woocommerce table.shop_table { border: 1px solid var(--border); border-radius: var(--r); background: var(--surface); color: var(--text); }
.wp-page .woocommerce table.shop_table th, .wp-page .woocommerce table.shop_table td { border-color: var(--border); }

.wp-page .woocommerce-message, .wp-page .woocommerce-info, .wp-page .woocommerce-error, .wp-page .wc-block-components-notice-banner {
  background: var(--accent-soft); color: var(--text); border: 0; border-inline-start: 4px solid var(--accent); border-radius: var(--r-sm);
}
.wp-page .woocommerce-error { background: var(--danger-soft); border-inline-start-color: var(--danger); }
.wp-page .woocommerce-message::before, .wp-page .woocommerce-info::before { color: var(--accent); }

.wp-page .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.wp-page .woocommerce-MyAccount-navigation li a { display: block; padding: .5em .7em; border-radius: var(--r-sm); color: var(--text); text-decoration: none; }
.wp-page .woocommerce-MyAccount-navigation li.is-active a { background: var(--accent-soft); color: var(--accent-ink); font-weight: 800; }

@media (max-width: 768px) {
  .wp-page .woocommerce .col2-set .col-1, .wp-page .woocommerce .col2-set .col-2,
  .wp-page .woocommerce-account .woocommerce-MyAccount-navigation, .wp-page .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; }
}