/*
Theme Name: 3D Rocks
Author: Ido
Description: Blokthema voor 3D Rocks — webshop voor 3D-geprinte producten en ontwerpstudio. Van idee naar fysiek product.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drierocks
*/

/* ---------------------------------------------------------------
   Signatuur: het laagjesmotief. Objecten worden laag voor laag
   opgebouwd — dat beeld draagt de site, verder blijft alles rustig.
   --------------------------------------------------------------- */

/* Display-kop: Archivo breed en zwaar, als een gestapeld blok */
h1, h2, h3, .wp-block-post-title, .wp-block-site-title {
  font-stretch: 118%;
  letter-spacing: -0.015em;
}

/* Laagjesbalk: subtiele streep onder de hero en boven de footer */
.dr-lagen {
  height: 10px;
  background: repeating-linear-gradient(
    to right,
    var(--wp--preset--color--lava) 0 34px,
    transparent 34px 44px
  );
}

/* Stappen (Idee → Ontwerp → Product) */
.dr-stap {
  border-top: 3px solid var(--wp--preset--color--inkt);
  padding-top: 1rem;
}

.dr-stap .dr-nummer {
  font-stretch: 118%;
  font-weight: 800;
  font-size: 1rem;
  color: var(--wp--preset--color--lava);
}

/* Kaarten en WooCommerce-producten: hairline, geen schaduwkit */
.dr-kaart,
.woocommerce ul.products li.product {
  border: 1px solid var(--wp--preset--color--kiezel);
  border-radius: 2px;
  background: var(--wp--preset--color--wit);
}

.woocommerce ul.products li.product {
  padding: 0 0 1rem;
  text-align: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wp--preset--font-family--archivo);
  font-stretch: 118%;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.75rem 1rem 0;
}

.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--inkt);
  padding: 0 1rem;
}

.woocommerce ul.products li.product .button {
  margin: 0.5rem 1rem 0;
}

/* Woo-knoppen in de huisstijl */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button {
  background: var(--wp--preset--color--inkt);
  color: var(--wp--preset--color--steen);
  border-radius: 2px;
  font-weight: 600;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
  background: var(--wp--preset--color--lava);
  color: var(--wp--preset--color--wit);
}

/* Links en focus */
a { text-underline-offset: 0.15em; }

a:focus-visible,
.wp-block-button__link:focus-visible,
.woocommerce a.button:focus-visible {
  outline: 2px solid var(--wp--preset--color--lava);
  outline-offset: 3px;
}

.wp-block-navigation a { text-decoration: none; }
.wp-block-navigation a:hover { text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}