/*
Theme Name: 3D Print Labs Blocks
Theme URI: https://3dprintlabsusa.com
Author: Computer Works Family
Description: A warm, approachable native block theme for 3D Print Labs, with WooCommerce support and editable Gutenberg patterns.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: three-d-print-labs
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, wide-blocks
*/

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow: hidden; }
.tpl-card { transition: transform .2s ease, box-shadow .2s ease; }
.tpl-card:hover { transform: translateY(-4px); box-shadow: 0 18px 42px rgba(36,52,59,.10); }
.tpl-layer-stack { position: relative; min-height: 420px; }
.tpl-layer { position: absolute; left: 50%; width: 62%; height: 108px; border-radius: 26px; transform: translateX(-50%) skewY(-4deg); box-shadow: 0 18px 24px rgba(36,52,59,.12); }
.tpl-layer:nth-child(1) { top: 22px; background: #f3ad45; }
.tpl-layer:nth-child(2) { top: 105px; background: #f47b5c; }
.tpl-layer:nth-child(3) { top: 188px; background: #39a9a6; }
.tpl-layer:nth-child(4) { top: 271px; background: #f3ad45; }
.tpl-layer:nth-child(5) { top: 354px; background: #f47b5c; }
.tpl-pill { border: 1px solid rgba(36,52,59,.12); }
.woocommerce ul.products li.product,
.wc-block-grid__product { background: #fff; border: 1px solid #eadfd4; border-radius: 18px; padding: 18px !important; }
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img { border-radius: 12px; }
.woocommerce span.onsale { background: #f47b5c; }
@media (max-width: 781px) {
  .tpl-layer-stack { min-height: 330px; }
  .tpl-layer { height: 82px; }
  .tpl-layer:nth-child(1) { top: 12px; }
  .tpl-layer:nth-child(2) { top: 74px; }
  .tpl-layer:nth-child(3) { top: 136px; }
  .tpl-layer:nth-child(4) { top: 198px; }
  .tpl-layer:nth-child(5) { top: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .tpl-card { transition: none; }
}