/*
Theme Name: Onlinemeersucces.nl (vloerenkameraad)
Theme URI: https://vloerenkameraad.nl
Author: Onlinemeersucces.nl
Author URI: https://onlinemeersucces.nl
Description: Vloerenkameraad — Manus design v1, Scandinavian Luxury Craft
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: Proprietary
License URI: https://onlinemeersucces.nl
Text Domain: onlinemeersucces
*/

/* All design CSS comes from assets/css/ (design-tokens, typography, components, utilities).
   Only WordPress-required overrides below. */

.alignwide {
  max-width: var(--container-wide, 1400px);
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-top: 0.5rem;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft {
  float: left;
  margin: 0 1.5rem 1rem 0;
}

img.alignright {
  float: right;
  margin: 0 0 1rem 1.5rem;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* ─────────────────────────────────────────────────────────────────────────────
 * OMS FORMS — theme-level styling
 * ─────────────────────────────────────────────────────────────────────────── */

.oms-form__row {
  margin-bottom: var(--space-4, 1rem);
}

.oms-form__row label {
  display: block;
  font-family: var(--font-body, 'Nunito', sans-serif);
  font-size: var(--text-sm, 0.875rem);
  font-weight: var(--font-semibold, 600);
  color: var(--color-text-primary, #1a1a18);
  margin-bottom: var(--space-2, 0.5rem);
}

.oms-form__row label .req {
  color: var(--color-gold, #b09858);
}

.oms-form__row input[type="text"],
.oms-form__row input[type="email"],
.oms-form__row input[type="tel"],
.oms-form__row input[type="number"],
.oms-form__row input[type="url"],
.oms-form__row textarea,
.oms-form__row select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: var(--input-height, 2.75rem);
  padding: var(--input-pad, 0.625rem 0.875rem);
  border: var(--input-border, 1px solid oklch(0.85 0.010 75));
  border-radius: var(--input-radius, 0.5rem);
  background-color: var(--input-bg, oklch(0.98 0.005 75));
  color: var(--input-text, #1a1a18);
  font-family: var(--font-body, 'Nunito', sans-serif);
  font-size: var(--text-sm, 0.875rem);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  outline: none;
}

.oms-form__row textarea {
  height: auto;
  min-height: 7rem;
  resize: vertical;
}

.oms-form__row input:focus,
.oms-form__row textarea:focus,
.oms-form__row select:focus {
  border-color: var(--color-gold, #b09858);
  box-shadow: 0 0 0 3px oklch(0.68 0.08 75 / 0.15);
}

.oms-form__row--avg label {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2, 0.5rem);
  font-weight: var(--font-normal, 400);
  font-size: var(--text-sm, 0.875rem);
  cursor: pointer;
}

.oms-form__row--avg input[type="checkbox"] {
  margin-top: 0.2em;
  accent-color: var(--color-gold, #b09858);
}

.oms-form__actions {
  margin-top: var(--space-6, 1.5rem);
}