/* Baseline restyle for default WooCommerce markup so nothing looks like
   stock WooCommerce purple/default styling inside Souq. Loaded on every
   WooCommerce-driven view (shop/product/cart/checkout/account). */

.souq-shop{ padding-block:24px; }

/* Buttons: WooCommerce's own .button class, mapped onto Souq tokens so
   any WooCommerce output we did NOT touch (widgets, blocks, third-party
   plugin buttons) still matches the theme instead of clashing. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
	background:var(--souq-primary); color:#fff; border:0; border-radius:var(--souq-radius-md);
	padding:12px 20px; font-weight:700; font-size:14px; box-shadow:none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{ background:var(--souq-primary-dark); color:#fff; }
.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt{ background:var(--souq-primary); }
.woocommerce a.button.loading,
.woocommerce button.button.loading{ opacity:.7; }

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce table.shop_table td select{
	background:var(--souq-surface); border:1px solid var(--souq-border); border-radius:var(--souq-radius-sm);
	padding:11px 14px; font-size:14px; min-height:44px; color:var(--souq-text);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{ outline:none; border-color:var(--souq-primary); box-shadow:0 0 0 3px rgba(14,122,95,.12); }
.woocommerce form .form-row label{ font-size:13px; color:var(--souq-text-secondary); font-weight:600; }
.woocommerce form .form-row .required{ color:var(--souq-danger); text-decoration:none; }

/* Star rating */
.woocommerce .star-rating{ color:var(--souq-accent); }
.woocommerce .star-rating::before{ color:var(--souq-border-strong); }

/* Tables (order tables, additional info tab, etc.) */
.woocommerce table.shop_table{ border:1px solid var(--souq-border); border-radius:var(--souq-radius-md); border-collapse:separate; overflow:hidden; }
.woocommerce table.shop_table th{ background:var(--souq-surface-secondary); color:var(--souq-text); font-size:13px; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th{ border-block-end:1px solid var(--souq-border); padding:12px; }

/* Quantity input + progressive-enhancement stepper (assets/js/quantity.js) */
.woocommerce .quantity .qty{
	width:64px; text-align:center; border:1px solid var(--souq-border); border-radius:var(--souq-radius-sm);
	min-height:44px; font-weight:700;
}
.souq-qty-stepper{ display:flex; align-items:center; border:1px solid var(--souq-border); border-radius:var(--souq-radius-sm); overflow:hidden; width:fit-content; }
.souq-qty-stepper .qty{ border:0; border-radius:0; width:44px; min-height:42px; }
.souq-qty-stepper__btn{ background:var(--souq-surface-secondary); border:0; width:36px; height:42px; font-size:16px; font-weight:700; color:var(--souq-text); }
.souq-qty-stepper__btn:hover{ background:var(--souq-primary-light); color:var(--souq-primary-dark); }

/* Breadcrumbs (wrapper/separator from inc/woocommerce/hooks.php filter) */
.souq-breadcrumbs{ font-size:13px; color:var(--souq-text-muted); padding-block:16px; }
.souq-breadcrumbs a{ color:var(--souq-text-secondary); }
.souq-breadcrumbs a:hover{ color:var(--souq-primary); }
.souq-breadcrumbs__sep{ opacity:.5; padding-inline:2px; }

/* Buy Now (Phase 3 architecture — plain add-to-cart + redirect to Checkout) */
.souq-buy-now{ margin-block-start:8px; }