/*
Theme Name: winit-fun
Theme URI: https://winit.fun
Description: Custom WordPress theme for winit.fun
Version: 1.0.0
Text Domain: winit-fun
*/

/* Minimal reset — page content CSS handles everything else */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fff; }
img { max-width: 100%; height: auto; }


/* WooCommerce buttons */
.woocommerce .button, .woocommerce a.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce button.button {
  background-color: var(--color-primary) !important; color: #fff !important;
  border: none; border-radius: 4px; padding: 0.75rem 1.5rem;
  font-size: 0.9rem; cursor: pointer; transition: background 0.2s;
}
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover {
  background-color: var(--color-accent) !important;
}
.woocommerce .price { color: var(--color-primary) !important; font-weight: 600; }
.woocommerce .star-rating span::before { color: var(--color-accent); }

/* Shop sidebar */
.woo-shop-sidebar .widget { padding: 1rem; background: #f9fafb; border-radius: 8px; border: 1px solid #e5e7eb; }
.woo-shop-sidebar .widget-title { color: var(--color-secondary, #333); }
.woo-shop-sidebar .product-categories li { padding: 0.35rem 0; border-bottom: 1px solid #eee; }
.woo-shop-sidebar .product-categories li:last-child { border-bottom: none; }
.woo-shop-sidebar .product-categories a { color: #374151; text-decoration: none; font-size: 0.9rem; }
.woo-shop-sidebar .product-categories a:hover { color: var(--color-primary); }
.woo-shop-sidebar .product-categories .count { color: #9ca3af; font-size: 0.8rem; }
.woo-shop-sidebar .price_slider_wrapper .price_slider { margin-bottom: 1rem; }
.woo-shop-sidebar .price_label { font-size: 0.85rem; color: #6b7280; }

/* Product grid */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.5rem !important; list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
.woocommerce ul.products li.product, .sf-products-section ul.products li.product { display: block !important; float: none !important; width: 100% !important; clear: none !important; margin: 0 !important; background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #e5e7eb; transition: box-shadow 0.2s; padding: 0; }
.sf-products-section ul.products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.5rem !important; list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
@media (max-width: 768px) { .sf-products-section ul.products { grid-template-columns: 1fr !important; } }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0.75rem 1rem 0; font-size: 1rem; }
.woocommerce ul.products li.product .price { padding: 0.25rem 1rem; }
.woocommerce ul.products li.product .button { margin: 0.75rem 1rem 1rem; display: inline-block; }
.woocommerce-result-count { color: #6b7280; font-size: 0.85rem; }
.woocommerce-ordering select { padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 4px; }
.woocommerce .woocommerce-no-products-found { text-align: center; padding: 3rem 1rem; color: #6b7280; font-size: 1.1rem; }

/* Single product */
.woo-single-product .product { display: flex; gap: 2rem; flex-wrap: wrap; }
.woo-single-product .woocommerce-product-gallery { flex: 1; min-width: 300px; }
.woo-single-product .summary { flex: 1; min-width: 300px; }
.woo-single-product .related.products { width: 100%; margin-top: 3rem; }

/* Cart & Checkout */
.woocommerce table.shop_table { border-collapse: collapse; width: 100%; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 0.75rem; border-bottom: 1px solid #e5e7eb; }
.woocommerce .cart-collaterals { margin-top: 2rem; }

/* WooCommerce Block-based Cart & Checkout (WC 8.x+) */
.wc-block-cart .wc-block-components-button,
.wc-block-checkout .wc-block-components-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
  background-color: var(--color-primary) !important; color: #fff !important;
  border: none !important; border-radius: 4px !important;
  font-weight: 600; transition: background 0.2s;
}
.wc-block-cart .wc-block-components-button:hover,
.wc-block-checkout .wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover {
  background-color: var(--color-accent) !important;
}
.wc-block-components-product-name { color: var(--color-primary) !important; }
.wc-block-components-product-price { color: var(--color-primary) !important; font-weight: 600; }
.wc-block-components-totals-item__value { font-weight: 600; }
.wc-block-components-order-summary .wc-block-components-order-summary-item__description { color: #374151; }
.wc-block-cart .wc-block-cart__main,
.wc-block-checkout .wc-block-checkout__main { max-width: 1200px; margin: 0 auto; }
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; }
.wc-block-components-notice-banner { border-radius: 4px; }
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus { border-color: var(--color-primary) !important; box-shadow: 0 0 0 1px var(--color-primary) !important; }
a.wc-block-components-checkout-return-to-cart-button { color: var(--color-primary) !important; }

/* My Account */
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #e5e7eb; }
.woocommerce-MyAccount-navigation ul li a { display: block; padding: 0.75rem 1rem; color: #374151; text-decoration: none; }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--color-primary); font-weight: 600; }

/* Responsive shop sidebar */
@media (max-width: 768px) {
  .woo-shop-layout { flex-direction: column !important; }
  .woo-shop-sidebar { width: 100% !important; }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .woocommerce ul.products { grid-template-columns: 1fr !important; }
}


/* ── Accessibility ── */
.sf-skip-link {
  position: absolute;
  top: -100%;
  left: 1rem;
  z-index: 100000;
  background: #111;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0 0 8px 8px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: top 0.2s;
}
.sf-skip-link:focus {
  top: 0;
  outline: 2px solid #fff;
  outline-offset: 2px;
}
*:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}