/* ============================================
   James Watersport — Klantspecifieke overrides
   ============================================ */

/* ---- Product cards: vierkant, volledig zichtbaar ---- */
.wp-archive-card__image {
  aspect-ratio: 1 / 1;
  background: #f8f8f8;
}
.wp-archive-card__image img {
  object-fit: contain;
  padding: 8%;
}

/* ---- SEO content sectie: lichte achtergrond ---- */
.wp-seo-content {
  background: var(--wp-surface, #f5f3ef);
}
.wp-seo-content h2,
.wp-archive-page .wp-seo-content h2 {
  color: var(--wp-heading, #1a1a1a);
  margin-top: 40px;
}
.wp-seo-content h3,
.wp-archive-page .wp-seo-content h3 {
  color: var(--wp-heading, #1a1a1a);
}
.wp-seo-content p,
.wp-seo-content div,
.wp-archive-page .wp-seo-content p,
.wp-archive-page .wp-seo-content div {
  color: var(--wp-text, #4a4540);
}
.wp-seo-content a {
  color: var(--wp-accent, #2a6496);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wp-seo-content a:hover {
  color: var(--wp-accent-hover, #1d4a6e);
}

/* ---- Productpagina: licht thema i.p.v. donker ---- */
.wp-single-product {
  --wp-dark: #ffffff;
  --wp-dark-surface: var(--wp-surface, #f5f3ef);
  --wp-dark-border: #e0ddd8;
  --wp-dark-text: #1a1a1a;
  --wp-dark-text-2: #4a4540;
}

/* ---- Shop categorie-cards: licht thema ---- */
.wp-shop-cats {
  background: var(--wp-surface, #f5f3ef);
}
.wp-shop-cat {
  background: #ffffff;
  border-color: #e0ddd8;
}
.wp-shop-cat:hover {
  border-color: var(--wp-gold, #004d81);
  background: #ffffff;
}
.wp-shop-cat__name {
  color: var(--wp-text, #1a1a1a);
}
.wp-shop-cats__title {
  color: var(--wp-text, #1a1a1a);
}
.wp-shop-cat__count {
  color: var(--wp-text-2, #4a4540);
}
.wp-shop-cat__link {
  color: var(--wp-gold, #004d81);
}
.wp-shop-cat:hover .wp-shop-cat__link {
  color: var(--wp-gold-text, #003c65);
}

/* ---- USP's homepage: licht thema ---- */
.wp-usps-home {
  background: var(--wp-surface, #f5f3ef);
}
.wp-usp-home__icon {
  color: var(--wp-gold, #004d81);
}
.wp-usp-home__title,
.wp-homepage .wp-usp-home__title {
  color: var(--wp-text, #1a1a1a);
}
.wp-usp-home__text,
.wp-homepage .wp-usp-home__text {
  color: var(--wp-text-2, #4a4540);
}