/*
Theme Name: Robot Print
Theme URI: https://robot-designs.com/
Author: Robot Print
Description: Lightweight WooCommerce-ready starter theme for Robot Print V2.
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: robot-print
*/
:root {
  --rp-bg: #242629;
  --rp-surface: #303236;
  --rp-text: #ffffff;
  --rp-muted: #c4c5c7;
  --rp-primary: #ed5a1c;
  --rp-primary-hover: #ff762f;
  --rp-border: #55575b;
  --rp-radius: 14px;
  --rp-control-radius: 10px;
  --rp-on-primary: #ffffff;
  --rp-font: Tahoma, Arial, sans-serif;
  --rp-secondary: #e5ad32;
  --rp-bg-gradient: linear-gradient(135deg,#202225 0%,#303236 55%,#1d1f21 100%);
  --rp-surface-gradient: linear-gradient(145deg,rgba(66,68,72,.96),rgba(43,45,48,.96));
  --rp-button-gradient: linear-gradient(135deg,#ff762f,#c83d0d);
  --rp-on-primary: #fff;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--rp-bg-gradient); color: var(--rp-text); font-family: var(--rp-font); line-height: 1.7; }
a { color: var(--rp-primary); text-decoration: none; }
a:hover { color: var(--rp-primary-hover); }
img { max-width: 100%; height: auto; }
.site-header, .site-footer { background: var(--rp-surface); border-color: var(--rp-border); border-style: solid; }
.site-header { border-width: 0 0 1px; }
.site-header-inner, .site-footer-inner, .site-main { width: min(1200px, calc(100% - 32px)); margin-inline: auto; }
.site-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-brand { color: var(--rp-text); font-size: 1.35rem; font-weight: 800; }
.site-main { min-height: 60vh; padding-block: 36px; }
.site-footer { border-width: 1px 0 0; padding: 24px 0; color: var(--rp-muted); }
.card, .woocommerce ul.products li.product, .woocommerce div.product, .woocommerce-cart-form, .cart_totals { background: var(--rp-surface-gradient); border: 1px solid var(--rp-border); border-radius: var(--rp-radius); padding: 18px; backdrop-filter: blur(14px); box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }
.button, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: var(--rp-control-radius, var(--rp-radius)); background: var(--rp-button-gradient); color: var(--rp-on-primary, #ffffff); padding: 12px 20px; font: inherit; cursor: pointer; }
.button:hover, button:hover, input[type="submit"]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--rp-primary-hover); color: var(--rp-on-primary, #ffffff); }
input, select, textarea { max-width: 100%; border: 1px solid var(--rp-border); border-radius: var(--rp-control-radius, var(--rp-radius)); padding: 11px; font: inherit; }
@media (max-width: 640px) {
  .site-header-inner { flex-direction: column; align-items: flex-start; padding-block: 14px; }
  .site-main { padding-block: 22px; }
}


/* Central design-token integration: theme and WooCommerce components inherit
   the active Robot Print Design System values. */
.site-header, .site-footer,
.card, .woocommerce ul.products li.product,
.woocommerce div.product, .woocommerce-cart-form, .cart_totals,
.woocommerce table.shop_table {
  border-color: var(--rp-border);
}
.site-header, .site-footer,
.card, .woocommerce ul.products li.product,
.woocommerce div.product, .woocommerce-cart-form, .cart_totals,
.woocommerce table.shop_table {
  background-color: var(--rp-surface);
}
.site-footer, .woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  color: var(--rp-muted);
}
h1, h2, h3, h4, h5, h6,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--rp-text);
}
.woocommerce span.price, .woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
  color: var(--rp-primary);
}
.woocommerce-message, .woocommerce-info {
  border-top-color: var(--rp-primary);
}
.woocommerce-message::before, .woocommerce-info::before {
  color: var(--rp-primary);
}
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--rp-primary);
  outline-offset: 2px;
}