/*
Theme Name: G2 Solutions
Theme URI: https://g2solutions.nl/
Author: G2 Solutions
Description: Licht, technisch WordPress-thema met Custom Post Type "Producten" en ACF velden.
Version: 1.0.0
Text Domain: g2solutions
*/

/* =========================
   Contactpagina (thema-consistent)
   ========================= */

body[data-page="contact"] .g2-contact-card{
  width:100%;
  max-width:100%;
}

/* Formulier: 1 kolom mobiel, 2 kolommen desktop */
body[data-page="contact"] .g2-form{
  margin-top:16px;
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width: 900px){
  body[data-page="contact"] .g2-form{
    grid-template-columns:1fr 1fr;
    gap:16px 18px;
  }
}

/* Labels */
body[data-page="contact"] .g2-field{
  margin:0;
}
body[data-page="contact"] .g2-field label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}

/* Inputs/textarea: match met .card uit main.css */
body[data-page="contact"] .g2-field input,
body[data-page="contact"] .g2-field textarea{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;

  border:1px solid var(--line);
  border-radius: var(--radius2);
  background: var(--card);
  box-shadow: var(--shadow2);

  padding:12px 14px;
  font: inherit;
}

/* Focus net wat duidelijker (zonder afwijkende kleuren) */
body[data-page="contact"] .g2-field input:focus,
body[data-page="contact"] .g2-field textarea:focus{
  outline:none;
  border-color: rgba(15,47,138,.22);
  background: rgba(255,255,255,.95);
}

/* textarea */
body[data-page="contact"] .g2-field textarea{
  resize: vertical;
}

/* Op desktop: 'Vraag' en 'Toestemming' en knop over volle breedte */
@media (min-width: 900px){
  body[data-page="contact"] .g2-form .g2-field:nth-of-type(4),
  body[data-page="contact"] .g2-form .g2-field:nth-of-type(5),
  body[data-page="contact"] .g2-actions{
    grid-column: 1 / -1;
  }
}

/* Knoprij */
body[data-page="contact"] .g2-actions{
  margin-top: 4px;
}

/* Alerts (zelfde radius als cards) */
body[data-page="contact"] .g2-alert{
  border-radius: var(--radius2);
  padding:12px 14px;
  margin:12px 0 16px;
  background: rgba(255,255,255,.70);
  border:1px solid var(--line);
}
body[data-page="contact"] .g2-alert--success{
  border-color: rgba(0,128,0,.25);
}
body[data-page="contact"] .g2-alert--error{
  border-color: rgba(160,0,0,.25);
}
body[data-page="contact"] .g2-alert ul{
  margin:8px 0 0 18px;
}

/* GDPR checkbox */
body[data-page="contact"] .g2-checkbox{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
body[data-page="contact"] .g2-checkbox input{
  margin-top:4px;
}
body[data-page="contact"] .g2-consent-note{
  margin-top:6px;
}

/* Honeypot: verstoppen zonder display:none */
body[data-page="contact"] .g2-honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}