/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =========================================================
   WooCommerce product attributes – clean specs layout
   ========================================================= */

/* Tabel basis */
.woocommerce table.woocommerce-product-attributes {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  margin: 0 !important;
}

/* Verwijder alle standaard borders */
.woocommerce table.woocommerce-product-attributes,
.woocommerce table.woocommerce-product-attributes tr,
.woocommerce table.woocommerce-product-attributes th,
.woocommerce table.woocommerce-product-attributes td {
  border: 0 !important;
}

/* Rij styling */
.woocommerce table.woocommerce-product-attributes tr {
  background: #ffffff !important;
}

/* Zebra rows zoals voorbeeld */
.woocommerce table.woocommerce-product-attributes tr:nth-child(even) {
  background: #f4f4f4 !important;
}

/* Cellen */
.woocommerce table.woocommerce-product-attributes th,
.woocommerce table.woocommerce-product-attributes td {
  padding: 12px 16px !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  color: #222222 !important;
  background: transparent !important;
}

/* Label kolom */
.woocommerce-product-attributes-item__label {
  width: 32% !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Value kolom */
.woocommerce-product-attributes-item__value {
  width: 68% !important;
  padding-left: 28px !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Kill italics volledig (WooCommerce gebruikt <em>) */
.woocommerce-product-attributes-item__value em,
.woocommerce-product-attributes-item__value i,
.woocommerce-product-attributes-item__value p,
.woocommerce-product-attributes-item__value span {
  font-style: normal !important;
  font-weight: 400 !important;
}

/* Verwijder inner marges */
.woocommerce-product-attributes-item__label p,
.woocommerce-product-attributes-item__value p,
.woocommerce-product-attributes-item__value ul,
.woocommerce-product-attributes-item__value ol {
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
}

/* Subtiele scheidingslijn */
.woocommerce table.woocommerce-product-attributes tr + tr {
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.04) !important;
}

/* Mobiel: label boven value */
@media (max-width: 600px) {
  .woocommerce table.woocommerce-product-attributes th,
  .woocommerce table.woocommerce-product-attributes td {
    display: block !important;
    width: 100% !important;
  }

  .woocommerce-product-attributes-item__value {
    padding-left: 16px !important;
  }
}