/*
Theme Name: RigidWerk Pro Industrial
Theme URI: https://rigidwerk.nl
Author: RigidWerk Engineering
Author URI: https://rigidwerk.nl
Description: Hoogwaardig, industrieel WordPress & WooCommerce thema geoptimaliseerd voor gereedschapsadapters, bedrijfswageninrichting en 3D-print productiebedrijven.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: rigidwerk
*/

/* --- CSS Variables & Palet --- */
:root {
  --rw-orange: #FF5F00;
  --rw-orange-dark: #E05300;
  --rw-yellow: #F59E0B;
  --rw-dark: #0B0F14;
  --rw-surface: #131A22;
  --rw-card: #1B2430;
  --rw-border: #283445;
  --rw-muted: #8A99AD;
  --rw-text: #F1F5F9;
}

/* Base resets & typography */
html {
  scroll-behavior: smooth;
  background-color: var(--rw-dark);
  color: var(--rw-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--rw-dark);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Industrial Grid Pattern */
.pattern-grid {
  background-image: radial-gradient(rgba(255, 95, 0, 0.12) 1px, transparent 1px);
  background-size: 24px 24px;
}

.text-glow {
  text-shadow: 0 0 24px rgba(255, 95, 0, 0.4);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--rw-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--rw-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--rw-orange);
}

/* WooCommerce Overrides voor Donker Thema */
.woocommerce span.onsale {
  background-color: var(--rw-orange) !important;
  color: #fff !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  min-height: unset !important;
  line-height: normal !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.alt {
  background-color: var(--rw-orange) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  transition: all 0.2s ease-in-out !important;
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
  background-color: var(--rw-orange-dark) !important;
  transform: translateY(-1px);
}