/* Netmark storefront — Twenty Twenty-Five + WooCommerce
   White-blue SaaS. Not a blog skin. Not a marketplace bazaar. */

:root {
  --netmark-bg: #f6f8fc;
  --netmark-surface: #ffffff;
  --netmark-ink: #0e1c2f;
  --netmark-muted: #5c6b7c;
  --netmark-subtle: #8a97a6;
  --netmark-blue: #1763e5;
  --netmark-blue-hover: #1254c6;
  --netmark-soft: #e8f0ff;
  --netmark-line: #d9e3ef;
  --netmark-ok: #147d4a;
  --netmark-danger: #c0362c;
  --netmark-radius: 16px;
  --netmark-shadow:
    0 0 0 1px rgba(14, 28, 47, 0.06),
    0 1px 2px -1px rgba(14, 28, 47, 0.06),
    0 2px 4px 0 rgba(14, 28, 47, 0.04);
  --wp--preset--color--base: #f6f8fc;
  --wp--preset--color--contrast: #0e1c2f;
  --wp--preset--color--accent-1: #1763e5;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
.wp-site-blocks,
.editor-styles-wrapper {
  background: var(--netmark-bg);
  color: var(--netmark-ink);
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}

h1,
h2,
h3 {
  text-wrap: balance;
  letter-spacing: -0.02em;
}

p {
  text-wrap: pretty;
}

a {
  color: var(--netmark-blue);
}

button:not(:disabled),
[role="button"]:not(:disabled),
.wp-element-button {
  cursor: pointer;
}

/* Header */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--netmark-line);
}

.wp-block-navigation,
.wp-block-navigation a,
.wp-block-site-title a {
  color: var(--netmark-ink);
  text-decoration: none;
}

.wp-block-site-title a {
  font-weight: 650;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--netmark-blue);
}

/* Footer */
footer.wp-block-template-part {
  background: var(--netmark-surface);
  border-top: 1px solid var(--netmark-line);
  color: var(--netmark-muted);
}

/* Buttons — core + WooCommerce classic + blocks */
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.wc-block-components-button,
.wp-block-woocommerce-product-button .wp-block-button__link,
.wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  background: var(--netmark-blue) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 500;
  min-height: 44px;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #place_order:hover,
.wc-block-components-button:hover {
  background: var(--netmark-blue-hover) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: var(--netmark-surface) !important;
  color: var(--netmark-ink) !important;
  box-shadow: inset 0 0 0 1px var(--netmark-line) !important;
}

/* Shop grid — classic */
ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.products li.product,
ul.products li.product .woocommerce-loop-product__link {
  background: var(--netmark-surface);
  border-radius: var(--netmark-radius);
  box-shadow: var(--netmark-shadow);
}

ul.products li.product {
  padding: 1rem 1rem 1.25rem;
  overflow: hidden;
}

ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--netmark-ink);
}

ul.products li.product .price,
.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
  color: var(--netmark-blue);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

ul.products li.product .button {
  width: 100%;
  text-align: center;
}

ul.products li.product .onsale,
.single-product span.onsale {
  background: var(--netmark-soft);
  color: var(--netmark-blue);
  border-radius: 999px;
}

/* Product Collection / Woo blocks */
.wp-block-woocommerce-product-collection .wc-block-product,
.wc-block-grid__product,
.wp-block-woocommerce-product-template .wc-block-product {
  background: var(--netmark-surface);
  border-radius: var(--netmark-radius);
  box-shadow: var(--netmark-shadow);
  padding: 1rem;
}

/* Single product */
.single-product div.product {
  background: var(--netmark-surface);
  box-shadow: var(--netmark-shadow);
  border-radius: 20px;
  padding: 1.5rem;
}

.single-product .summary .price {
  color: var(--netmark-blue);
  font-size: 1.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

table.variations {
  width: 100%;
}

table.variations select,
.woocommerce div.product form.cart .variations select {
  width: 100%;
  border: 1px solid var(--netmark-line);
  border-radius: 8px;
  min-height: 44px;
  padding: 0 0.75rem;
  background: var(--netmark-surface);
  color: var(--netmark-ink);
}

.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid var(--netmark-line);
  border-radius: 8px;
  min-height: 44px;
}

.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel {
  color: var(--netmark-muted);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 1rem;
  border-bottom: 1px solid var(--netmark-line);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: 0;
  border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--netmark-blue);
}

/* Cart + checkout + account — classic */
.woocommerce-cart table.cart,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce,
.wc-block-cart,
.wc-block-checkout {
  background: var(--netmark-surface);
  box-shadow: var(--netmark-shadow);
  border-radius: var(--netmark-radius);
  padding: 1.25rem;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.wc-block-components-sidebar {
  background: var(--netmark-bg);
  border-radius: 12px;
  padding: 1rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-combobox input {
  border: 1px solid var(--netmark-line);
  border-radius: 8px;
  min-height: 44px;
  background: var(--netmark-surface);
  color: var(--netmark-ink);
}

.woocommerce-info,
.woocommerce-message,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
  border-top-color: var(--netmark-blue);
  background: var(--netmark-soft);
  color: var(--netmark-ink);
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
  border-top-color: var(--netmark-danger);
  color: var(--netmark-ink);
}

.woocommerce table.shop_table {
  border: 1px solid var(--netmark-line);
  border-radius: 12px;
  border-collapse: separate;
}

.woocommerce table.shop_table th {
  color: var(--netmark-subtle);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  color: var(--netmark-ink);
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--netmark-soft);
  color: var(--netmark-blue);
}

/* Mini cart */
.wc-block-mini-cart__button,
.wp-block-woocommerce-mini-cart {
  color: var(--netmark-ink);
}

.wc-block-mini-cart__badge {
  background: var(--netmark-blue);
  color: #fff;
}

/* Hide leftover blog chrome on commerce views */
.woocommerce-page .wp-block-post-date,
.woocommerce-page .wp-block-post-author-name,
.woocommerce-page .wp-block-post-terms,
.single-product .wp-block-post-date {
  display: none;
}

/* Coming soon (if still on) — keep Netmark colors */
.woocommerce-coming-soon,
body.woocommerce-coming-soon {
  background: var(--netmark-bg);
  color: var(--netmark-ink);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}